@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/components/Logotype/Logotype.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface LogotypePropLocale {
-    suffix: string;
-    prefix: string;
-}
-export interface LogotypeProps {
-    /**
-     * Цвет логотипа в rgb, rgba, hex
-     */
-    color: string;
-    component: React.ComponentType<any> | string;
-    /**
-     * Адрес ссылки
-     */
-    href: string;
-    /**
-     * Суффикс сервиса
-     */
-    suffix?: string;
-    /**
-     * Размер шрифта логотипа в пикселях.
-     * @default 22
-     */
-    size: number;
-    /**
-     * Цвет логотипа Контура в rgb, rgba, hex
-     */
-    textColor: string;
-    /**
-     * Наличие виджета с продуктами
-     */
-    withWidget?: boolean;
-    /**
-     * нажатие по кнопке открытия виджета
-     */
-    onArrowClick?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Словарь текстовых констант
-     * @deprecated
-     * @default { prefix: 'к', suffix: 'нтур' }
-     */
-    locale?: LogotypePropLocale;
-}
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/MIGRATION.md)
- */
-export declare class Logotype extends React.Component<LogotypeProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        color: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        suffix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<number>;
-        textColor: PropTypes.Requireable<string>;
-        withWidget: PropTypes.Requireable<boolean>;
-        locale: PropTypes.Requireable<PropTypes.InferProps<{
-            prefix: PropTypes.Requireable<string>;
-            suffix: PropTypes.Requireable<string>;
-        }>>;
-    };
-    static defaultProps: {
-        color: string;
-        size: number;
-        textColor: string;
-        component: string;
-        href: string;
-    };
-    private theme;
-    private readonly locale;
-    private logoWrapper;
-    private isWidgetInited;
-    constructor(props: LogotypeProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private refLogoWrapper;
-    private handleNativeLogoClick;
-    private initWidget;
-}
-export {};

package/components/Logotype/Logotype.js

@@ -1,203 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";var _dec, _class, _class2, _temp;import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import warning from 'warning';
-
-import { stopPropagation } from '../../lib/events/stopPropagation';
-import { locale } from '../../lib/locale/decorators';
-
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-import { CloudIcon } from '../internal/icons/CloudIcon';
-import { ArrowChevronDownIcon } from '../internal/icons/16px';
-
-import { jsStyles } from './Logotype.styles';
-import { ProductWidget } from './ProductWidget';
-import { LogotypeLocaleHelper } from './locale';
-
-var INITIAL_WIDTH = 23;
-var INITIAL_HEIGHT = 17;
-var INITIAL_VERTICAL_ALIGN = -1;
-var INITIAL_FONT_SIZE = 22;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export /**
-        * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/MIGRATION.md)
-        */var Logotype = (_dec = locale('Logotype', LogotypeLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Logotype, _React$Component);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  function Logotype(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.locale = void 0;_this.logoWrapper = null;_this.isWidgetInited = false;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    refLogoWrapper = function (el) {
-      if (_this.logoWrapper) {
-        _this.logoWrapper.removeEventListener('click', _this.handleNativeLogoClick);
-      }
-
-      if (el) {
-        el.addEventListener('click', _this.handleNativeLogoClick);
-      }
-
-      _this.logoWrapper = el;
-    };_this.
-
-    handleNativeLogoClick = function (event) {
-      stopPropagation(event);
-    };_this.
-
-    initWidget = function () {
-      if (!_this.isWidgetInited) {
-        ProductWidget.init();
-        _this.isWidgetInited = true;
-      }
-    };warning(false, "Logotype has been deprecated, use Logotype from @skbkontur/react-ui-addons instead, see [migration](https://github.com/skbkontur/retail-ui/blob/master/MIGRATION.md)");return _this;}var _proto = Logotype.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.withWidget) {this.initWidget();}warning(!this.props.locale, 'locale props is deprecated, use LocaleProvider instead');};_proto.componentDidUpdate = function componentDidUpdate() {if (this.props.withWidget) {this.initWidget();}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn;var _this$props = this.props,color = _this$props.color,textColor = _this$props.textColor,Component = _this$props.component,suffix = _this$props.suffix,size = _this$props.size,href = _this$props.href,withWidget = _this$props.withWidget,_this$props$locale = _this$props.locale,propLocale = _this$props$locale === void 0 ? this.locale : _this$props$locale,onArrowClick = _this$props.onArrowClick;var dropdownClassName = cn((_cn = {}, _cn[jsStyles.dropdown()] = true, _cn[jsStyles.inline()] = !withWidget, _cn));var cloudStyle = { color: color, width: size * (INITIAL_WIDTH / INITIAL_FONT_SIZE), height: size * (INITIAL_HEIGHT / INITIAL_FONT_SIZE), verticalAlign: size * (INITIAL_VERTICAL_ALIGN / INITIAL_FONT_SIZE) };return React.createElement("div", { id: "spwDropdown", className: dropdownClassName }, React.createElement("span", { ref: this.refLogoWrapper, className: jsStyles.widgetWrapper() }, React.createElement(Component, { href: href, tabIndex: "-1", className: jsStyles.root(this.theme), style: { fontSize: size + "px" } }, React.createElement("span", { style: { color: textColor } }, propLocale.prefix), React.createElement("span", { className: jsStyles.cloud(), style: cloudStyle }, React.createElement(CloudIcon, null)), React.createElement("span", { style: { color: textColor } }, propLocale.suffix, suffix && '.'), suffix && React.createElement("span", { style: { color: color } }, suffix)), withWidget && React.createElement("span", { className: jsStyles.divider(this.theme) })), withWidget && React.createElement("button", { className: jsStyles.button(), onClick: onArrowClick }, React.createElement(ArrowChevronDownIcon, { color: "#aaa", size: 20 })));};return Logotype;}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Logotype', _class2.propTypes = { color: PropTypes.string, href: PropTypes.string, suffix: PropTypes.string, size: PropTypes.number, textColor: PropTypes.string, withWidget: PropTypes.bool, locale: PropTypes.shape({ prefix: PropTypes.string, suffix: PropTypes.string }) }, _class2.defaultProps = { color: '#D92932', size: INITIAL_FONT_SIZE, textColor: '#000', component: 'a', href: '/' }, _temp)) || _class);

