npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b0853da840 → 0.0.0-cb270e7a13 - Mend

@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3731) hide show

package/components/TopBar/TopBar.d.ts DELETED Viewed

@@ -1,109 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { TopBarButtonItem } from './TopBarButtonItem';
-import { TopBarDivider } from './TopBarDivider';
-import { TopBarItem } from './TopBarItem';
-import { TopBarOrganizations } from './TopBarOrganizations';
-import { TopBarDropdown } from './TopBarDropdown';
-import { TopBarUser } from './TopBarUser';
-import { TopBarLogout } from './TopBarLogout';
-export interface TopBarProps {
-    children?: React.ReactNode;
-    color?: string;
-    cabinetUrl?: string;
-    leftItems?: Array<React.ReactElement<any>>;
-    logoComponent?: React.ComponentType<any> | string;
-    logoHref?: string;
-    maxWidth?: string | number;
-    noMargin?: boolean;
-    noShadow?: boolean;
-    noWidget?: boolean;
-    onLogout?: () => void;
-    rightItems?: Array<React.ReactElement<any>>;
-    suffix?: string;
-    userName?: string;
-}
-export interface TopBarDefaultProps {
-    maxWidth: string | number;
-    rightItems: Array<React.ReactElement<any>>;
-}
-/**
- * __DRAFT__
- *
- * Шапка
- *
- * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
- *
- * `Divider()` – разделитель
- *
- * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
- *
- * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
- */
-export declare class TopBar extends React.Component<TopBarProps> {
-    static __KONTUR_REACT_UI__: string;
-    static Divider: typeof TopBarDivider;
-    static Item: typeof TopBarButtonItem;
-    static Dropdown: typeof TopBarDropdown;
-    static OrganizationsDropdown: typeof TopBarOrganizations;
-    static Start: React.SFC<{}>;
-    static End: React.SFC<{}>;
-    static ItemStatic: typeof TopBarItem;
-    static User: typeof TopBarUser;
-    static Logout: typeof TopBarLogout;
-    static defaultProps: TopBarDefaultProps;
-    static propTypes: {
-        /**
-         * URL для кастомизации ссылок в меню пользователя
-         */
-        cabinetUrl: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Цвет логотипа
-         */
-        color: PropTypes.Requireable<string>;
-        leftItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
-        /**
-         * Компонент используемый для рендеринга ссылки.
-         * Нужно переопределить если вы хотите подставить ссылку для роутера
-         */
-        logoComponent: PropTypes.Requireable<any>;
-        logoHref: PropTypes.Requireable<string>;
-        /**
-         * Максимальная ширина контейнера в шапке
-         */
-        maxWidth: PropTypes.Requireable<string | number>;
-        /**
-         * Отключает отступ снизу
-         */
-        noMargin: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает тень
-         */
-        noShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает виджет
-         */
-        noWidget: PropTypes.Requireable<boolean>;
-        rightItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
-        /**
-         * Суффикс логотипа
-         */
-        suffix: PropTypes.Requireable<string>;
-        /**
-         * Имя пользователя
-         */
-        userName: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Функция выхода
-         */
-        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private _renderItems;
-}

package/components/TopBar/TopBar.js DELETED Viewed

@@ -1,246 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import { Logotype } from '../Logotype';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-import { TopBarButtonItem } from './TopBarButtonItem';
-import { TopBarDivider } from './TopBarDivider';
-import { TopBarItem } from './TopBarItem';
-import { TopBarOrganizations } from './TopBarOrganizations';
-import { TopBarDropdown } from './TopBarDropdown';
-import { TopBarUser } from './TopBarUser';import
-styles from "./TopBar.module.css";
-import { TopBarEnd } from './TopBarEnd';
-import { TopBarStart } from './TopBarStart';
-import { TopBarLogout } from './TopBarLogout';
-import { jsStyles } from './TopBar.styles';
-/**
-                                             * __DRAFT__
-                                             *
-                                             * Шапка
-                                             *
-                                             * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
-                                             *
-                                             * `Divider()` – разделитель
-                                             *
-                                             * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
-                                             *
-                                             * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
-                                             *
-                                             * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
-                                             *
-                                             */
-export var TopBar = /*#__PURE__*/function (_React$Component) {_inheritsLoose(TopBar, _React$Component);function TopBar() {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.
-    theme = void 0;return _this;}var _proto = TopBar.prototype;_proto.
-  render = function render() {var _this2 = this;
-    return (
-      React.createElement(ThemeConsumer, null,
-      function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      }));
-  };_proto.
-  renderMain = function renderMain() {var _cx;var _this$props =
-    this.props,children = _this$props.children,leftItems = _this$props.leftItems,cabinetUrl = _this$props.cabinetUrl,maxWidth = _this$props.maxWidth,noShadow = _this$props.noShadow,noMargin = _this$props.noMargin,userName = _this$props.userName,onLogout = _this$props.onLogout,_this$props$rightItem = _this$props.rightItems,rightItems = _this$props$rightItem === void 0 ? TopBar.defaultProps.rightItems : _this$props$rightItem;
-    var _rightItems = [].concat(rightItems);
-    if (userName) {
-      _rightItems.push(React.createElement(TopBarUser, { userName: userName, cabinetUrl: cabinetUrl }), React.createElement(TopBarDivider, null));
-    }
-    if (onLogout) {
-      _rightItems.push(React.createElement(TopBarLogout, { onClick: onLogout }));
-    }
-    var logoProps = {
-      suffix: this.props.suffix,
-      color: this.props.color,
-      href: this.props.logoHref,
-      logoComponent: this.props.logoComponent,
-      withWidget: !this.props.noWidget };
-    return (
-      React.createElement("div", {
-        className: cx((_cx = {}, _cx[
-        styles.root] = true, _cx[
-        jsStyles.root(this.theme)] = true, _cx[
-        jsStyles.noShadow()] = !!noShadow, _cx[
-        styles.noMargin] = !!noMargin, _cx)) },
-      React.createElement("div", { className: styles.center, style: { maxWidth: maxWidth } },
-      React.createElement("div", { className: styles.containerWrap },
-      children ?
-      React.createElement("div", { className: styles.container }, children) :
-      React.createElement("div", { className: styles.container },
-      React.createElement("div", { className: styles.startItems },
-      React.createElement(TopBarItem, null,
-      React.createElement(Logotype, logoProps)),
-      this._renderItems(leftItems)),
-      React.createElement("div", { className: styles.endItems }, this._renderItems(_rightItems)))))));
-  };_proto.
-  _renderItems = function _renderItems(items) {
-    if (!items) {
-      return null;
-    }
-    return items.map(function (item, i) {
-      if (item && !item.key) {
-        return React.cloneElement(item, {
-          key: '$topbar_' + i });
-      }
-      return item;
-    });
-  };return TopBar;}(React.Component);TopBar.__KONTUR_REACT_UI__ = 'TopBar';TopBar.Divider = TopBarDivider;TopBar.Item = TopBarButtonItem;TopBar.Dropdown = TopBarDropdown;TopBar.OrganizationsDropdown = TopBarOrganizations;TopBar.Start = TopBarStart;TopBar.End = TopBarEnd;TopBar.ItemStatic = TopBarItem;TopBar.User = TopBarUser;TopBar.Logout = TopBarLogout;TopBar.defaultProps = { maxWidth: 1166, rightItems: [] };TopBar.propTypes = { /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                   * URL для кастомизации ссылок в меню пользователя
-                                                                                                                                                                                                                                                                                                                                                                                                                                                   */cabinetUrl: PropTypes.string, children: PropTypes.node, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * Цвет логотипа
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              */color: PropTypes.string, leftItems: PropTypes.arrayOf(PropTypes.element), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * Компонент используемый для рендеринга ссылки.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * Нужно переопределить если вы хотите подставить ссылку для роутера
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */logoComponent: PropTypes.any, logoHref: PropTypes.string, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * Максимальная ширина контейнера в шапке
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        */maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * Отключает отступ снизу
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */noMargin: PropTypes.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * Отключает тень
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */noShadow: PropTypes.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Отключает виджет
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */noWidget: PropTypes.bool, rightItems: PropTypes.arrayOf(PropTypes.element), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * Суффикс логотипа
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */suffix: PropTypes.string, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * Имя пользователя
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */userName: PropTypes.node, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * Функция выхода
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */onLogout: PropTypes.func };

