@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","cn","createPropsGetter","tabListener","ThemeContext","isExternalLink","jsStyles","Link","state","focusedByTab","theme","getProps","defaultProps","_handleFocus","event","props","disabled","process","nextTick","isTabPressed","setState","_handleBlur","_handleClick","href","onClick","preventDefault","render","renderMain","icon","use","_button","_buttonOpened","className","style","relOrigin","rel","rest","iconElement","arrow","root","button","buttonOpened","focus","useDefault","useSuccess","useDanger","useGrayed","onFocus","onBlur","tabIndex","children","Component","__KONTUR_REACT_UI__","propTypes","bool","string","oneOfType","node","oneOf"],"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 { createPropsGetter } from '../../lib/createPropsGetter';\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\n\r\nimport { jsStyles } from './Link.styles';\r\n\r\nexport type LinkProps = 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    /** 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  private getProps = createPropsGetter(Link.defaultProps);\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      disabled,\r\n      href,\r\n      icon,\r\n      use,\r\n      _button,\r\n      _buttonOpened,\r\n      className,\r\n      style,\r\n      rel: relOrigin,\r\n      ...rest\r\n    } = this.getProps<LinkProps, Link>();\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = <span className={jsStyles.icon(this.theme)}>{icon}</span>;\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 props = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled(this.theme)]: !!disabled,\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} {...props}>\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"]}

package/components/Link/Link/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Link/Link.js",
-  "module": "Link",
-  "types": "../Link.d.ts",
-  "sideEffects": false
-}

package/components/Link/Link.md

@@ -1,11 +0,0 @@
-```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/components/Link/Link.mixins/Link.mixins.js

@@ -1,9 +0,0 @@
-export var linkMixin = function linkMixin(hoverTextDecoration) {
-  return "\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: " + hoverTextDecoration + ";\n    }\n  ";
-};
-export var linkDisabledMixin = function linkDisabledMixin() {
-  return "\n    box-shadow: none;\n    cursor: default;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ";
-};
-export var linkUseColorsMixin = function linkUseColorsMixin(mainColor, hoverColor, activeColor) {
-  return "\n    color: " + mainColor + ";\n\n    &:hover {\n      color: " + hoverColor + ";\n    }\n\n    &:active {\n      color: " + activeColor + ";\n    }\n  ";
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM;;AAYP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;AASD,CAVM;;AAYP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM","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"]}

package/components/Link/Link.mixins/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Link/Link.mixins.js",
-  "module": "Link.mixins",
-  "types": "../Link.mixins.d.ts",
-  "sideEffects": false
-}

package/components/Link/Link.styles/Link.styles.js

@@ -1,150 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      ", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        text-decoration: ", ";\n      }\n      ", "& {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\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    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: #e1e1e1;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-import { linkMixin, linkDisabledMixin, linkUseColorsMixin } from "../Link.mixins";
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(), linkMixin(t.linkHoverTextDecoration));
-  },
-  button: function button(t) {
-    return css(_templateObject2(), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
-  },
-  buttonOpened: function buttonOpened() {
-    return css(_templateObject3());
-  },
-  arrow: function arrow() {
-    return css(_templateObject4());
-  },
-  useDefault: function useDefault(t) {
-    return css(_templateObject5(), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
-  },
-  useSuccess: function useSuccess(t) {
-    return css(_templateObject6(), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
-  },
-  useDanger: function useDanger(t) {
-    return css(_templateObject7(), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
-  },
-  useGrayed: function useGrayed(t) {
-    return css(_templateObject8(), linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor));
-  },
-  focus: function focus(t) {
-    return css(_templateObject9(), cssName(styles.root(t)), t.linkHoverTextDecoration, cssName(styles.useGrayed(t)), t.linkDisabledColor);
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject10(), linkDisabledMixin(), cssName(styles.root(t)), t.linkDisabledColor, t.linkDisabledColor);
-  },
-  icon: function icon(t) {
-    return css(_templateObject11(), t.linkIconMarginRight);
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["css","cssName","memoizeStyle","linkMixin","linkDisabledMixin","linkUseColorsMixin","styles","root","t","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":"o8EAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,SAASC,SAAT,EAAoBC,iBAApB,EAAuCC,kBAAvC,QAAiE,eAAjE;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOR,GAAP;AACIG,IAAAA,SAAS,CAACK,CAAC,CAACC,uBAAH,CADb;;AAGD,GALY;;AAObC,EAAAA,MAPa,kBAONF,CAPM,EAOI;AACf,WAAOR,GAAP;;AAEiBQ,IAAAA,CAAC,CAACG,oBAFnB;AAGkBH,IAAAA,CAAC,CAACI,kBAHpB;AAImBJ,IAAAA,CAAC,CAACI,kBAJrB;;AAMD,GAdY;;AAgBbC,EAAAA,YAhBa,0BAgBE;AACb,WAAOb,GAAP;;;AAGD,GApBY;;AAsBbc,EAAAA,KAtBa,mBAsBL;AACN,WAAOd,GAAP;;;;;;;;;AASD,GAhCY;;AAkCbe,EAAAA,UAlCa,sBAkCFP,CAlCE,EAkCQ;AACnB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACQ,SAAH,EAAcR,CAAC,CAACS,cAAhB,EAAgCT,CAAC,CAACU,eAAlC,CADtB;;AAGD,GAtCY;;AAwCbC,EAAAA,UAxCa,sBAwCFX,CAxCE,EAwCQ;AACnB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACY,gBAAH,EAAqBZ,CAAC,CAACa,qBAAvB,EAA8Cb,CAAC,CAACc,sBAAhD,CADtB;;AAGD,GA5CY;;AA8CbC,EAAAA,SA9Ca,qBA8CHf,CA9CG,EA8CO;AAClB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACgB,eAAH,EAAoBhB,CAAC,CAACiB,oBAAtB,EAA4CjB,CAAC,CAACkB,qBAA9C,CADtB;;AAGD,GAlDY;;AAoDbC,EAAAA,SApDa,qBAoDHnB,CApDG,EAoDO;AAClB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACoB,iBAAH,EAAsBpB,CAAC,CAACoB,iBAAxB,EAA2CpB,CAAC,CAACoB,iBAA7C,CADtB;;AAGD,GAxDY;;AA0DbC,EAAAA,KA1Da,iBA0DPrB,CA1DO,EA0DG;AACd,WAAOR,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEuBA,IAAAA,CAAC,CAACC,uBAFzB;;AAIIR,IAAAA,OAAO,CAACK,MAAM,CAACqB,SAAP,CAAiBnB,CAAjB,CAAD,CAJX;AAKaA,IAAAA,CAAC,CAACoB,iBALf;;;AAQD,GAnEY;;AAqEbE,EAAAA,QArEa,oBAqEJtB,CArEI,EAqEM;AACjB,WAAOR,GAAP;AACII,IAAAA,iBAAiB,EADrB;;AAGIH,IAAAA,OAAO,CAACK,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CAHX;AAIaA,IAAAA,CAAC,CAACoB,iBAJf;;;AAOepB,IAAAA,CAAC,CAACoB,iBAPjB;;;;AAWD,GAjFY;;AAmFbG,EAAAA,IAnFa,gBAmFRvB,CAnFQ,EAmFE;AACb,WAAOR,GAAP;;AAEkBQ,IAAAA,CAAC,CAACwB,mBAFpB;;AAID,GAxFY,EAAf;;;AA2FA,OAAO,IAAMC,QAAQ,GAAG/B,YAAY,CAACI,MAAD,CAA7B","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    `;\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"]}

package/components/Link/Link.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Link/Link.styles.js",
-  "module": "Link.styles",
-  "types": "../Link.styles.d.ts",
-  "sideEffects": false
-}

package/components/Link/index/index.js

@@ -1 +0,0 @@
-export * from "../Link";

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

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

package/components/Link/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Link/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/Link/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/Link/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/Loader/Loader/Loader.js

@@ -1,226 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import warning from 'warning';
-import cn from 'classnames';
-import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { Spinner } from "../../Spinner";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ZIndex } from "../../../internal/ZIndex";
-import { jsStyles } from "../Loader.styles";
-/**
- * DRAFT - лоадер-контейнер
- */
-
-export var Loader = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Loader, _React$Component);
-
-  function Loader(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
-    _this.containerNode = void 0;
-    _this.spinnerNode = void 0;
-    _this.spinnerHeight = void 0;
-    _this.layoutEvents = void 0;
-
-    _this.wrapperRef = function (element) {
-      _this.containerNode = element;
-    };
-
-    _this.checkSpinnerPosition = function () {
-      if (!_this.containerNode) {
-        return;
-      }
-
-      var _this$containerNode$g = _this.containerNode.getBoundingClientRect(),
-          containerTop = _this$containerNode$g.top,
-          containerRight = _this$containerNode$g.right,
-          containerBottom = _this$containerNode$g.bottom,
-          containerLeft = _this$containerNode$g.left,
-          containerHeight = _this$containerNode$g.height,
-          containerWidth = _this$containerNode$g.width;
-
-      var windowHeight = window.innerHeight;
-      var windowWidth = window.innerWidth; // Если контейнер не больше высоты и не шире окна,
-      // то просто выравниваем по центру
-
-      if (windowHeight >= containerHeight && windowWidth >= containerWidth) {
-        _this.setState({
-          isStickySpinner: false,
-          spinnerStyle: {}
-        });
-
-        return;
-      }
-
-      var spinnerStyle = {
-        top: 30,
-        right: 0,
-        bottom: 30,
-        left: 0
-      }; // ПО ВЕРТИКАЛИ
-      // Если верхний край контейнера ниже верхнего края окна,
-      // то сдвигаем и лоадер
-
-      if (containerTop > 0) {
-        spinnerStyle.top = containerTop + 30;
-      } // Если нижний край контейнера выше нижнего края окна,
-      // то сдвигаем и лоадер
-
-
-      if (containerBottom < windowHeight) {
-        spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;
-      } // Если знаем высоту спиннера и нижний край контейнера поднимается
-      // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
-
-
-      if (_this.spinnerHeight && spinnerStyle.bottom >= windowHeight - _this.spinnerHeight) {
-        delete spinnerStyle.top;
-      } // ПО ГОРИЗОНТАЛИ
-      // Если левый край контейнера правее левого края окна,
-      // то сдвигаем и лоадер
-
-
-      if (containerLeft > 0) {
-        spinnerStyle.left = containerLeft;
-      } // Если правый край контейнера левее правого края окна,
-      // то сдвигаем и лоадер
-
-
-      if (containerRight < windowWidth) {
-        spinnerStyle.right = windowWidth - containerRight;
-      }
-
-      _this.setState({
-        isStickySpinner: true,
-        spinnerStyle: spinnerStyle
-      });
-    };
-
-    _this.containerNode = null;
-    _this.spinnerNode = null;
-    warning(!_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() {
-    if (this.spinnerNode) {
-      this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;
-    }
-
-    this.checkSpinnerPosition();
-    this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);
-  };
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.active && !prevProps.active) {
-      this.checkSpinnerPosition();
-    }
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.layoutEvents) {
-      this.layoutEvents.remove();
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _cn;
-
-    var _this$props = this.props,
-        active = _this$props.active,
-        type = _this$props.type,
-        caption = _this$props.caption,
-        className = _this$props.className;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        position: 'relative'
-      },
-      className: cn(jsStyles.loader(), className)
-    }, /*#__PURE__*/React.createElement(ZIndex, {
-      priority: 'Loader',
-      applyZIndex: this.props.active,
-      coverChildren: this.props.active,
-      style: {
-        height: '100%'
-      }
-    }, this.props.children), active && /*#__PURE__*/React.createElement(ZIndex, {
-      wrapperRef: this.wrapperRef,
-      priority: 'Loader',
-      className: cn((_cn = {}, _cn[jsStyles.active(this.theme)] = active, _cn))
-    }, this.renderSpinner(type, caption)));
-  };
-
-  _proto.renderSpinner = function renderSpinner(type, caption) {
-    var _this3 = this;
-
-    return /*#__PURE__*/React.createElement("span", {
-      className: this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter(),
-      style: this.state.spinnerStyle,
-      ref: function ref(element) {
-        _this3.spinnerNode = element;
-      }
-    }, /*#__PURE__*/React.createElement(Spinner, {
-      type: type,
-      caption: caption,
-      cloud: this.props.cloud
-    }));
-  };
-
-  return Loader;
-}(React.Component);
-Loader.__KONTUR_REACT_UI__ = 'Loader';
-Loader.defaultProps = {
-  type: Spinner.Types.normal,
-  active: false
-};
-Loader.propTypes = {
-  /**
-  * показываем лоадер или нет
-  */
-  active: PropTypes.bool,
-
-  /**
-  * Текст рядом с лоадером.
-  *
-  * @default  "Загрузка"
-  */
-  caption: Spinner.propTypes.caption,
-
-  /**
-  * Класс для обертки
-  */
-  className: PropTypes.string,
-
-  /**
-  * Тип спиннера: mini, normal, big
-  *
-  * @default  normal
-  *
-  * Spinner.types - все доступные типы
-  */
-  type: PropTypes.oneOf(Object.keys(Spinner.Types)),
-
-  /**
-  * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-  *
-  * @default false - исчезнет в 3.0
-  */
-  cloud: PropTypes.bool
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Loader.tsx"],"names":["React","PropTypes","warning","cn","LayoutEvents","Spinner","ThemeContext","ZIndex","jsStyles","Loader","props","theme","containerNode","spinnerNode","spinnerHeight","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","cloud","state","componentDidMount","children","addListener","componentDidUpdate","prevProps","active","componentWillUnmount","remove","render","renderMain","type","caption","className","position","loader","renderSpinner","spinnerContainerSticky","spinnerContainerCenter","Component","__KONTUR_REACT_UI__","defaultProps","Types","normal","propTypes","bool","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\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\n\r\nimport { jsStyles } from './Loader.styles';\r\n\r\nexport interface LoaderProps {\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  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 = {\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    /**\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<HTMLSpanElement>;\r\n  private spinnerHeight?: number;\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    if (this.spinnerNode) {\r\n      this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;\r\n    }\r\n\r\n    this.checkSpinnerPosition();\r\n    this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>) {\r\n    if (this.props.active && !prevProps.active) {\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, className } = this.props;\r\n\r\n    return (\r\n      <div style={{ position: 'relative' }} className={cn(jsStyles.loader(), className)}>\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)}\r\n          </ZIndex>\r\n        )}\r\n      </div>\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) {\r\n    return (\r\n      <span\r\n        className={this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter()}\r\n        style={this.state.spinnerStyle}\r\n        ref={element => {\r\n          this.spinnerNode = element;\r\n        }}\r\n      >\r\n        <Spinner type={type} caption={caption} cloud={this.props.cloud} />\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.spinnerHeight && spinnerStyle.bottom >= windowHeight - this.spinnerHeight) {\r\n      delete spinnerStyle.top;\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"]}

package/components/Loader/Loader/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Loader/Loader.js",
-  "module": "Loader",
-  "types": "../Loader.d.ts",
-  "sideEffects": false
-}

package/components/Loader/Loader.md

@@ -1,25 +0,0 @@
-```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/components/Loader/Loader.styles/Loader.styles.js

@@ -1,84 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", ";\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\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    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: block;\n      margin: auto;\n      text-align: center;\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      background: ", ";\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  active: function active(t) {
-    return css(_templateObject(), styles.fillContainerPosition(), t.loaderBg);
-  },
-  fillContainerPosition: function fillContainerPosition() {
-    return css(_templateObject2());
-  },
-  loader: function loader() {
-    return css(_templateObject3());
-  },
-  spinnerContainer: function spinnerContainer() {
-    return css(_templateObject4());
-  },
-  spinnerContainerSticky: function spinnerContainerSticky() {
-    return css(_templateObject5(), styles.spinnerContainer());
-  },
-  spinnerContainerCenter: function spinnerContainerCenter() {
-    return css(_templateObject6(), styles.spinnerContainer(), styles.fillContainerPosition());
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Loader.styles.ts"],"names":["css","memoizeStyle","styles","active","t","fillContainerPosition","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerContainerCenter","jsStyles"],"mappings":"iuDAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,MADa,kBACNC,CADM,EACI;AACf,WAAOJ,GAAP;AACIE,IAAAA,MAAM,CAACG,qBAAP,EADJ;;AAGgBD,IAAAA,CAAC,CAACE,QAHlB;;AAKD,GAPY;;AASbD,EAAAA,qBATa,mCASW;AACtB,WAAOL,GAAP;;;;;;;AAOD,GAjBY;;AAmBbO,EAAAA,MAnBa,oBAmBJ;AACP,WAAOP,GAAP;;;;;;;AAOD,GA3BY;;AA6BbQ,EAAAA,gBA7Ba,8BA6BM;AACjB,WAAOR,GAAP;;;;;AAKD,GAnCY;;AAqCbS,EAAAA,sBArCa,oCAqCY;AACvB,WAAOT,GAAP;AACIE,IAAAA,MAAM,CAACM,gBAAP,EADJ;;;;;;;;;;;;AAaD,GAnDY;;AAqDbE,EAAAA,sBArDa,oCAqDY;AACvB,WAAOV,GAAP;AACIE,IAAAA,MAAM,CAACM,gBAAP,EADJ;AAEIN,IAAAA,MAAM,CAACG,qBAAP,EAFJ;;;;;;;;;;AAYD,GAlEY,EAAf;;;AAqEA,OAAO,IAAMM,QAAQ,GAAGV,YAAY,CAACC,MAAD,CAA7B","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\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Loader/Loader.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Loader/Loader.styles.js",
-  "module": "Loader.styles",
-  "types": "../Loader.styles.d.ts",
-  "sideEffects": false
-}