@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

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

@@ -1 +1 @@
-{"version":3,"sources":["Kebab.styles.ts"],"names":["styles","kebab","t","css","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","focused","borderColorFocus","opened","disabled","iconsmall","iconmedium","iconlarge","menu","popupBorderRadius","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,iBACPC,CADO,EACG;AACd,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACE,WAHd;;AAKmBF,IAAAA,CAAC,CAACG,iBALrB;;;;;;;AAYgBH,IAAAA,CAAC,CAACI,eAZlB;;;AAekBJ,IAAAA,CAAC,CAACK,oBAfpB;;;AAkBD,GApBY;;AAsBbC,EAAAA,OAtBa,mBAsBLN,CAtBK,EAsBK;AAChB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;AAEkBA,IAAAA,CAAC,CAACK,oBAFpB;AAGoBL,IAAAA,CAAC,CAACO,gBAHtB;;;AAMD,GA7BY;;AA+BbC,EAAAA,MA/Ba,kBA+BNR,CA/BM,EA+BI;AACf,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;AAEkBA,IAAAA,CAAC,CAACK,oBAFpB;;;;AAMD,GAtCY;;AAwCbI,EAAAA,QAxCa,oBAwCJT,CAxCI,EAwCM;AACjB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;;;;AASD,GAlDY;;AAoDbU,EAAAA,SApDa,qBAoDHV,CApDG,EAoDO;AAClB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;AAMD,GA3DY;;AA6DbW,EAAAA,UA7Da,sBA6DFX,CA7DE,EA6DQ;AACnB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;AAMD,GApEY;;AAsEbY,EAAAA,SAtEa,qBAsEHZ,CAtEG,EAsEO;AAClB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;AAMD,GA7EY;;AA+Eba,EAAAA,IA/Ea,gBA+ERb,CA/EQ,EA+EE;AACb,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACc,iBAFrB;;AAID,GApFY,EAAf;;;AAuFO,IAAMC,QAAQ,GAAG,2BAAajB,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  kebab(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: center;\r\n      border: ${t.kebabBorder};\r\n      box-sizing: border-box;\r\n      border-radius: ${t.kebabBorderRadius};\r\n      user-select: none;\r\n      cursor: pointer;\r\n      outline: 0;\r\n      transition: background 0.12s ease-out;\r\n      width: 26px;\r\n      height: 26px;\r\n      background: ${t.kebabBackground};\r\n\r\n      &:hover {\r\n        background: ${t.kebabBackgroundHover};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab(t))}& {\r\n        background: ${t.kebabBackgroundHover};\r\n        border-color: ${t.borderColorFocus};\r\n      }\r\n    `;\r\n  },\r\n\r\n  opened(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab(t))}& {\r\n        background: ${t.kebabBackgroundHover};\r\n        cursor: default;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab(t))}& {\r\n        cursor: default;\r\n\r\n        &:hover {\r\n          background: none;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconsmall(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab(t))} & {\r\n        margin-top: 1px;\r\n        margin-left: 0.8124px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconmedium(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab(t))} & {\r\n        margin-top: -2px;\r\n        margin-left: 0.5px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconlarge(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.kebab(t))} & {\r\n        margin-top: -4px;\r\n        margin-left: 0.5px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  menu(t: Theme) {\r\n    return css`\r\n      overflow: hidden;\r\n      border-radius: ${t.popupBorderRadius};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Kebab.styles.ts"],"names":["styles","kebab","t","css","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","focused","borderColorFocus","opened","disabled","iconsmall","iconmedium","iconlarge","menu","popupBorderRadius","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,iBACPC,CADO,EACG;AACd,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACE,WAHd;;AAKmBF,IAAAA,CAAC,CAACG,iBALrB;;;;;;;AAYgBH,IAAAA,CAAC,CAACI,eAZlB;;;AAekBJ,IAAAA,CAAC,CAACK,oBAfpB;;;AAkBD,GApBY;;AAsBbC,EAAAA,OAtBa,mBAsBLN,CAtBK,EAsBK;AAChB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;AAEkBA,IAAAA,CAAC,CAACK,oBAFpB;AAGoBL,IAAAA,CAAC,CAACO,gBAHtB;;;AAMD,GA7BY;;AA+BbC,EAAAA,MA/Ba,kBA+BNR,CA/BM,EA+BI;AACf,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;AAEkBA,IAAAA,CAAC,CAACK,oBAFpB;;;;AAMD,GAtCY;;AAwCbI,EAAAA,QAxCa,oBAwCJT,CAxCI,EAwCM;AACjB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;;;;AASD,GAlDY;;AAoDbU,EAAAA,SApDa,qBAoDHV,CApDG,EAoDO;AAClB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;AAMD,GA3DY;;AA6DbW,EAAAA,UA7Da,sBA6DFX,CA7DE,EA6DQ;AACnB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;AAMD,GApEY;;AAsEbY,EAAAA,SAtEa,qBAsEHZ,CAtEG,EAsEO;AAClB,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,KAAP,CAAaC,CAAb,CAAR,CADJ;;;;;AAMD,GA7EY;;AA+Eba,EAAAA,IA/Ea,gBA+ERb,CA/EQ,EA+EE;AACb,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACc,iBAFrB;;AAID,GApFY,EAAf;;;AAuFO,IAAMC,QAAQ,GAAG,2BAAajB,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  kebab(t: Theme) {\n    return css`\n      display: inline-block;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      width: 26px;\n      height: 26px;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      ${cssName(styles.kebab(t))}& {\n        background: ${t.kebabBackgroundHover};\n        border-color: ${t.borderColorFocus};\n      }\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      ${cssName(styles.kebab(t))}& {\n        background: ${t.kebabBackgroundHover};\n        cursor: default;\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${cssName(styles.kebab(t))}& {\n        cursor: default;\n\n        &:hover {\n          background: none;\n        }\n      }\n    `;\n  },\n\n  iconsmall(t: Theme) {\n    return css`\n      ${cssName(styles.kebab(t))} & {\n        margin-top: 1px;\n        margin-left: 0.8124px;\n      }\n    `;\n  },\n\n  iconmedium(t: Theme) {\n    return css`\n      ${cssName(styles.kebab(t))} & {\n        margin-top: -2px;\n        margin-left: 0.5px;\n      }\n    `;\n  },\n\n  iconlarge(t: Theme) {\n    return css`\n      ${cssName(styles.kebab(t))} & {\n        margin-top: -4px;\n        margin-left: 0.5px;\n      }\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/Kebab/__stories__/Kebab.items.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Kebab.items.tsx"],"names":["defaultItemsList","text","action","manyItemsList"],"mappings":"iGAAO,IAAMA,gBAAgB,GAAG;AAC9B;AACEC,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,MAAM,EAAE,OAFV,EAD8B;;AAK9B;AACED,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,MAAM,EAAE,QAFV,EAL8B;;AAS9B;AACED,EAAAA,IAAI,EAAE,KADR;AAEEC,EAAAA,MAAM,EAAE,KAFV,EAT8B,CAAzB,C;;;;AAeA,IAAMC,aAAa,GAAG;AAC3B;AACEF,EAAAA,IAAI,EAAE,MADR;AAEEC,EAAAA,MAAM,EAAE,MAFV,EAD2B;;AAK3B;AACED,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,MAAM,EAAE,QAFV,EAL2B;;AAS3B;AACED,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,MAAM,EAAE,aAFV,EAT2B;;AAa3B;AACED,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,MAAM,EAAE,OAFV,EAb2B;;AAiB3B;AACED,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,MAAM,EAAE,UAFV,EAjB2B;;AAqB3B;AACED,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,MAAM,EAAE,SAFV,EArB2B;;AAyB3B;AACED,EAAAA,IAAI,EAAE,MADR;AAEEC,EAAAA,MAAM,EAAE,MAFV,EAzB2B;;AA6B3B;AACED,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,MAAM,EAAE,aAFV,EA7B2B;;AAiC3B;AACED,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,MAAM,EAAE,YAFV,EAjC2B,CAAtB,C","sourcesContent":["export const defaultItemsList = [\r\n  {\r\n    text: 'First',\r\n    action: 'First',\r\n  },\r\n  {\r\n    text: 'Second',\r\n    action: 'Second',\r\n  },\r\n  {\r\n    text: 'Uno',\r\n    action: 'Uno',\r\n  },\r\n];\r\n\r\nexport const manyItemsList = [\r\n  {\r\n    text: 'Edit',\r\n    action: 'Edit',\r\n  },\r\n  {\r\n    text: 'Remove',\r\n    action: 'Remove',\r\n  },\r\n  {\r\n    text: 'Communicate',\r\n    action: 'Communicate',\r\n  },\r\n  {\r\n    text: 'Grade',\r\n    action: 'Grade',\r\n  },\r\n  {\r\n    text: 'Dispatch',\r\n    action: 'Dispatch',\r\n  },\r\n  {\r\n    text: 'Disable',\r\n    action: 'Disable',\r\n  },\r\n  {\r\n    text: 'Rate',\r\n    action: 'Rate',\r\n  },\r\n  {\r\n    text: 'Collaborate',\r\n    action: 'Collaborate',\r\n  },\r\n  {\r\n    text: 'Contribute',\r\n    action: 'Contribute',\r\n  },\r\n];\r\n"]}
+{"version":3,"sources":["Kebab.items.tsx"],"names":["defaultItemsList","text","action","manyItemsList"],"mappings":"iGAAO,IAAMA,gBAAgB,GAAG;AAC9B;AACEC,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,MAAM,EAAE,OAFV,EAD8B;;AAK9B;AACED,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,MAAM,EAAE,QAFV,EAL8B;;AAS9B;AACED,EAAAA,IAAI,EAAE,KADR;AAEEC,EAAAA,MAAM,EAAE,KAFV,EAT8B,CAAzB,C;;;;AAeA,IAAMC,aAAa,GAAG;AAC3B;AACEF,EAAAA,IAAI,EAAE,MADR;AAEEC,EAAAA,MAAM,EAAE,MAFV,EAD2B;;AAK3B;AACED,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,MAAM,EAAE,QAFV,EAL2B;;AAS3B;AACED,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,MAAM,EAAE,aAFV,EAT2B;;AAa3B;AACED,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,MAAM,EAAE,OAFV,EAb2B;;AAiB3B;AACED,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,MAAM,EAAE,UAFV,EAjB2B;;AAqB3B;AACED,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,MAAM,EAAE,SAFV,EArB2B;;AAyB3B;AACED,EAAAA,IAAI,EAAE,MADR;AAEEC,EAAAA,MAAM,EAAE,MAFV,EAzB2B;;AA6B3B;AACED,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,MAAM,EAAE,aAFV,EA7B2B;;AAiC3B;AACED,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,MAAM,EAAE,YAFV,EAjC2B,CAAtB,C","sourcesContent":["export const defaultItemsList = [\n  {\n    text: 'First',\n    action: 'First',\n  },\n  {\n    text: 'Second',\n    action: 'Second',\n  },\n  {\n    text: 'Uno',\n    action: 'Uno',\n  },\n];\n\nexport const manyItemsList = [\n  {\n    text: 'Edit',\n    action: 'Edit',\n  },\n  {\n    text: 'Remove',\n    action: 'Remove',\n  },\n  {\n    text: 'Communicate',\n    action: 'Communicate',\n  },\n  {\n    text: 'Grade',\n    action: 'Grade',\n  },\n  {\n    text: 'Dispatch',\n    action: 'Dispatch',\n  },\n  {\n    text: 'Disable',\n    action: 'Disable',\n  },\n  {\n    text: 'Rate',\n    action: 'Rate',\n  },\n  {\n    text: 'Collaborate',\n    action: 'Collaborate',\n  },\n  {\n    text: 'Contribute',\n    action: 'Contribute',\n  },\n];\n"]}

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

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