package/components/TopBar/TopBar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["TopBar.tsx"],"names":["React","PropTypes","Logotype","cx","ThemeConsumer","TopBarButtonItem","TopBarDivider","TopBarItem","TopBarOrganizations","TopBarDropdown","TopBarUser","styles","TopBarEnd","TopBarStart","TopBarLogout","jsStyles","TopBar","theme","render","renderMain","props","children","leftItems","cabinetUrl","maxWidth","noShadow","noMargin","userName","onLogout","rightItems","defaultProps","_rightItems","push","logoProps","suffix","color","href","logoHref","logoComponent","withWidget","noWidget","root","center","containerWrap","container","startItems","_renderItems","endItems","items","map","item","i","key","cloneElement","Component","__KONTUR_REACT_UI__","Divider","Item","Dropdown","OrganizationsDropdown","Start","End","ItemStatic","User","Logout","propTypes","string","node","arrayOf","element","any","oneOfType","number","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Logotype } from '../Logotype';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { TopBarButtonItem } from './TopBarButtonItem';\r\nimport { TopBarDivider } from './TopBarDivider';\r\nimport { TopBarItem } from './TopBarItem';\r\nimport { TopBarOrganizations } from './TopBarOrganizations';\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\nimport { TopBarUser } from './TopBarUser';\r\nimport styles from './TopBar.module.less';\r\nimport { TopBarEnd } from './TopBarEnd';\r\nimport { TopBarStart } from './TopBarStart';\r\nimport { TopBarLogout } from './TopBarLogout';\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarProps {\r\n children?: React.ReactNode;\r\n color?: string;\r\n cabinetUrl?: string;\r\n leftItems?: Array<React.ReactElement<any>>;\r\n logoComponent?: React.ComponentType<any> | string;\r\n logoHref?: string;\r\n maxWidth?: string | number;\r\n noMargin?: boolean;\r\n noShadow?: boolean;\r\n noWidget?: boolean;\r\n onLogout?: () => void;\r\n rightItems?: Array<React.ReactElement<any>>;\r\n suffix?: string;\r\n userName?: string;\r\n}\r\n\r\nexport interface TopBarDefaultProps {\r\n maxWidth: string | number;\r\n rightItems: Array<React.ReactElement<any>>;\r\n}\r\n\r\n/**\r\n * __DRAFT__\r\n *\r\n * Шапка\r\n *\r\n * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки\r\n *\r\n * `Divider()` – разделитель\r\n *\r\n * `TopBarStart({children: node})` – контейнер для элементов в начале шапки\r\n *\r\n * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки\r\n *\r\n * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст\r\n *\r\n */\r\nexport class TopBar extends React.Component<TopBarProps> {\r\n public static __KONTUR_REACT_UI__ = 'TopBar';\r\n\r\n public static Divider = TopBarDivider;\r\n public static Item = TopBarButtonItem;\r\n public static Dropdown = TopBarDropdown;\r\n public static OrganizationsDropdown = TopBarOrganizations;\r\n public static Start = TopBarStart;\r\n public static End = TopBarEnd;\r\n public static ItemStatic = TopBarItem;\r\n public static User = TopBarUser;\r\n public static Logout = TopBarLogout;\r\n\r\n public static defaultProps: TopBarDefaultProps = {\r\n maxWidth: 1166,\r\n rightItems: [],\r\n };\r\n\r\n public static propTypes = {\r\n /**\r\n * URL для кастомизации ссылок в меню пользователя\r\n */\r\n cabinetUrl: PropTypes.string,\r\n\r\n children: PropTypes.node,\r\n\r\n /**\r\n * Цвет логотипа\r\n */\r\n color: PropTypes.string,\r\n\r\n leftItems: PropTypes.arrayOf(PropTypes.element),\r\n\r\n /**\r\n * Компонент используемый для рендеринга ссылки.\r\n * Нужно переопределить если вы хотите подставить ссылку для роутера\r\n */\r\n logoComponent: PropTypes.any,\r\n\r\n logoHref: PropTypes.string,\r\n\r\n /**\r\n * Максимальная ширина контейнера в шапке\r\n */\r\n maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n /**\r\n * Отключает отступ снизу\r\n */\r\n noMargin: PropTypes.bool,\r\n\r\n /**\r\n * Отключает тень\r\n */\r\n noShadow: PropTypes.bool,\r\n\r\n /**\r\n * Отключает виджет\r\n */\r\n noWidget: PropTypes.bool,\r\n\r\n rightItems: PropTypes.arrayOf(PropTypes.element),\r\n\r\n /**\r\n * Суффикс логотипа\r\n */\r\n suffix: PropTypes.string,\r\n\r\n /**\r\n * Имя пользователя\r\n */\r\n userName: PropTypes.node,\r\n\r\n /**\r\n * Функция выхода\r\n */\r\n onLogout: PropTypes.func,\r\n };\r\n\r\n private theme!: Theme;\r\n\r\n public render(): JSX.Element {\r\n return (\r\n <ThemeConsumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeConsumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n const {\r\n children,\r\n leftItems,\r\n cabinetUrl,\r\n maxWidth,\r\n noShadow,\r\n noMargin,\r\n userName,\r\n onLogout,\r\n rightItems = TopBar.defaultProps.rightItems,\r\n } = this.props;\r\n\r\n const _rightItems: Array<React.ReactElement<any>> = [...rightItems];\r\n\r\n if (userName) {\r\n _rightItems.push(<TopBarUser userName={userName} cabinetUrl={cabinetUrl} />, <TopBarDivider />);\r\n }\r\n\r\n if (onLogout) {\r\n _rightItems.push(<TopBarLogout onClick={onLogout} />);\r\n }\r\n\r\n const logoProps = {\r\n suffix: this.props.suffix,\r\n color: this.props.color,\r\n href: this.props.logoHref,\r\n logoComponent: this.props.logoComponent,\r\n withWidget: !this.props.noWidget,\r\n };\r\n\r\n return (\r\n <div\r\n className={cx({\r\n [styles.root]: true,\r\n [jsStyles.root(this.theme)]: true,\r\n [jsStyles.noShadow()]: !!noShadow,\r\n [styles.noMargin]: !!noMargin,\r\n })}\r\n >\r\n <div className={styles.center} style={{ maxWidth }}>\r\n <div className={styles.containerWrap}>\r\n {children ? (\r\n <div className={styles.container}>{children}</div>\r\n ) : (\r\n <div className={styles.container}>\r\n <div className={styles.startItems}>\r\n <TopBarItem>\r\n <Logotype {...logoProps} />\r\n </TopBarItem>\r\n {this._renderItems(leftItems)}\r\n </div>\r\n <div className={styles.endItems}>{this._renderItems(_rightItems)}</div>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private _renderItems(items?: Array<React.ReactElement<any>>) {\r\n if (!items) {\r\n return null;\r\n }\r\n\r\n return items.map((item, i) => {\r\n if (item && !item.key) {\r\n return React.cloneElement(item, {\r\n key: '$topbar_' + i,\r\n });\r\n }\r\n return item;\r\n });\r\n }\r\n}\r\n"]}