package/components/Logotype/Logotype.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Logotype.tsx"],"names":["React","PropTypes","cn","warning","stopPropagation","locale","ThemeContext","CloudIcon","ArrowChevronDownIcon","jsStyles","ProductWidget","LogotypeLocaleHelper","INITIAL_WIDTH","INITIAL_HEIGHT","INITIAL_VERTICAL_ALIGN","INITIAL_FONT_SIZE","Logotype","props","theme","logoWrapper","isWidgetInited","refLogoWrapper","el","removeEventListener","handleNativeLogoClick","addEventListener","event","initWidget","init","componentDidMount","withWidget","componentDidUpdate","render","renderMain","color","textColor","Component","component","suffix","size","href","propLocale","onArrowClick","dropdownClassName","dropdown","inline","cloudStyle","width","height","verticalAlign","widgetWrapper","root","fontSize","prefix","cloud","divider","button","__KONTUR_REACT_UI__","propTypes","string","number","bool","shape","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport warning from 'warning';\r\n\r\nimport { stopPropagation } from '../../lib/events/stopPropagation';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CloudIcon } from '../internal/icons/CloudIcon';\r\nimport { ArrowChevronDownIcon } from '../internal/icons/16px';\r\n\r\nimport { jsStyles } from './Logotype.styles';\r\nimport { ProductWidget } from './ProductWidget';\r\nimport { LogotypeLocale, LogotypeLocaleHelper } from './locale';\r\n\r\nconst INITIAL_WIDTH = 23;\r\nconst INITIAL_HEIGHT = 17;\r\nconst INITIAL_VERTICAL_ALIGN = -1;\r\nconst INITIAL_FONT_SIZE = 22;\r\n\r\ninterface LogotypePropLocale {\r\n  suffix: string;\r\n  prefix: string;\r\n}\r\n\r\nexport interface LogotypeProps {\r\n  /**\r\n   * Цвет логотипа в rgb, rgba, hex\r\n   */\r\n  color: string;\r\n  component: React.ComponentType<any> | string;\r\n  /**\r\n   * Адрес ссылки\r\n   */\r\n  href: string;\r\n  /**\r\n   * Суффикс сервиса\r\n   */\r\n  suffix?: string;\r\n  /**\r\n   * Размер шрифта логотипа в пикселях.\r\n   * @default 22\r\n   */\r\n  size: number;\r\n  /**\r\n   * Цвет логотипа Контура в rgb, rgba, hex\r\n   */\r\n  textColor: string;\r\n  /**\r\n   * Наличие виджета с продуктами\r\n   */\r\n  withWidget?: boolean;\r\n  /**\r\n   * нажатие по кнопке открытия виджета\r\n   */\r\n  onArrowClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n  /**\r\n   * Словарь текстовых констант\r\n   * @deprecated\r\n   * @default { prefix: 'к', suffix: 'нтур' }\r\n   */\r\n  locale?: LogotypePropLocale;\r\n}\r\n\r\n/**\r\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/MIGRATION.md)\r\n */\r\n@locale('Logotype', LogotypeLocaleHelper)\r\nexport class Logotype extends React.Component<LogotypeProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Logotype';\r\n\r\n  public static propTypes = {\r\n    color: PropTypes.string,\r\n    href: PropTypes.string,\r\n    suffix: PropTypes.string,\r\n    size: PropTypes.number,\r\n    textColor: PropTypes.string,\r\n    withWidget: PropTypes.bool,\r\n    locale: PropTypes.shape({\r\n      prefix: PropTypes.string,\r\n      suffix: PropTypes.string,\r\n    }),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    color: '#D92932',\r\n    size: INITIAL_FONT_SIZE,\r\n    textColor: '#000',\r\n    component: 'a',\r\n    href: '/',\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: LogotypeLocale;\r\n  private logoWrapper: Nullable<HTMLElement> = null;\r\n  private isWidgetInited = false;\r\n\r\n  public constructor(props: LogotypeProps) {\r\n    super(props);\r\n    warning(\r\n      false,\r\n      `Logotype has been deprecated, use Logotype from @skbkontur/react-ui-addons instead, see [migration](https://github.com/skbkontur/retail-ui/blob/master/MIGRATION.md)`,\r\n    );\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.props.withWidget) {\r\n      this.initWidget();\r\n    }\r\n\r\n    warning(!this.props.locale, 'locale props is deprecated, use LocaleProvider instead');\r\n  }\r\n\r\n  public componentDidUpdate() {\r\n    if (this.props.withWidget) {\r\n      this.initWidget();\r\n    }\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      color,\r\n      textColor,\r\n      component: Component,\r\n      suffix,\r\n      size,\r\n      href,\r\n      withWidget,\r\n      locale: propLocale = this.locale,\r\n      onArrowClick,\r\n    } = this.props;\r\n    const dropdownClassName = cn({\r\n      [jsStyles.dropdown()]: true,\r\n      [jsStyles.inline()]: !withWidget,\r\n    });\r\n\r\n    const cloudStyle = {\r\n      color,\r\n      width: size * (INITIAL_WIDTH / INITIAL_FONT_SIZE),\r\n      height: size * (INITIAL_HEIGHT / INITIAL_FONT_SIZE),\r\n      verticalAlign: size * (INITIAL_VERTICAL_ALIGN / INITIAL_FONT_SIZE),\r\n    };\r\n\r\n    return (\r\n      <div id=\"spwDropdown\" className={dropdownClassName}>\r\n        <span ref={this.refLogoWrapper} className={jsStyles.widgetWrapper()}>\r\n          <Component href={href} tabIndex=\"-1\" className={jsStyles.root(this.theme)} style={{ fontSize: `${size}px` }}>\r\n            <span style={{ color: textColor }}>{propLocale.prefix}</span>\r\n            <span className={jsStyles.cloud()} style={cloudStyle}>\r\n              <CloudIcon />\r\n            </span>\r\n            <span style={{ color: textColor }}>\r\n              {propLocale.suffix}\r\n              {suffix && '.'}\r\n            </span>\r\n            {suffix && <span style={{ color }}>{suffix}</span>}\r\n          </Component>\r\n          {withWidget && <span className={jsStyles.divider(this.theme)} />}\r\n        </span>\r\n        {withWidget && (\r\n          <button className={jsStyles.button()} onClick={onArrowClick}>\r\n            <ArrowChevronDownIcon color=\"#aaa\" size={20} />\r\n          </button>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private refLogoWrapper = (el: Nullable<HTMLElement>) => {\r\n    if (this.logoWrapper) {\r\n      this.logoWrapper.removeEventListener('click', this.handleNativeLogoClick);\r\n    }\r\n\r\n    if (el) {\r\n      el.addEventListener('click', this.handleNativeLogoClick);\r\n    }\r\n\r\n    this.logoWrapper = el;\r\n  };\r\n\r\n  private handleNativeLogoClick = (event: Event) => {\r\n    stopPropagation(event);\r\n  };\r\n\r\n  private initWidget = () => {\r\n    if (!this.isWidgetInited) {\r\n      ProductWidget.init();\r\n      this.isWidgetInited = true;\r\n    }\r\n  };\r\n}\r\n"]}