package/cjs/components/Link/Link.js

@@ -39,11 +39,11 @@ var _Link = require("./Link.styles");
 
 
 
-/**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
+/**
+ * Стандартная ссылка.
+ * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
+ * Все свойства передаются в элемент `<a>`.
+ * `className` и `style` не поддерживаются
  */var
 Link = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Link, _React$Component);function Link() {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.
 

package/cjs/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["Link","state","focusedByTab","theme","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","jsStyles","arrow","linkProps","className","root","button","buttonOpened","focus","useDefault","useSuccess","useDanger","useGrayed","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","process","nextTick","tabListener","isTabPressed","setState","preventDefault","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { Override } from '../../typings/utility-types';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { isExternalLink } from '../../lib/utils';\r\nimport { Spinner } from '../Spinner';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Link.styles';\r\n\r\nexport interface LinkProps\r\n  extends CommonProps,\r\n    Override<\r\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\r\n      {\r\n        /** Неактивное состояние */\r\n        disabled?: boolean;\r\n        /** href */\r\n        href?: string;\r\n        /** Иконка */\r\n        icon?: React.ReactElement<any>;\r\n        /** Тип */\r\n        use?: 'default' | 'success' | 'danger' | 'grayed';\r\n        _button?: boolean;\r\n        _buttonOpened?: boolean;\r\n        tabIndex?: number;\r\n        /** Состояние загрузки */\r\n        loading?: boolean;\r\n        /** onClick */\r\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\r\n      }\r\n    > {}\r\n\r\nexport interface LinkState {\r\n  focusedByTab: boolean;\r\n}\r\n\r\n/**\r\n * Стандартная ссылка.\r\n * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.\r\n * Все свойства передаются в элемент `<a>`.\r\n * `className` и `style` не поддерживаются\r\n */\r\nexport class Link extends React.Component<LinkProps, LinkState> {\r\n  public static __KONTUR_REACT_UI__ = 'Link';\r\n\r\n  public static propTypes = {\r\n    disabled: PropTypes.bool,\r\n\r\n    href: PropTypes.string,\r\n\r\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n\r\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    href: '',\r\n    use: 'default',\r\n  };\r\n\r\n  public state = {\r\n    focusedByTab: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\r\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = (\r\n        <span className={jsStyles.icon(this.theme)}>\r\n          {loading ? <Spinner caption={null} dimmed type=\"mini\" /> : icon}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    let arrow = null;\r\n    if (_button) {\r\n      arrow = <span className={jsStyles.arrow()} />;\r\n    }\r\n\r\n    let rel = relOrigin;\r\n    if (typeof rel === 'undefined' && href) {\r\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\r\n    }\r\n\r\n    const linkProps = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled(this.theme)]: !!disabled || !!loading,\r\n        [jsStyles.button(this.theme)]: !!_button,\r\n        [jsStyles.buttonOpened()]: !!_buttonOpened,\r\n        [jsStyles.focus(this.theme)]: !disabled && this.state.focusedByTab,\r\n        [jsStyles.useDefault(this.theme)]: use === 'default',\r\n        [jsStyles.useSuccess(this.theme)]: use === 'success',\r\n        [jsStyles.useDanger(this.theme)]: use === 'danger',\r\n        [jsStyles.useGrayed(this.theme)]: use === 'grayed',\r\n      }),\r\n      href,\r\n      rel,\r\n      onClick: this._handleClick,\r\n      onFocus: this._handleFocus,\r\n      onBlur: this._handleBlur,\r\n      tabIndex: this.props.tabIndex,\r\n    };\r\n    if (disabled) {\r\n      props.tabIndex = -1;\r\n    }\r\n\r\n    return (\r\n      <a {...rest} {...linkProps}>\r\n        {iconElement}\r\n        {this.props.children}\r\n        {arrow}\r\n      </a>\r\n    );\r\n  };\r\n\r\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private _handleBlur = () => {\r\n    this.setState({ focusedByTab: false });\r\n  };\r\n\r\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n    const { href, onClick, disabled } = this.props;\r\n    if (!href) {\r\n      event.preventDefault();\r\n    }\r\n    if (onClick && !disabled) {\r\n      onClick(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Link.tsx"],"names":["Link","state","focusedByTab","theme","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","jsStyles","arrow","linkProps","className","root","button","buttonOpened","focus","useDefault","useSuccess","useDanger","useGrayed","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","process","nextTick","tabListener","isTabPressed","setState","preventDefault","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { Override } from '../../typings/utility-types';\nimport { tabListener } from '../../lib/events/tabListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Link.styles';\n\nexport interface LinkProps\n  extends CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /** Неактивное состояние */\n        disabled?: boolean;\n        /** href */\n        href?: string;\n        /** Иконка */\n        icon?: React.ReactElement<any>;\n        /** Тип */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        _button?: boolean;\n        _buttonOpened?: boolean;\n        tabIndex?: number;\n        /** Состояние загрузки */\n        loading?: boolean;\n        /** onClick */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\n/**\n * Стандартная ссылка.\n * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.\n * Все свойства передаются в элемент `<a>`.\n * `className` и `style` не поддерживаются\n */\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps = {\n    href: '',\n    use: 'default',\n  };\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <span className={jsStyles.icon(this.theme)}>\n          {loading ? <Spinner caption={null} dimmed type=\"mini\" /> : icon}\n        </span>\n      );\n    }\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={jsStyles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const linkProps = {\n      className: cn({\n        [jsStyles.root(this.theme)]: true,\n        [jsStyles.disabled(this.theme)]: !!disabled || !!loading,\n        [jsStyles.button(this.theme)]: !!_button,\n        [jsStyles.buttonOpened()]: !!_buttonOpened,\n        [jsStyles.focus(this.theme)]: !disabled && this.state.focusedByTab,\n        [jsStyles.useDefault(this.theme)]: use === 'default',\n        [jsStyles.useSuccess(this.theme)]: use === 'success',\n        [jsStyles.useDanger(this.theme)]: use === 'danger',\n        [jsStyles.useGrayed(this.theme)]: use === 'grayed',\n      }),\n      href,\n      rel,\n      onClick: this._handleClick,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      tabIndex: this.props.tabIndex,\n    };\n    if (disabled) {\n      props.tabIndex = -1;\n    }\n\n    return (\n      <a {...rest} {...linkProps}>\n        {iconElement}\n        {this.props.children}\n        {arrow}\n      </a>\n    );\n  };\n\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      process.nextTick(() => {\n        if (tabListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { href, onClick, disabled } = this.props;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled) {\n      onClick(event);\n    }\n  };\n}\n"]}