package/components/TopBar/TopBar.md DELETED Viewed

@@ -1,114 +0,0 @@
-### Использование
-Рекомендуемое
-```jsx harmony
-import { Loader, Logotype, TopBar } from '@skbkontur/react-ui';
-import BabyIcon from '@skbkontur/react-icons/Baby';
-let pageStyle = {
-  background: '#e6e6e6',
-  height: 400,
-  border: '1px solid #dedfdf',
-  overflow: 'hidden',
-};
-let contentStyle = {
-  background: 'white',
-  padding: 15,
-  height: 280,
-};
-<div style={pageStyle}>
-  <TopBar>
-    <TopBar.Start>
-      <TopBar.ItemStatic>
-        <Logotype suffix="ui" withWidget />
-      </TopBar.ItemStatic>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-    </TopBar.Start>
-    <TopBar.End>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-      <TopBar.User userName="Alexander The Great" />
-      <TopBar.Divider />
-      <TopBar.Logout onClick={() => alert('Logout!')} />
-    </TopBar.End>
-  </TopBar>
-  <Loader active caption="neverending...">
-    <div style={contentStyle} />
-  </Loader>
-</div>;
-```
-Старый вариант. (Продуктовый виджет работает только у первого Logotype на странице)
-```jsx harmony
-import { Loader, TopBar } from '@skbkontur/react-ui';
-import BabyIcon from '@skbkontur/react-icons/Baby';
-let Item = TopBar.Item;
-let pageStyle = {
-  background: '#e6e6e6',
-  height: 400,
-  border: '1px solid #dedfdf',
-  overflow: 'hidden',
-};
-let contentStyle = {
-  background: 'white',
-  padding: 15,
-  height: 280,
-};
-<div style={pageStyle}>
-  <TopBar
-    userName="Alexander The Great"
-    suffix="ui"
-    onLogout={() => alert('Logout!')}
-    leftItems={[
-      <Item>
-        <BabyIcon color="#666" />
-      </Item>,
-    ]}
-  />
-  <Loader active caption="neverending...">
-    <div style={contentStyle} />
-  </Loader>
-</div>;
-```
-#### Локали по умолчанию (см. `LocaleProvider`)
-```typescript
-interface TopBarLocale {
-  logout?: string;
-  cabinetTitle?: string;
-  cabinetSettings?: string;
-  cabinetCertificates?: string;
-  cabinetServices?: string;
-}
-const ru_RU = {
-  cabinetTitle: 'Личный кабинет Контура',
-  cabinetSettings: 'Настройка входа в сервисы',
-  cabinetCertificates: 'Сертификаты',
-  cabinetServices: 'Оплата сервисов',
-  logout: 'Выйти',
-};
-const en_GB = {
-  cabinetTitle: 'Personal account Kontur',
-  cabinetSettings: 'Configure login services',
-  cabinetCertificates: 'Certificates',
-  cabinetServices: 'Payment for services',
-  logout: 'Logout',
-};
-```