package/components/Logotype/Logotype.md

@@ -1,33 +0,0 @@
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-<Gapped vertical>
-  <Logotype suffix="edi" color="#1E79BE" />
-  <Logotype suffix="бухгалтерия" color="#A23A99" />
-  <Logotype suffix="диадок" color="#1fab90" />
-  <Logotype suffix="экстерн" color="#F15600" />
-  <Logotype suffix="фокус" color="#56916E" />
-  <div style={{ background: '#56916E' }}>
-    <Logotype suffix="фокус" color="#FFF" textColor="#FFF" />
-  </div>
-</Gapped>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface LogotypeLocale {
-  suffix?: string;
-  prefix?: string;
-}
-
-const ru_RU = {
-  prefix: 'к',
-  suffix: 'нтур',
-};
-
-const en_GB = {
-  prefix: 'k',
-  suffix: 'ntur',
-};
-```

package/components/Logotype/Logotype.styles.d.ts

@@ -1,10 +0,0 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    divider(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    cloud(): string;
-    inner(): string;
-    dropdown(): string;
-    inline(): string;
-    widgetWrapper(): string;
-    button(): string;
-};

package/components/Logotype/Logotype.styles.js

@@ -1,91 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      margin: 0;\n      cursor: pointer;\n      outline: 0;\n      padding: 0 11px;\n      position: relative;\n      background: none;\n      border: none;\n\n      &:hover,\n      &:focus {\n        background: rgba(0, 0, 0, 0.06);\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        display: inline-flex;\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-wrap: nowrap;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      line-height: 0;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      height: 60%;\n      margin: 0 0 0 10px;\n      width: 1px;\n      background-color: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      font-weight: 400;\n      text-decoration: none;\n      position: relative;\n      bottom: 2px;\n      outline: none;\n      user-select: none;\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';
-
-
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(),
-
-
-
-
-
-
-    t.logoColor,
-
-
-    t.logoHoverColor);
-
-
-  },
-
-  divider: function divider(t) {
-    return css(_templateObject2(),
-
-
-
-    t.tdDividerBg);
-
-  },
-
-  cloud: function cloud() {
-    return css(_templateObject3());
-
-
-
-
-  },
-
-  inner: function inner() {
-    return css(_templateObject4());
-
-
-
-
-
-
-  },
-
-  dropdown: function dropdown() {
-    return css(_templateObject5());
-
-
-
-
-  },
-
-  inline: function inline() {
-    return css(_templateObject6(),
-    cssName(styles.dropdown()));
-
-
-
-  },
-
-  widgetWrapper: function widgetWrapper() {
-    return css(_templateObject7());
-
-
-
-  },
-
-  button: function button() {
-    return css(_templateObject8());
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/Logotype/Logotype.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Logotype.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","logoColor","logoHoverColor","divider","tdDividerBg","cloud","inner","dropdown","inline","widgetWrapper","button","jsStyles"],"mappings":"mvEAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;;;;;;AAOWK,IAAAA,CAAC,CAACC,SAPb;;;AAUaD,IAAAA,CAAC,CAACE,cAVf;;;AAaD,GAfY;;AAiBbC,EAAAA,OAjBa,mBAiBLH,CAjBK,EAiBK;AAChB,WAAOL,GAAP;;;;AAIsBK,IAAAA,CAAC,CAACI,WAJxB;;AAMD,GAxBY;;AA0BbC,EAAAA,KA1Ba,mBA0BL;AACN,WAAOV,GAAP;;;;;AAKD,GAhCY;;AAkCbW,EAAAA,KAlCa,mBAkCL;AACN,WAAOX,GAAP;;;;;;;AAOD,GA1CY;;AA4CbY,EAAAA,QA5Ca,sBA4CF;AACT,WAAOZ,GAAP;;;;;AAKD,GAlDY;;AAoDba,EAAAA,MApDa,oBAoDJ;AACP,WAAOb,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACS,QAAP,EAAD,CADX;;;;AAKD,GA1DY;;AA4DbE,EAAAA,aA5Da,2BA4DG;AACd,WAAOd,GAAP;;;;AAID,GAjEY;;AAmEbe,EAAAA,MAnEa,oBAmEJ;AACP,WAAOf,GAAP;;;;;;;;;;;;;;;;AAgBD,GApFY,EAAf;;;AAuFA,OAAO,IAAMgB,QAAQ,GAAGd,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      font-weight: 400;\r\n      text-decoration: none;\r\n      position: relative;\r\n      bottom: 2px;\r\n      outline: none;\r\n      user-select: none;\r\n      color: ${t.logoColor};\r\n\r\n      &:hover {\r\n        color: ${t.logoHoverColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  divider(t: Theme) {\r\n    return css`\r\n      height: 60%;\r\n      margin: 0 0 0 10px;\r\n      width: 1px;\r\n      background-color: ${t.tdDividerBg};\r\n    `;\r\n  },\r\n\r\n  cloud() {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n      line-height: 0;\r\n    `;\r\n  },\r\n\r\n  inner() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n    `;\r\n  },\r\n\r\n  dropdown() {\r\n    return css`\r\n      height: 100%;\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n    `;\r\n  },\r\n\r\n  inline() {\r\n    return css`\r\n      ${cssName(styles.dropdown())}& {\r\n        display: inline-flex;\r\n      }\r\n    `;\r\n  },\r\n\r\n  widgetWrapper() {\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n    `;\r\n  },\r\n\r\n  button() {\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n      margin: 0;\r\n      cursor: pointer;\r\n      outline: 0;\r\n      padding: 0 11px;\r\n      position: relative;\r\n      background: none;\r\n      border: none;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        background: rgba(0, 0, 0, 0.06);\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Logotype/ProductWidget.d.ts

@@ -1,3 +0,0 @@
-export declare const ProductWidget: {
-    init(): void;
-};

package/components/Logotype/ProductWidget.js

@@ -1,17 +0,0 @@
-var calledLoad = false;
-
-export var ProductWidget = {
-  init: function init() {
-    var loadWidget = function loadWidget() {
-      if (calledLoad) {
-        return;
-      }
-      calledLoad = true;
-
-      var script = document.createElement('script');
-      script.src = 'https://widget-product.kontur.ru/widget/loader?' + 'product=&type=service';
-      setTimeout(function () {return document.getElementsByTagName('head')[0].appendChild(script);});
-    };
-
-    loadWidget();
-  } };

package/components/Logotype/ProductWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ProductWidget.tsx"],"names":["calledLoad","ProductWidget","init","loadWidget","script","document","createElement","src","setTimeout","getElementsByTagName","appendChild"],"mappings":"AAAA,IAAIA,UAAU,GAAG,KAAjB;;AAEA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAD2B,kBACpB;AACL,QAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,UAAIH,UAAJ,EAAgB;AACd;AACD;AACDA,MAAAA,UAAU,GAAG,IAAb;;AAEA,UAAMI,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AACAF,MAAAA,MAAM,CAACG,GAAP,GAAa,oDAAoD,uBAAjE;AACAC,MAAAA,UAAU,CAAC,oBAAMH,QAAQ,CAACI,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,EAAyCC,WAAzC,CAAqDN,MAArD,CAAN,EAAD,CAAV;AACD,KATD;;AAWAD,IAAAA,UAAU;AACX,GAd0B,EAAtB","sourcesContent":["let calledLoad = false;\r\n\r\nexport const ProductWidget = {\r\n  init() {\r\n    const loadWidget = () => {\r\n      if (calledLoad) {\r\n        return;\r\n      }\r\n      calledLoad = true;\r\n\r\n      const script = document.createElement('script');\r\n      script.src = 'https://widget-product.kontur.ru/widget/loader?' + 'product=&type=service';\r\n      setTimeout(() => document.getElementsByTagName('head')[0].appendChild(script));\r\n    };\r\n\r\n    loadWidget();    \r\n  },\r\n};\r\n"]}

package/components/Logotype/index.d.ts

@@ -1 +0,0 @@
-export * from './Logotype';

package/components/Logotype/index.js

@@ -1 +0,0 @@
-export * from './Logotype';

package/components/Logotype/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Logotype';\r\n"]}

package/components/Logotype/locale/index.d.ts

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

package/components/Logotype/locale/index.js

@@ -1,11 +0,0 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-
-import { componentsLocales as en_GB } from './locales/en';
-import { componentsLocales as ru_RU } from './locales/ru';
-
-
-export * from './types';
-
-export var LogotypeLocaleHelper = new LocaleHelper({
-  ru_RU: ru_RU,
-  en_GB: en_GB });

package/components/Logotype/locale/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","LogotypeLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,IAAIJ,YAAJ,CAAiC;AACnEG,EAAAA,KAAK,EAALA,KADmE;AAEnED,EAAAA,KAAK,EAALA,KAFmE,EAAjC,CAA7B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport  { componentsLocales as en_GB } from './locales/en';\r\nimport  { componentsLocales as ru_RU } from './locales/ru';\r\nimport { LogotypeLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const LogotypeLocaleHelper = new LocaleHelper<LogotypeLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}

package/components/Logotype/locale/locales/en.d.ts

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

package/components/Logotype/locale/locales/en.js

@@ -1,5 +0,0 @@
-
-
-export var componentsLocales = {
-  prefix: 'k',
-  suffix: 'ntur' };

package/components/Logotype/locale/locales/en.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","prefix","suffix"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,MAAM,EAAE,GADuC;AAE/CC,EAAAA,MAAM,EAAE,MAFuC,EAA1C","sourcesContent":["import { LogotypeLocale } from '../types';\r\n\r\nexport const componentsLocales: LogotypeLocale = {\r\n  prefix: 'k',\r\n  suffix: 'ntur',\r\n};\r\n"]}