package/cjs/components/Link/Link.md

@@ -1,11 +1,11 @@
-```jsx harmony
-import { Gapped, Link } from '@skbkontur/react-ui';
-
-<Gapped>
-  <Link>Enabled</Link>
-  <Link use="success">Success</Link>
-  <Link use="danger">Danger</Link>
-  <Link use="grayed">Grayed</Link>
-  <Link disabled>Disabled</Link>
-</Gapped>;
-```
+```jsx harmony
+import { Gapped, Link } from '@skbkontur/react-ui';
+
+<Gapped>
+  <Link>Enabled</Link>
+  <Link use="success">Success</Link>
+  <Link use="danger">Danger</Link>
+  <Link use="grayed">Grayed</Link>
+  <Link disabled>Disabled</Link>
+</Gapped>;
+```

package/cjs/components/Link/Link.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"2HAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM,C;;AAYA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;AASD,CAVM,C;;AAYA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM,C","sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\r\n  return `\r\n    border-radius: 1px;\r\n    outline: none;\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: ${hoverTextDecoration};\r\n    }\r\n  `;\r\n};\r\n\r\nexport const linkDisabledMixin = () => {\r\n  return `\r\n    box-shadow: none;\r\n    cursor: default;\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: none;\r\n    }\r\n  `;\r\n};\r\n\r\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\r\n  return `\r\n    color: ${mainColor};\r\n\r\n    &:hover {\r\n      color: ${hoverColor};\r\n    }\r\n\r\n    &:active {\r\n      color: ${activeColor};\r\n    }\r\n  `;\r\n};\r\n"]}
+{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"2HAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM,C;;AAYA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;AASD,CAVM,C;;AAYA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM,C","sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\n  return `\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: ${hoverTextDecoration};\n    }\n  `;\n};\n\nexport const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["styles","root","t","css","linkHoverTextDecoration","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","focus","disabled","icon","linkIconMarginRight","jsStyles"],"mappings":"8QAAA;;;AAGA,qC;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACI,yBAAUD,CAAC,CAACE,uBAAZ,CADJ;;;AAID,GANY;;AAQbC,EAAAA,MARa,kBAQNH,CARM,EAQI;AACf,eAAOC,YAAP;;AAEiBD,IAAAA,CAAC,CAACI,oBAFnB;AAGkBJ,IAAAA,CAAC,CAACK,kBAHpB;AAImBL,IAAAA,CAAC,CAACK,kBAJrB;;AAMD,GAfY;;AAiBbC,EAAAA,YAjBa,0BAiBE;AACb,eAAOL,YAAP;;;AAGD,GArBY;;AAuBbM,EAAAA,KAvBa,mBAuBL;AACN,eAAON,YAAP;;;;;;;;;AASD,GAjCY;;AAmCbO,EAAAA,UAnCa,sBAmCFR,CAnCE,EAmCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACS,SAArB,EAAgCT,CAAC,CAACU,cAAlC,EAAkDV,CAAC,CAACW,eAApD,CADJ;;AAGD,GAvCY;;AAyCbC,EAAAA,UAzCa,sBAyCFZ,CAzCE,EAyCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACa,gBAArB,EAAuCb,CAAC,CAACc,qBAAzC,EAAgEd,CAAC,CAACe,sBAAlE,CADJ;;AAGD,GA7CY;;AA+CbC,EAAAA,SA/Ca,qBA+CHhB,CA/CG,EA+CO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACiB,eAArB,EAAsCjB,CAAC,CAACkB,oBAAxC,EAA8DlB,CAAC,CAACmB,qBAAhE,CADJ;;AAGD,GAnDY;;AAqDbC,EAAAA,SArDa,qBAqDHpB,CArDG,EAqDO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACqB,iBAArB,EAAwCrB,CAAC,CAACqB,iBAA1C,EAA6DrB,CAAC,CAACqB,iBAA/D,CADJ;;AAGD,GAzDY;;AA2DbC,EAAAA,KA3Da,iBA2DPtB,CA3DO,EA2DG;AACd,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CADJ;AAEuBA,IAAAA,CAAC,CAACE,uBAFzB;;AAII,0BAAQJ,MAAM,CAACsB,SAAP,CAAiBpB,CAAjB,CAAR,CAJJ;AAKaA,IAAAA,CAAC,CAACqB,iBALf;;;AAQD,GApEY;;AAsEbE,EAAAA,QAtEa,oBAsEJvB,CAtEI,EAsEM;AACjB,eAAOC,YAAP;AACI,kCADJ;;AAGI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CAHJ;AAIaA,IAAAA,CAAC,CAACqB,iBAJf;;;AAOerB,IAAAA,CAAC,CAACqB,iBAPjB;;;;AAWD,GAlFY;;AAoFbG,EAAAA,IApFa,gBAoFRxB,CApFQ,EAoFE;AACb,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAACyB,mBAFpB;;AAID,GAzFY,EAAf;;;AA4FO,IAAMC,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${linkMixin(t.linkHoverTextDecoration)};\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  button(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      line-height: ${t.linkButtonLineHeight};\r\n      padding-left: ${t.linkButtonPaddingX};\r\n      padding-right: ${t.linkButtonPaddingX};\r\n    `;\r\n  },\r\n\r\n  buttonOpened() {\r\n    return css`\r\n      background: #e1e1e1;\r\n    `;\r\n  },\r\n\r\n  arrow() {\r\n    return css`\r\n      border: 4px solid transparent;\r\n      border-bottom-width: 0;\r\n      border-top-color: #a0a0a0;\r\n      display: inline-block;\r\n      margin-bottom: 3px;\r\n      margin-left: 3px;\r\n      vertical-align: middle;\r\n    `;\r\n  },\r\n\r\n  useDefault(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useSuccess(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useDanger(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useGrayed(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor)};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        text-decoration: ${t.linkHoverTextDecoration};\r\n      }\r\n      ${cssName(styles.useGrayed(t))}& {\r\n        color: ${t.linkDisabledColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${linkDisabledMixin()};\r\n\r\n      ${cssName(styles.root(t))}& {\r\n        color: ${t.linkDisabledColor};\r\n\r\n        &:hover {\r\n          color: ${t.linkDisabledColor};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  icon(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      margin-right: ${t.linkIconMarginRight};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Link.styles.ts"],"names":["styles","root","t","css","linkHoverTextDecoration","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","focus","disabled","icon","linkIconMarginRight","jsStyles"],"mappings":"8QAAA;;;AAGA,qC;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACI,yBAAUD,CAAC,CAACE,uBAAZ,CADJ;;;AAID,GANY;;AAQbC,EAAAA,MARa,kBAQNH,CARM,EAQI;AACf,eAAOC,YAAP;;AAEiBD,IAAAA,CAAC,CAACI,oBAFnB;AAGkBJ,IAAAA,CAAC,CAACK,kBAHpB;AAImBL,IAAAA,CAAC,CAACK,kBAJrB;;AAMD,GAfY;;AAiBbC,EAAAA,YAjBa,0BAiBE;AACb,eAAOL,YAAP;;;AAGD,GArBY;;AAuBbM,EAAAA,KAvBa,mBAuBL;AACN,eAAON,YAAP;;;;;;;;;AASD,GAjCY;;AAmCbO,EAAAA,UAnCa,sBAmCFR,CAnCE,EAmCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACS,SAArB,EAAgCT,CAAC,CAACU,cAAlC,EAAkDV,CAAC,CAACW,eAApD,CADJ;;AAGD,GAvCY;;AAyCbC,EAAAA,UAzCa,sBAyCFZ,CAzCE,EAyCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACa,gBAArB,EAAuCb,CAAC,CAACc,qBAAzC,EAAgEd,CAAC,CAACe,sBAAlE,CADJ;;AAGD,GA7CY;;AA+CbC,EAAAA,SA/Ca,qBA+CHhB,CA/CG,EA+CO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACiB,eAArB,EAAsCjB,CAAC,CAACkB,oBAAxC,EAA8DlB,CAAC,CAACmB,qBAAhE,CADJ;;AAGD,GAnDY;;AAqDbC,EAAAA,SArDa,qBAqDHpB,CArDG,EAqDO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACqB,iBAArB,EAAwCrB,CAAC,CAACqB,iBAA1C,EAA6DrB,CAAC,CAACqB,iBAA/D,CADJ;;AAGD,GAzDY;;AA2DbC,EAAAA,KA3Da,iBA2DPtB,CA3DO,EA2DG;AACd,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CADJ;AAEuBA,IAAAA,CAAC,CAACE,uBAFzB;;AAII,0BAAQJ,MAAM,CAACsB,SAAP,CAAiBpB,CAAjB,CAAR,CAJJ;AAKaA,IAAAA,CAAC,CAACqB,iBALf;;;AAQD,GApEY;;AAsEbE,EAAAA,QAtEa,oBAsEJvB,CAtEI,EAsEM;AACjB,eAAOC,YAAP;AACI,kCADJ;;AAGI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CAHJ;AAIaA,IAAAA,CAAC,CAACqB,iBAJf;;;AAOerB,IAAAA,CAAC,CAACqB,iBAPjB;;;;AAWD,GAlFY;;AAoFbG,EAAAA,IApFa,gBAoFRxB,CApFQ,EAoFE;AACb,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAACyB,mBAFpB;;AAID,GAzFY,EAAf;;;AA4FO,IAAMC,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      ${linkMixin(t.linkHoverTextDecoration)};\n      position: relative;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened() {\n    return css`\n      background: #e1e1e1;\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor)};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        text-decoration: ${t.linkHoverTextDecoration};\n      }\n      ${cssName(styles.useGrayed(t))}& {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      ${cssName(styles.root(t))}& {\n        color: ${t.linkDisabledColor};\n\n        &:hover {\n          color: ${t.linkDisabledColor};\n        }\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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

package/cjs/components/Loader/Loader.js

@@ -41,8 +41,8 @@ var _Loader = require("./Loader.styles");
 
 
 
-/**
- * DRAFT - лоадер-контейнер
+/**
+ * DRAFT - лоадер-контейнер
  */var
 Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Loader, _React$Component);
 
@@ -265,22 +265,22 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
         isStickySpinner: true,
         spinnerStyle: spinnerStyle });
 