package/components/TopBar/TopBar.module.css DELETED Viewed

@@ -1,113 +0,0 @@
-:local .root {
-  margin-bottom: 20px;
-  height: 50px;
-  padding: 0 15px;
-}
-:local .noMargin {
-  margin-bottom: 0;
-}
-:local .center {
-  margin: auto;
-}
-:local .containerWrap {
-  margin: 0 -10px;
-}
-:local .container {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-}
-:local .startItems,
-:local .endItems {
-  display: flex;
-  align-items: stretch;
-  flex-wrap: nowrap;
-}
-:local .startItems {
-  padding-right: 60px;
-}
-:local .divider {
-  height: 30px;
-  align-self: center;
-  width: 1px;
-}
-:local .item {
-  display: inline-block;
-  box-sizing: border-box;
-  height: 50px;
-  line-height: 50px;
-  padding: 0 10px;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-:local .button {
-  height: 50px;
-  line-height: 50px;
-  cursor: pointer;
-  outline: 0;
-  padding: 0 10px;
-  position: relative;
-  vertical-align: middle;
-}
-:local .button:hover,
-:local .button:focus {
-  background: rgba(0, 0, 0, 0.06);
-}
-:local .buttonActive {
-  background: rgba(0, 0, 0, 0.06);
-}
-:local .icon {
-  margin-right: 4px;
-}
-:local .icon.iconOnly {
-  margin-right: 0;
-}
-:local .use-pay,
-:local .use-pay:hover,
-:local .use-pay.buttonActive {
-  background: #ffeca9;
-}
-:local .use-danger,
-:local .use-danger:hover,
-:local .use-danger.buttonActive {
-  background: #ffe3e3;
-}
-:local .spwDropdown {
-  display: table-cell;
-  height: 50px;
-  white-space: nowrap;
-}
-:local :global(.kontur-projects_opened) .button {
-  background: rgba(0, 0, 0, 0.06);
-}
-:local .organizationsTitle {
-  box-sizing: border-box;
-  left: 0;
-  overflow: hidden;
-  padding: 0 20px 0 10px;
-  position: absolute;
-  text-overflow: ellipsis;
-  width: 100%;
-}
-:local .organizationsComment {
-  color: #aaa;
-  padding-left: 10px;
-  position: absolute;
-  right: 20px;
-}
-:local .organizationsArrow {
-  position: absolute;
-  right: 0;
-  text-align: center;
-  width: 20px;
-}
-:local .organizationsTitleDummy {
-  box-sizing: border-box;
-  height: 0;
-  overflow: hidden;
-  padding-right: 10px;
-  white-space: normal;
-}
-:local .organizationsCommentDummy {
-  padding-left: 10px;
-}

package/components/TopBar/TopBar.module.css.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-export interface ITopBarModuleLess {
-  'root': string;
-  'noMargin': string;
-  'center': string;
-  'containerWrap': string;
-  'container': string;
-  'startItems': string;
-  'endItems': string;
-  'divider': string;
-  'item': string;
-  'button': string;
-  'buttonActive': string;
-  'icon': string;
-  'iconOnly': string;
-  'use-pay': string;
-  'use-danger': string;
-  'spwDropdown': string;
-  'organizationsTitle': string;
-  'organizationsComment': string;
-  'organizationsArrow': string;
-  'organizationsTitleDummy': string;
-  'organizationsCommentDummy': string;
-}
-declare const styles: ITopBarModuleLess;
-export default styles;

package/components/TopBar/TopBar.styles.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    divider(t: Theme): string;
-    noShadow(): string;
-};