package/components/Logotype/locale/locales/ru.d.ts

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

package/components/Logotype/locale/locales/ru.js

@@ -1,5 +0,0 @@
-
-
-export var componentsLocales = {
-  prefix: 'к',
-  suffix: 'нтур' };

package/components/Logotype/locale/locales/ru.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","prefix","suffix"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,MAAM,EAAE,GADuC;AAE/CC,EAAAA,MAAM,EAAE,MAFuC,EAA1C","sourcesContent":["import { LogotypeLocale } from '../types';\r\n\r\nexport const componentsLocales: LogotypeLocale = {\r\n  prefix: 'к',\r\n  suffix: 'нтур',\r\n};\r\n"]}

package/components/Logotype/locale/types.d.ts

@@ -1,4 +0,0 @@
-export interface LogotypeLocale {
-    suffix: string;
-    prefix: string;
-}

package/components/Logotype/locale/types.js.map

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

package/components/Menu/Menu.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-export interface MenuProps {
-    children: React.ReactNode;
-    hasShadow?: boolean;
-    maxHeight?: number | string;
-    onItemClick?: () => void;
-    width?: number | string;
-    preventWindowScroll?: boolean;
-}
-export interface MenuState {
-    highlightedIndex: number;
-}
-export declare class Menu extends React.Component<MenuProps, MenuState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-    };
-    state: {
-        highlightedIndex: number;
-    };
-    private theme;
-    private scrollContainer;
-    private highlighted;
-    private unmounted;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    up(): void;
-    /**
-     * @public
-     */
-    down(): void;
-    /**
-     * @public
-     */
-    enter(event: React.SyntheticEvent<HTMLElement>): boolean;
-    /**
-     * @public
-     */
-    reset(): void;
-    /**
-     * @public
-     */
-    hasHighlightedItem(): boolean;
-    highlightItem(index: number): void;
-    private renderMain;
-    private refScrollContainer;
-    private refHighlighted;
-    private scrollToSelected;
-    private scrollToTop;
-    private scrollToBottom;
-    private select;
-    private highlight;
-    private unhighlight;
-    private move;
-    private isEmpty;
-}