-    };_this.containerNode = null;_this.spinnerNode = null;(0, _warning.default)(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ');_this.state = { isStickySpinner: false };return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {this.checkSpinnerPosition();this.layoutEvents = LayoutEvents.addListener((0, _lodash.default)(this.checkSpinnerPosition, 10));};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$props = this.props,component = _this$props.component,active = _this$props.active;if (active && !prevProps.active || prevProps.component !== component) {this.checkSpinnerPosition();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_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 _cn;var _this$props2 = this.props,active = _this$props2.active,type = _this$props2.type,caption = _this$props2.caption,component = _this$props2.component;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _Loader.jsStyles.loader() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Loader', applyZIndex: this.props.active, coverChildren: this.props.active, style: { height: '100%' } }, this.props.children), active && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.wrapperRef, priority: 'Loader', className: (0, _classnames.default)((_cn = {}, _cn[_Loader.jsStyles.active(this.theme)] = active, _cn)) }, this.renderSpinner(type, caption, component))));};_proto.renderSpinner = function renderSpinner(type, caption, component) {var _this3 = this;return /*#__PURE__*/_react.default.createElement("span", { className: this.state.isStickySpinner ? _Loader.jsStyles.spinnerContainerSticky() : _Loader.jsStyles.spinnerContainerCenter(), style: this.state.spinnerStyle }, /*#__PURE__*/_react.default.createElement("div", { className: _Loader.jsStyles.spinnerComponentWrapper(), ref: function ref(element) {_this3.spinnerNode = element;} }, component !== undefined ? component : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption, cloud: this.props.cloud })));};return Loader;}(_react.default.Component);exports.Loader = Loader;Loader.__KONTUR_REACT_UI__ = 'Loader';Loader.defaultProps = { type: _Spinner.Spinner.Types.normal, active: false };Loader.propTypes = { /**
-   * показываем лоадер или нет
-   */active: _propTypes.default.bool, /**
-   * Текст рядом с лоадером.
-   *
-   * @default  "Загрузка"
-   */caption: _Spinner.Spinner.propTypes.caption, component: _propTypes.default.node, /**
-   * Класс для обертки
-   */className: _propTypes.default.string, /**
-   * Тип спиннера: mini, normal, big
-   *
-   * @default  normal
-   *
-   * Spinner.types - все доступные типы
-   */type: _propTypes.default.oneOf(Object.keys(_Spinner.Spinner.Types)), /**
-   * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-   *
-   * @default false - исчезнет в 3.0
+    };_this.containerNode = null;_this.spinnerNode = null;(0, _warning.default)(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ');_this.state = { isStickySpinner: false };return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {this.checkSpinnerPosition();this.layoutEvents = LayoutEvents.addListener((0, _lodash.default)(this.checkSpinnerPosition, 10));};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$props = this.props,component = _this$props.component,active = _this$props.active;if (active && !prevProps.active || prevProps.component !== component) {this.checkSpinnerPosition();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_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 _cn;var _this$props2 = this.props,active = _this$props2.active,type = _this$props2.type,caption = _this$props2.caption,component = _this$props2.component;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _Loader.jsStyles.loader() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Loader', applyZIndex: this.props.active, coverChildren: this.props.active, style: { height: '100%' } }, this.props.children), active && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.wrapperRef, priority: 'Loader', className: (0, _classnames.default)((_cn = {}, _cn[_Loader.jsStyles.active(this.theme)] = active, _cn)) }, this.renderSpinner(type, caption, component))));};_proto.renderSpinner = function renderSpinner(type, caption, component) {var _this3 = this;return /*#__PURE__*/_react.default.createElement("span", { className: this.state.isStickySpinner ? _Loader.jsStyles.spinnerContainerSticky() : _Loader.jsStyles.spinnerContainerCenter(), style: this.state.spinnerStyle }, /*#__PURE__*/_react.default.createElement("div", { className: _Loader.jsStyles.spinnerComponentWrapper(), ref: function ref(element) {_this3.spinnerNode = element;} }, component !== undefined ? component : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption, cloud: this.props.cloud })));};return Loader;}(_react.default.Component);exports.Loader = Loader;Loader.__KONTUR_REACT_UI__ = 'Loader';Loader.defaultProps = { type: _Spinner.Spinner.Types.normal, active: false };Loader.propTypes = { /**
+   * показываем лоадер или нет
+   */active: _propTypes.default.bool, /**
+   * Текст рядом с лоадером.
+   *
+   * @default  "Загрузка"
+   */caption: _Spinner.Spinner.propTypes.caption, component: _propTypes.default.node, /**
+   * Класс для обертки
+   */className: _propTypes.default.string, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * @default  normal
+   *
+   * Spinner.types - все доступные типы
+   */type: _propTypes.default.oneOf(Object.keys(_Spinner.Spinner.Types)), /**
+   * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
+   *
+   * @default false - исчезнет в 3.0
    */cloud: _propTypes.default.bool };

package/cjs/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Loader.tsx"],"names":["Loader","props","theme","containerNode","spinnerNode","layoutEvents","wrapperRef","element","checkSpinnerPosition","getBoundingClientRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","window","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","cloud","state","componentDidMount","LayoutEvents","addListener","componentDidUpdate","prevProps","component","active","componentWillUnmount","remove","render","renderMain","type","caption","jsStyles","loader","children","renderSpinner","spinnerContainerSticky","spinnerContainerCenter","spinnerComponentWrapper","undefined","React","Component","__KONTUR_REACT_UI__","defaultProps","Spinner","Types","normal","propTypes","PropTypes","bool","node","className","string","oneOf","Object","keys"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\nimport debounce from 'lodash.debounce';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Spinner, SpinnerProps } from '../Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Loader.styles';\r\n\r\nexport interface LoaderProps extends CommonProps {\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Флаг переключения состояния лоадера\r\n   * @default false\r\n   */\r\n  active: boolean;\r\n  caption?: SpinnerProps['caption'];\r\n  /**\r\n   * Компонент заменяющий спиннер.\r\n   */\r\n  component?: React.ReactNode;\r\n  className?: string;\r\n  type?: 'mini' | 'normal' | 'big';\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\nexport interface LoaderState {\r\n  isStickySpinner: boolean;\r\n  spinnerStyle?: object;\r\n}\r\n\r\n/**\r\n * DRAFT - лоадер-контейнер\r\n */\r\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\r\n  public static __KONTUR_REACT_UI__ = 'Loader';\r\n\r\n  public static defaultProps: Partial<LoaderProps> = {\r\n    type: Spinner.Types.normal,\r\n    active: false,\r\n  };\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * показываем лоадер или нет\r\n     */\r\n    active: PropTypes.bool,\r\n\r\n    /**\r\n     * Текст рядом с лоадером.\r\n     *\r\n     * @default  \"Загрузка\"\r\n     */\r\n    caption: Spinner.propTypes.caption,\r\n\r\n    component: PropTypes.node,\r\n\r\n    /**\r\n     * Класс для обертки\r\n     */\r\n    className: PropTypes.string,\r\n\r\n    /**\r\n     * Тип спиннера: mini, normal, big\r\n     *\r\n     * @default  normal\r\n     *\r\n     * Spinner.types - все доступные типы\r\n     */\r\n    type: PropTypes.oneOf(Object.keys(Spinner.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  private theme!: Theme;\r\n  private containerNode: Nullable<HTMLDivElement>;\r\n  private spinnerNode: Nullable<HTMLDivElement>;\r\n  private layoutEvents: Nullable<{ remove: () => void }>;\r\n\r\n  constructor(props: LoaderProps) {\r\n    super(props);\r\n\r\n    this.containerNode = null;\r\n    this.spinnerNode = null;\r\n\r\n    warning(\r\n      !this.props.cloud,\r\n      'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ',\r\n    );\r\n\r\n    this.state = {\r\n      isStickySpinner: false,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.checkSpinnerPosition();\r\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>) {\r\n    const { component, active } = this.props;\r\n\r\n    if ((active && !prevProps.active) || prevProps.component !== component) {\r\n      this.checkSpinnerPosition();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.layoutEvents) {\r\n      this.layoutEvents.remove();\r\n    }\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.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { active, type, caption, component } = this.props;\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div className={jsStyles.loader()}>\r\n          <ZIndex\r\n            priority={'Loader'}\r\n            applyZIndex={this.props.active}\r\n            coverChildren={this.props.active}\r\n            style={{ height: '100%' }}\r\n          >\r\n            {this.props.children}\r\n          </ZIndex>\r\n          {active && (\r\n            <ZIndex\r\n              wrapperRef={this.wrapperRef}\r\n              priority={'Loader'}\r\n              className={cn({\r\n                [jsStyles.active(this.theme)]: active,\r\n              })}\r\n            >\r\n              {this.renderSpinner(type, caption, component)}\r\n            </ZIndex>\r\n          )}\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private wrapperRef = (element: HTMLDivElement | null) => {\r\n    this.containerNode = element;\r\n  };\r\n\r\n  private renderSpinner(type?: 'mini' | 'normal' | 'big', caption?: React.ReactNode, component?: React.ReactNode) {\r\n    return (\r\n      <span\r\n        className={this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter()}\r\n        style={this.state.spinnerStyle}\r\n      >\r\n        <div\r\n          className={jsStyles.spinnerComponentWrapper()}\r\n          ref={element => {\r\n            this.spinnerNode = element;\r\n          }}\r\n        >\r\n          {component !== undefined ? component : <Spinner type={type} caption={caption} cloud={this.props.cloud} />}\r\n        </div>\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private checkSpinnerPosition = () => {\r\n    if (!this.containerNode) {\r\n      return;\r\n    }\r\n\r\n    const {\r\n      top: containerTop,\r\n      right: containerRight,\r\n      bottom: containerBottom,\r\n      left: containerLeft,\r\n      height: containerHeight,\r\n      width: containerWidth,\r\n    } = this.containerNode.getBoundingClientRect();\r\n\r\n    const windowHeight = window.innerHeight;\r\n    const windowWidth = window.innerWidth;\r\n\r\n    // Если контейнер не больше высоты и не шире окна,\r\n    // то просто выравниваем по центру\r\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\r\n      this.setState({\r\n        isStickySpinner: false,\r\n        spinnerStyle: {},\r\n      });\r\n      return;\r\n    }\r\n\r\n    const spinnerStyle = {\r\n      top: 30,\r\n      right: 0,\r\n      bottom: 30,\r\n      left: 0,\r\n    };\r\n\r\n    // ПО ВЕРТИКАЛИ\r\n    // Если верхний край контейнера ниже верхнего края окна,\r\n    // то сдвигаем и лоадер\r\n    if (containerTop > 0) {\r\n      spinnerStyle.top = containerTop + 30;\r\n    }\r\n\r\n    // Если нижний край контейнера выше нижнего края окна,\r\n    // то сдвигаем и лоадер\r\n    if (containerBottom < windowHeight) {\r\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\r\n    }\r\n\r\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\r\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\r\n    if (this.spinnerNode) {\r\n      const spinnerHeight = this.spinnerNode.getBoundingClientRect().height;\r\n\r\n      if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\r\n        delete spinnerStyle.top;\r\n      }\r\n    }\r\n\r\n    // ПО ГОРИЗОНТАЛИ\r\n    // Если левый край контейнера правее левого края окна,\r\n    // то сдвигаем и лоадер\r\n    if (containerLeft > 0) {\r\n      spinnerStyle.left = containerLeft;\r\n    }\r\n\r\n    // Если правый край контейнера левее правого края окна,\r\n    // то сдвигаем и лоадер\r\n    if (containerRight < windowWidth) {\r\n      spinnerStyle.right = windowWidth - containerRight;\r\n    }\r\n\r\n    this.setState({\r\n      isStickySpinner: true,\r\n      spinnerStyle,\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Loader.tsx"],"names":["Loader","props","theme","containerNode","spinnerNode","layoutEvents","wrapperRef","element","checkSpinnerPosition","getBoundingClientRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","window","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","cloud","state","componentDidMount","LayoutEvents","addListener","componentDidUpdate","prevProps","component","active","componentWillUnmount","remove","render","renderMain","type","caption","jsStyles","loader","children","renderSpinner","spinnerContainerSticky","spinnerContainerCenter","spinnerComponentWrapper","undefined","React","Component","__KONTUR_REACT_UI__","defaultProps","Spinner","Types","normal","propTypes","PropTypes","bool","node","className","string","oneOf","Object","keys"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport cn from 'classnames';\nimport debounce from 'lodash.debounce';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Spinner, SpinnerProps } from '../Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Loader.styles';\n\nexport interface LoaderProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Флаг переключения состояния лоадера\n   * @default false\n   */\n  active: boolean;\n  caption?: SpinnerProps['caption'];\n  /**\n   * Компонент заменяющий спиннер.\n   */\n  component?: React.ReactNode;\n  className?: string;\n  type?: 'mini' | 'normal' | 'big';\n  /**\n   * @deprecated Старое поведение спиннера - облачко при среднем и большом размере - исчезнет в 3.0 поведение пересено в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\n   *\n   * @default false\n   */\n  cloud?: boolean;\n}\n\nexport interface LoaderState {\n  isStickySpinner: boolean;\n  spinnerStyle?: object;\n}\n\n/**\n * DRAFT - лоадер-контейнер\n */\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n  public static __KONTUR_REACT_UI__ = 'Loader';\n\n  public static defaultProps: Partial<LoaderProps> = {\n    type: Spinner.Types.normal,\n    active: false,\n  };\n\n  public static propTypes = {\n    /**\n     * показываем лоадер или нет\n     */\n    active: PropTypes.bool,\n\n    /**\n     * Текст рядом с лоадером.\n     *\n     * @default  \"Загрузка\"\n     */\n    caption: Spinner.propTypes.caption,\n\n    component: PropTypes.node,\n\n    /**\n     * Класс для обертки\n     */\n    className: PropTypes.string,\n\n    /**\n     * Тип спиннера: mini, normal, big\n     *\n     * @default  normal\n     *\n     * Spinner.types - все доступные типы\n     */\n    type: PropTypes.oneOf(Object.keys(Spinner.Types)),\n    /**\n     * @deprecated Старое поведение спиннера - облачко при среднем и большом размере\n     *\n     * @default false - исчезнет в 3.0\n     */\n    cloud: PropTypes.bool,\n  };\n\n  private theme!: Theme;\n  private containerNode: Nullable<HTMLDivElement>;\n  private spinnerNode: Nullable<HTMLDivElement>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n\n  constructor(props: LoaderProps) {\n    super(props);\n\n    this.containerNode = null;\n    this.spinnerNode = null;\n\n    warning(\n      !this.props.cloud,\n      'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ',\n    );\n\n    this.state = {\n      isStickySpinner: false,\n    };\n  }\n\n  public componentDidMount() {\n    this.checkSpinnerPosition();\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));\n  }\n\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>) {\n    const { component, active } = this.props;\n\n    if ((active && !prevProps.active) || prevProps.component !== component) {\n      this.checkSpinnerPosition();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\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 { active, type, caption, component } = this.props;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div className={jsStyles.loader()}>\n          <ZIndex\n            priority={'Loader'}\n            applyZIndex={this.props.active}\n            coverChildren={this.props.active}\n            style={{ height: '100%' }}\n          >\n            {this.props.children}\n          </ZIndex>\n          {active && (\n            <ZIndex\n              wrapperRef={this.wrapperRef}\n              priority={'Loader'}\n              className={cn({\n                [jsStyles.active(this.theme)]: active,\n              })}\n            >\n              {this.renderSpinner(type, caption, component)}\n            </ZIndex>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    this.containerNode = element;\n  };\n\n  private renderSpinner(type?: 'mini' | 'normal' | 'big', caption?: React.ReactNode, component?: React.ReactNode) {\n    return (\n      <span\n        className={this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter()}\n        style={this.state.spinnerStyle}\n      >\n        <div\n          className={jsStyles.spinnerComponentWrapper()}\n          ref={element => {\n            this.spinnerNode = element;\n          }}\n        >\n          {component !== undefined ? component : <Spinner type={type} caption={caption} cloud={this.props.cloud} />}\n        </div>\n      </span>\n    );\n  }\n\n  private checkSpinnerPosition = () => {\n    if (!this.containerNode) {\n      return;\n    }\n\n    const {\n      top: containerTop,\n      right: containerRight,\n      bottom: containerBottom,\n      left: containerLeft,\n      height: containerHeight,\n      width: containerWidth,\n    } = this.containerNode.getBoundingClientRect();\n\n    const windowHeight = window.innerHeight;\n    const windowWidth = window.innerWidth;\n\n    // Если контейнер не больше высоты и не шире окна,\n    // то просто выравниваем по центру\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n      this.setState({\n        isStickySpinner: false,\n        spinnerStyle: {},\n      });\n      return;\n    }\n\n    const spinnerStyle = {\n      top: 30,\n      right: 0,\n      bottom: 30,\n      left: 0,\n    };\n\n    // ПО ВЕРТИКАЛИ\n    // Если верхний край контейнера ниже верхнего края окна,\n    // то сдвигаем и лоадер\n    if (containerTop > 0) {\n      spinnerStyle.top = containerTop + 30;\n    }\n\n    // Если нижний край контейнера выше нижнего края окна,\n    // то сдвигаем и лоадер\n    if (containerBottom < windowHeight) {\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n    }\n\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n    if (this.spinnerNode) {\n      const spinnerHeight = this.spinnerNode.getBoundingClientRect().height;\n\n      if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n        delete spinnerStyle.top;\n      }\n    }\n\n    // ПО ГОРИЗОНТАЛИ\n    // Если левый край контейнера правее левого края окна,\n    // то сдвигаем и лоадер\n    if (containerLeft > 0) {\n      spinnerStyle.left = containerLeft;\n    }\n\n    // Если правый край контейнера левее правого края окна,\n    // то сдвигаем и лоадер\n    if (containerRight < windowWidth) {\n      spinnerStyle.right = windowWidth - containerRight;\n    }\n\n    this.setState({\n      isStickySpinner: true,\n      spinnerStyle,\n    });\n  };\n}\n"]}

package/cjs/components/Loader/Loader.md

@@ -1,25 +1,25 @@
-```jsx harmony
-<Loader type="big" active>
-  <h1>Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments."</h1>
-  <p>
-    No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela,
-    Bender, we're going grave robbing.
-  </p>
-  <p>
-    Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?
-    <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>
-    <em>It's okay, Bender.</em> I like cooking too.
-  </p>
-  <h2>Oh, I think we should just stay friends.</h2>
-  <p>
-    No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go… look for
-    more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is his wife
-    holding up? …To shreds, you say.
-  </p>
-  <ol>
-    <li>No! The kind with looting and maybe starting a few fires!</li>
-    <li>You are the last hope of the universe.</li>
-    <li>Hey, guess what you're accessories to.</li>
-  </ol>
-</Loader>
-```
+```jsx harmony
+<Loader type="big" active>
+  <h1>Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments."</h1>
+  <p>
+    No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela,
+    Bender, we're going grave robbing.
+  </p>
+  <p>
+    Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?
+    <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>
+    <em>It's okay, Bender.</em> I like cooking too.
+  </p>
+  <h2>Oh, I think we should just stay friends.</h2>
+  <p>
+    No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go… look for
+    more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is his wife
+    holding up? …To shreds, you say.
+  </p>
+  <ol>
+    <li>No! The kind with looting and maybe starting a few fires!</li>
+    <li>You are the last hope of the universe.</li>
+    <li>Hey, guess what you're accessories to.</li>
+  </ol>
+</Loader>
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["Loader.styles.ts"],"names":["styles","active","t","css","fillContainerPosition","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerContainerCenter","spinnerComponentWrapper","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,MADa,kBACNC,CADM,EACI;AACf,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAACI,qBAAP,EADJ;;AAGgBF,IAAAA,CAAC,CAACG,QAHlB;;AAKD,GAPY;;AASbD,EAAAA,qBATa,mCASW;AACtB,eAAOD,YAAP;;;;;;;AAOD,GAjBY;;AAmBbG,EAAAA,MAnBa,oBAmBJ;AACP,eAAOH,YAAP;;;;;;;AAOD,GA3BY;;AA6BbI,EAAAA,gBA7Ba,8BA6BM;AACjB,eAAOJ,YAAP;;;;;AAKD,GAnCY;;AAqCbK,EAAAA,sBArCa,oCAqCY;AACvB,eAAOL,YAAP;AACIH,IAAAA,MAAM,CAACO,gBAAP,EADJ;;;;;;;;;;;;AAaD,GAnDY;;AAqDbE,EAAAA,sBArDa,oCAqDY;AACvB,eAAON,YAAP;AACIH,IAAAA,MAAM,CAACO,gBAAP,EADJ;AAEIP,IAAAA,MAAM,CAACI,qBAAP,EAFJ;;;;;;;;;;AAYD,GAlEY;;AAoEbM,EAAAA,uBApEa,qCAoEa;AACxB,eAAOP,YAAP;;;AAGD,GAxEY,EAAf;;;AA2EO,IAAMQ,QAAQ,GAAG,2BAAaX,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  active(t: Theme) {\r\n    return css`\r\n      ${styles.fillContainerPosition()};\r\n\r\n      background: ${t.loaderBg};\r\n    `;\r\n  },\r\n\r\n  fillContainerPosition() {\r\n    return css`\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  loader() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n      position: relative;\r\n      width: 100%;\r\n      z-index: inherit;\r\n    `;\r\n  },\r\n\r\n  spinnerContainer() {\r\n    return css`\r\n      display: block;\r\n      margin: auto;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  spinnerContainerSticky() {\r\n    return css`\r\n      ${styles.spinnerContainer()};\r\n\r\n      position: fixed;\r\n\r\n      &::before {\r\n        content: ' ';\r\n        display: inline-block;\r\n        height: 100%;\r\n        min-height: 100%;\r\n        vertical-align: middle;\r\n      }\r\n    `;\r\n  },\r\n\r\n  spinnerContainerCenter() {\r\n    return css`\r\n      ${styles.spinnerContainer()};\r\n      ${styles.fillContainerPosition()};\r\n\r\n      &::before {\r\n        content: ' ';\r\n        display: inline-block;\r\n        height: 100%;\r\n        min-height: 100%;\r\n        vertical-align: middle;\r\n      }\r\n    `;\r\n  },\r\n\r\n  spinnerComponentWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Loader.styles.ts"],"names":["styles","active","t","css","fillContainerPosition","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerContainerCenter","spinnerComponentWrapper","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,MADa,kBACNC,CADM,EACI;AACf,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAACI,qBAAP,EADJ;;AAGgBF,IAAAA,CAAC,CAACG,QAHlB;;AAKD,GAPY;;AASbD,EAAAA,qBATa,mCASW;AACtB,eAAOD,YAAP;;;;;;;AAOD,GAjBY;;AAmBbG,EAAAA,MAnBa,oBAmBJ;AACP,eAAOH,YAAP;;;;;;;AAOD,GA3BY;;AA6BbI,EAAAA,gBA7Ba,8BA6BM;AACjB,eAAOJ,YAAP;;;;;AAKD,GAnCY;;AAqCbK,EAAAA,sBArCa,oCAqCY;AACvB,eAAOL,YAAP;AACIH,IAAAA,MAAM,CAACO,gBAAP,EADJ;;;;;;;;;;;;AAaD,GAnDY;;AAqDbE,EAAAA,sBArDa,oCAqDY;AACvB,eAAON,YAAP;AACIH,IAAAA,MAAM,CAACO,gBAAP,EADJ;AAEIP,IAAAA,MAAM,CAACI,qBAAP,EAFJ;;;;;;;;;;AAYD,GAlEY;;AAoEbM,EAAAA,uBApEa,qCAoEa;AACxB,eAAOP,YAAP;;;AAGD,GAxEY,EAAf;;;AA2EO,IAAMQ,QAAQ,GAAG,2BAAaX,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  active(t: Theme) {\n    return css`\n      ${styles.fillContainerPosition()};\n\n      background: ${t.loaderBg};\n    `;\n  },\n\n  fillContainerPosition() {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      ${styles.spinnerContainer()};\n\n      position: fixed;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerCenter() {\n    return css`\n      ${styles.spinnerContainer()};\n      ${styles.fillContainerPosition()};\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/Loader/__stories__/LoaderAndButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LoaderAndButton.tsx"],"names":["LoaderAndButton","state","isTooltipOpened","render","props","active","setState","isActive","React","Component"],"mappings":"2PAAA;;AAEA;AACA;AACA,mC;;AAEaA,e;AACJC,IAAAA,K,GAAQ;AACbC,MAAAA,eAAe,EAAE,KADJ,E;;;AAIRC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,cAAD,IAAQ,MAAM,EAAE,KAAKC,KAAL,CAAWC,MAA3B,EAAmC,IAAI,EAAE,KAAzC;AACE,iKADF;;;;AAKE,mCAAC,gBAAD,IAAS,MAAM,EAAE,0BAAM,eAAN,EAAjB,EAAwC,OAAO,EAAE,KAAKJ,KAAL,CAAWC,eAAX,GAA6B,QAA7B,GAAwC,QAAzF;AACE,mCAAC,cAAD;AACE,QAAA,OAAO,EAAE,mBAAM;AACb,UAAA,MAAI,CAACI,QAAL,CAAc,EAAEC,QAAQ,EAAE,IAAZ,EAAkBL,eAAe,EAAE,IAAnC,EAAd;AACD,SAHH,wBADF,CALF;;;;;AAcE,wMAdF;;;;AAkBE;AACqG,SADrG;AAEE,0IAFF;AAGE,oEAHF,yBAlBF;;AAuBE,0FAvBF;AAwBE,gUAxBF;;;;;AA6BE;AACE,2GADF;AAEE,wFAFF;AAGE,wFAHF,CA7BF,CADF;;;;AAqCD,G,0BA3CkCM,eAAMC,S","sourcesContent":["import React from 'react';\r\n\r\nimport { Tooltip } from '../../Tooltip';\r\nimport { Button } from '../../Button';\r\nimport { Loader } from '../Loader';\r\n\r\nexport class LoaderAndButton extends React.Component<{ active: boolean }> {\r\n  public state = {\r\n    isTooltipOpened: false,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <Loader active={this.props.active} type={'big'}>\r\n        <h1>\r\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\r\n          good vestments.&quot;\r\n        </h1>\r\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\r\n          <Button\r\n            onClick={() => {\r\n              this.setState({ isActive: true, isTooltipOpened: true });\r\n            }}\r\n          >\r\n            Can you click me?\r\n          </Button>\r\n        </Tooltip>\r\n        <p>\r\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\r\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\r\n        </p>\r\n        <p>\r\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\r\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\r\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\r\n        </p>\r\n        <h2>Oh, I think we should just stay friends.</h2>\r\n        <p>\r\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\r\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\r\n          his wife holding up? …To shreds, you say.\r\n        </p>\r\n        <ol>\r\n          <li>No! The kind with looting and maybe starting a few fires!</li>\r\n          <li>You are the last hope of the universe.</li>\r\n          <li>Hey, guess what you&apos;re accessories to.</li>\r\n        </ol>\r\n      </Loader>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["LoaderAndButton.tsx"],"names":["LoaderAndButton","state","isTooltipOpened","render","props","active","setState","isActive","React","Component"],"mappings":"2PAAA;;AAEA;AACA;AACA,mC;;AAEaA,e;AACJC,IAAAA,K,GAAQ;AACbC,MAAAA,eAAe,EAAE,KADJ,E;;;AAIRC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,cAAD,IAAQ,MAAM,EAAE,KAAKC,KAAL,CAAWC,MAA3B,EAAmC,IAAI,EAAE,KAAzC;AACE,iKADF;;;;AAKE,mCAAC,gBAAD,IAAS,MAAM,EAAE,0BAAM,eAAN,EAAjB,EAAwC,OAAO,EAAE,KAAKJ,KAAL,CAAWC,eAAX,GAA6B,QAA7B,GAAwC,QAAzF;AACE,mCAAC,cAAD;AACE,QAAA,OAAO,EAAE,mBAAM;AACb,UAAA,MAAI,CAACI,QAAL,CAAc,EAAEC,QAAQ,EAAE,IAAZ,EAAkBL,eAAe,EAAE,IAAnC,EAAd;AACD,SAHH,wBADF,CALF;;;;;AAcE,wMAdF;;;;AAkBE;AACqG,SADrG;AAEE,0IAFF;AAGE,oEAHF,yBAlBF;;AAuBE,0FAvBF;AAwBE,gUAxBF;;;;;AA6BE;AACE,2GADF;AAEE,wFAFF;AAGE,wFAHF,CA7BF,CADF;;;;AAqCD,G,0BA3CkCM,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { Button } from '../../Button';\nimport { Loader } from '../Loader';\n\nexport class LoaderAndButton extends React.Component<{ active: boolean }> {\n  public state = {\n    isTooltipOpened: false,\n  };\n\n  public render() {\n    return (\n      <Loader active={this.props.active} type={'big'}>\n        <h1>\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\n          good vestments.&quot;\n        </h1>\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\n          <Button\n            onClick={() => {\n              this.setState({ isActive: true, isTooltipOpened: true });\n            }}\n          >\n            Can you click me?\n          </Button>\n        </Tooltip>\n        <p>\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\n        </p>\n        <p>\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\n        </p>\n        <h2>Oh, I think we should just stay friends.</h2>\n        <p>\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\n          his wife holding up? …To shreds, you say.\n        </p>\n        <ol>\n          <li>No! The kind with looting and maybe starting a few fires!</li>\n          <li>You are the last hope of the universe.</li>\n          <li>Hey, guess what you&apos;re accessories to.</li>\n        </ol>\n      </Loader>\n    );\n  }\n}\n"]}

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

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

package/cjs/components/LocaleProvider/LocaleProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleProvider.tsx"],"names":["LocaleProvider","componentDidMount","render","props","locale","langCode","children","React","Component","__KONTUR_REACT_UI__","defaultProps","defaultLangCode","LocaleConsumer"],"mappings":"mRAAA;AACA;;AAEA;AACA,0C;;;;;;;;;AASaA,c;;;;;;;;AAQJC,EAAAA,iB,GAAP,6BAAiC;AAC/B,0BAAQ,IAAR,EAAc,kEAAd;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACe,SAAKC,KADpB,CACNC,MADM,eACNA,MADM,CACEC,QADF,eACEA,QADF;AAEd,wBAAO,6BAAC,qBAAD,CAAe,QAAf,IAAwB,KAAK,EAAE,EAAED,MAAM,EAANA,MAAF,EAAUC,QAAQ,EAARA,QAAV,EAA/B,IAAsD,KAAKF,KAAL,CAAWG,QAAjE,CAAP;AACD,G,yBAfiCC,eAAMC,S,0CAA7BR,c,CACGS,mB,GAAsB,gB,CADzBT,c,CAGGU,Y,GAAe,EAC3BN,MAAM,EAAE,EADmB,EAE3BC,QAAQ,EAAEM,0BAFiB,E;;;;;;;AAmBlBC,c;AACJX,EAAAA,iB,GAAP,6BAAiC;AAC/B,0BAAQ,IAAR,EAAc,kEAAd;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,qBAAD,CAAe,QAAf,QAAyB,KAAKC,KAAL,CAAWG,QAApC,CAAP;AACD,G,yBAPiCC,eAAMC,S","sourcesContent":["import warning from 'warning';\r\nimport React, { ReactNode } from 'react';\r\n\r\nimport { defaultLangCode } from '../../lib/locale/constants';\r\nimport { LangCodes, LocaleControls , LocaleContext, LocaleContextProps } from '../../lib/locale';\r\n\r\n\r\nexport interface LocaleProviderProps {\r\n  locale?: LocaleControls;\r\n  langCode: LangCodes;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport class LocaleProvider extends React.Component<LocaleProviderProps> {\r\n  public static __KONTUR_REACT_UI__ = 'LocaleProvider';\r\n\r\n  public static defaultProps = {\r\n    locale: {},\r\n    langCode: defaultLangCode,\r\n  };\r\n\r\n  public componentDidMount(): void {\r\n    warning(true, \"LocaleProvider was deprecated please use 'LocaleContext' instead\");\r\n  }\r\n\r\n  public render() {\r\n    const { locale, langCode } = this.props;\r\n    return <LocaleContext.Provider value={{ locale, langCode }}>{this.props.children}</LocaleContext.Provider>;\r\n  }\r\n}\r\n\r\ninterface LocaleConsumerProps {\r\n  children: (props: LocaleContextProps) => ReactNode;\r\n}\r\n\r\nexport class LocaleConsumer extends React.Component<LocaleConsumerProps>{\r\n  public componentDidMount(): void {\r\n    warning(true, \"LocaleProvider was deprecated please use 'LocaleContext' instead\");\r\n  }\r\n\r\n  public render() {\r\n    return <LocaleContext.Consumer>{this.props.children}</LocaleContext.Consumer>;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["LocaleProvider.tsx"],"names":["LocaleProvider","componentDidMount","render","props","locale","langCode","children","React","Component","__KONTUR_REACT_UI__","defaultProps","defaultLangCode","LocaleConsumer"],"mappings":"mRAAA;AACA;;AAEA;AACA,0C;;;;;;;;;AASaA,c;;;;;;;;AAQJC,EAAAA,iB,GAAP,6BAAiC;AAC/B,0BAAQ,IAAR,EAAc,kEAAd;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACe,SAAKC,KADpB,CACNC,MADM,eACNA,MADM,CACEC,QADF,eACEA,QADF;AAEd,wBAAO,6BAAC,qBAAD,CAAe,QAAf,IAAwB,KAAK,EAAE,EAAED,MAAM,EAANA,MAAF,EAAUC,QAAQ,EAARA,QAAV,EAA/B,IAAsD,KAAKF,KAAL,CAAWG,QAAjE,CAAP;AACD,G,yBAfiCC,eAAMC,S,0CAA7BR,c,CACGS,mB,GAAsB,gB,CADzBT,c,CAGGU,Y,GAAe,EAC3BN,MAAM,EAAE,EADmB,EAE3BC,QAAQ,EAAEM,0BAFiB,E;;;;;;;AAmBlBC,c;AACJX,EAAAA,iB,GAAP,6BAAiC;AAC/B,0BAAQ,IAAR,EAAc,kEAAd;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,qBAAD,CAAe,QAAf,QAAyB,KAAKC,KAAL,CAAWG,QAApC,CAAP;AACD,G,yBAPiCC,eAAMC,S","sourcesContent":["import warning from 'warning';\nimport React, { ReactNode } from 'react';\n\nimport { defaultLangCode } from '../../lib/locale/constants';\nimport { LangCodes, LocaleControls , LocaleContext, LocaleContextProps } from '../../lib/locale';\n\n\nexport interface LocaleProviderProps {\n  locale?: LocaleControls;\n  langCode: LangCodes;\n  children?: ReactNode;\n}\n\nexport class LocaleProvider extends React.Component<LocaleProviderProps> {\n  public static __KONTUR_REACT_UI__ = 'LocaleProvider';\n\n  public static defaultProps = {\n    locale: {},\n    langCode: defaultLangCode,\n  };\n\n  public componentDidMount(): void {\n    warning(true, \"LocaleProvider was deprecated please use 'LocaleContext' instead\");\n  }\n\n  public render() {\n    const { locale, langCode } = this.props;\n    return <LocaleContext.Provider value={{ locale, langCode }}>{this.props.children}</LocaleContext.Provider>;\n  }\n}\n\ninterface LocaleConsumerProps {\n  children: (props: LocaleContextProps) => ReactNode;\n}\n\nexport class LocaleConsumer extends React.Component<LocaleConsumerProps>{\n  public componentDidMount(): void {\n    warning(true, \"LocaleProvider was deprecated please use 'LocaleContext' instead\");\n  }\n\n  public render() {\n    return <LocaleContext.Consumer>{this.props.children}</LocaleContext.Consumer>;\n  }\n}\n"]}

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

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

package/cjs/components/Logotype/Logotype.js

@@ -65,8 +65,8 @@ var INITIAL_FONT_SIZE = 22;
 
 
 
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+/**
+ * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
  */var
 
 Logotype = (_dec = (0, _decorators.locale)('Logotype', _locale.LogotypeLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Logotype, _React$Component);

package/cjs/components/Logotype/Logotype.js.map

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

package/cjs/components/Logotype/Logotype.md

@@ -1,33 +1,33 @@
-```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',
-};
-```
+```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/cjs/components/Logotype/Logotype.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Logotype.styles.ts"],"names":["styles","root","t","css","logoColor","logoHoverColor","divider","tdDividerBg","cloud","inner","dropdown","inline","widgetWrapper","button","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;;;;AAOWD,IAAAA,CAAC,CAACE,SAPb;;;AAUaF,IAAAA,CAAC,CAACG,cAVf;;;AAaD,GAfY;;AAiBbC,EAAAA,OAjBa,mBAiBLJ,CAjBK,EAiBK;AAChB,eAAOC,YAAP;;;;AAIsBD,IAAAA,CAAC,CAACK,WAJxB;;AAMD,GAxBY;;AA0BbC,EAAAA,KA1Ba,mBA0BL;AACN,eAAOL,YAAP;;;;;AAKD,GAhCY;;AAkCbM,EAAAA,KAlCa,mBAkCL;AACN,eAAON,YAAP;;;;;;;AAOD,GA1CY;;AA4CbO,EAAAA,QA5Ca,sBA4CF;AACT,eAAOP,YAAP;;;;;AAKD,GAlDY;;AAoDbQ,EAAAA,MApDa,oBAoDJ;AACP,eAAOR,YAAP;AACI,0BAAQH,MAAM,CAACU,QAAP,EAAR,CADJ;;;;AAKD,GA1DY;;AA4DbE,EAAAA,aA5Da,2BA4DG;AACd,eAAOT,YAAP;;;;AAID,GAjEY;;AAmEbU,EAAAA,MAnEa,oBAmEJ;AACP,eAAOV,YAAP;;;;;;;;;;;;;;;;AAgBD,GApFY,EAAf;;;AAuFO,IAAMW,QAAQ,GAAG,2BAAad,MAAb,CAAjB,C","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 2px 15px;\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 10px;\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"]}
+{"version":3,"sources":["Logotype.styles.ts"],"names":["styles","root","t","css","logoColor","logoHoverColor","divider","tdDividerBg","cloud","inner","dropdown","inline","widgetWrapper","button","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;;;;AAOWD,IAAAA,CAAC,CAACE,SAPb;;;AAUaF,IAAAA,CAAC,CAACG,cAVf;;;AAaD,GAfY;;AAiBbC,EAAAA,OAjBa,mBAiBLJ,CAjBK,EAiBK;AAChB,eAAOC,YAAP;;;;AAIsBD,IAAAA,CAAC,CAACK,WAJxB;;AAMD,GAxBY;;AA0BbC,EAAAA,KA1Ba,mBA0BL;AACN,eAAOL,YAAP;;;;;AAKD,GAhCY;;AAkCbM,EAAAA,KAlCa,mBAkCL;AACN,eAAON,YAAP;;;;;;;AAOD,GA1CY;;AA4CbO,EAAAA,QA5Ca,sBA4CF;AACT,eAAOP,YAAP;;;;;AAKD,GAlDY;;AAoDbQ,EAAAA,MApDa,oBAoDJ;AACP,eAAOR,YAAP;AACI,0BAAQH,MAAM,CAACU,QAAP,EAAR,CADJ;;;;AAKD,GA1DY;;AA4DbE,EAAAA,aA5Da,2BA4DG;AACd,eAAOT,YAAP;;;;AAID,GAjEY;;AAmEbU,EAAAA,MAnEa,oBAmEJ;AACP,eAAOV,YAAP;;;;;;;;;;;;;;;;AAgBD,GApFY,EAAf;;;AAuFO,IAAMW,QAAQ,GAAG,2BAAad,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      font-weight: 400;\n      text-decoration: none;\n      position: relative;\n      bottom: 2px;\n      outline: none;\n      user-select: none;\n      color: ${t.logoColor};\n\n      &:hover {\n        color: ${t.logoHoverColor};\n      }\n    `;\n  },\n\n  divider(t: Theme) {\n    return css`\n      height: 60%;\n      margin: 0 0 2px 15px;\n      width: 1px;\n      background-color: ${t.tdDividerBg};\n    `;\n  },\n\n  cloud() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: 0;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    `;\n  },\n\n  dropdown() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-wrap: nowrap;\n    `;\n  },\n\n  inline() {\n    return css`\n      ${cssName(styles.dropdown())}& {\n        display: inline-flex;\n      }\n    `;\n  },\n\n  widgetWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  button() {\n    return css`\n      display: flex;\n      align-items: center;\n      margin: 0;\n      cursor: pointer;\n      outline: 0;\n      padding: 0 10px;\n      position: relative;\n      background: none;\n      border: none;\n\n      &:hover,\n      &:focus {\n        background: rgba(0, 0, 0, 0.06);\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}