@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.10

package/components/grid/row.d.ts

@@ -1,6 +1,4 @@
 import { Component, ReactNode } from 'react';
-import PropTypes from 'prop-types';
-declare const ModifierType: PropTypes.Requireable<string>;
 type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
 export interface RowProps {
     children?: ReactNode;
@@ -19,22 +17,6 @@ export interface RowProps {
     className?: string | null | undefined;
 }
 export default class Row extends Component<RowProps> {
-    static propTypes: {
-        reverse: PropTypes.Requireable<boolean>;
-        start: PropTypes.Requireable<string>;
-        center: PropTypes.Requireable<string>;
-        end: PropTypes.Requireable<string>;
-        top: PropTypes.Requireable<string>;
-        middle: PropTypes.Requireable<string>;
-        baseline: PropTypes.Requireable<string>;
-        bottom: PropTypes.Requireable<string>;
-        around: PropTypes.Requireable<string>;
-        between: PropTypes.Requireable<string>;
-        first: PropTypes.Requireable<string>;
-        last: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }
 export {};

package/components/grid/row.js

@@ -1,16 +1,13 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.reverse.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "className", "reverse"];
-var ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-var modifierKeys = ['start', 'center', 'end',
+const _excluded = ["children", "className", "reverse"];
+const modifierKeys = ['start', 'center', 'end',
 // text-align, justify-content
 'around', 'between',
 // justify-content
@@ -24,52 +21,31 @@ var modifierKeys = ['start', 'center', 'end',
  * @returns {Array} result modifier classes
  */
 function getModifierClassNames(props) {
-  return modifierKeys.reduce(function (result, key) {
+  return modifierKeys.reduce((result, key) => {
     if (props[key]) {
       return result.concat(modules_855170c0["".concat(key, "-").concat(props[key])]);
     }
     return result;
   }, []);
 }
-var Row = /*#__PURE__*/function (_Component) {
-  function Row() {
-    _classCallCheck(this, Row);
-    return _callSuper(this, Row, arguments);
+class Row extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        reverse
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
+      [modules_855170c0.reverse]: reverse
+    });
+    return /*#__PURE__*/jsx("div", {
+      className: classes,
+      "data-test": "ring-grid-row",
+      children: children
+    });
   }
-  _inherits(Row, _Component);
-  return _createClass(Row, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        reverse = _this$props.reverse,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
-        [modules_855170c0.reverse]: reverse
-      });
-      return /*#__PURE__*/jsx("div", {
-        className: classes,
-        children: children
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(Row, "propTypes", {
-  reverse: PropTypes.bool,
-  start: ModifierType,
-  center: ModifierType,
-  end: ModifierType,
-  top: ModifierType,
-  middle: ModifierType,
-  baseline: ModifierType,
-  bottom: ModifierType,
-  around: ModifierType,
-  between: ModifierType,
-  first: ModifierType,
-  last: ModifierType,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Row as default };

package/components/group/group.d.ts

@@ -1,12 +1,7 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 /**
  * @name Group
  */
 export default class Group extends Component<HTMLAttributes<HTMLSpanElement>> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/group/group.js

@@ -1,36 +1,27 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
 var modules_d9da30c7 = {"light":"light_rui_2ac4","group":"group_rui_bce8"};
 
-var _excluded = ["children", "className"];
-var Group = /*#__PURE__*/function (_Component) {
-  function Group() {
-    _classCallCheck(this, Group);
-    return _callSuper(this, Group, arguments);
+const _excluded = ["children", "className"];
+class Group extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_d9da30c7.group, className);
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+      "data-test": "ring-group"
+    }, restProps), {}, {
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Group, _Component);
-  return _createClass(Group, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_d9da30c7.group, className);
-      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(Group, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
+}
 
 export { Group as default };

package/components/header/header-icon.d.ts

@@ -1,5 +1,4 @@
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
 import { IconType } from '../icon/icon';
 export interface HeaderIconSpecificProps {
@@ -7,26 +6,5 @@ export interface HeaderIconSpecificProps {
     rotatable?: boolean | null | undefined;
 }
 export default class HeaderIcon extends Component<ButtonAttrs & HeaderIconSpecificProps> {
-    static propTypes: {
-        icon: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>>;
-        rotatable: PropTypes.Requireable<boolean>;
-        active: PropTypes.Requireable<boolean>;
-        danger: PropTypes.Requireable<boolean>;
-        delayed: PropTypes.Requireable<boolean>;
-        loader: PropTypes.Requireable<boolean>;
-        primary: PropTypes.Requireable<boolean>;
-        short: PropTypes.Requireable<boolean>;
-        text: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        dropdown: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        iconSize: PropTypes.Requireable<number>;
-        iconClassName: PropTypes.Requireable<string>;
-        iconSuppressSizeWarning: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/header/header-icon.js

@@ -1,56 +1,39 @@
-import { _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
-var _excluded = ["className", "rotatable"];
-var HeaderIcon = /*#__PURE__*/function (_Component) {
-  function HeaderIcon() {
-    _classCallCheck(this, HeaderIcon);
-    return _callSuper(this, HeaderIcon, arguments);
+const _excluded = ["className", "rotatable"];
+class HeaderIcon extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        rotatable: rotatable
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_47759f5e.icon, className, {
+      [modules_47759f5e.rotatable]: rotatable,
+      [modules_47759f5e.rotated]: rotatable && restProps.active
+    });
+    return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes
+    }));
   }
-  _inherits(HeaderIcon, _Component);
-  return _createClass(HeaderIcon, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        rotatable = _this$props.rotatable,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_47759f5e.icon, className, {
-        [modules_47759f5e.rotatable]: rotatable,
-        [modules_47759f5e.rotated]: rotatable && restProps.active
-      });
-      return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(HeaderIcon, "propTypes", _objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
-  rotatable: PropTypes.bool
-}));
+}
 
 export { HeaderIcon as default };

package/components/header/header.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 interface HeaderProps extends HTMLAttributes<HTMLElement> {
     spaced: boolean;
@@ -13,11 +12,6 @@ interface HeaderProps extends HTMLAttributes<HTMLElement> {
  * Displays a configurable page header. See available presentation options in the knobs panel.
  */
 declare class Header extends Component<HeaderProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        spaced: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: {
         spaced: boolean;
         theme: Theme;
@@ -30,7 +24,6 @@ export default Header;
 export { default as Logo } from './logo';
 export { default as Tray } from './tray';
 export { default as HeaderIcon } from './header-icon';
-export { default as TrayIcon } from './tray-icon';
 export { default as Profile } from './profile';
 export { default as SmartProfile } from './smart-profile';
 export { default as Services } from './services';

package/components/header/header.js

@@ -1,45 +1,27 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Logo } from './logo.js';
 export { default as Tray } from './tray.js';
-export { default as HeaderIcon, default as TrayIcon } from './header-icon.js';
+export { default as HeaderIcon } from './header-icon.js';
 export { default as Profile } from './profile.js';
 export { default as SmartProfile } from './smart-profile.js';
 export { default as Services } from './services.js';
 export { default as SmartServices } from './smart-services.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -53,10 +35,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
@@ -64,14 +43,10 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.find.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -86,7 +61,6 @@ import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';
@@ -104,14 +78,12 @@ import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
 import '../auth/auth.js';
 import '../auth/window-flow.js';
-import 'core-js/modules/es.promise.js';
 import '../auth/response-parser.js';
 import 'es6-error';
 import '../auth/down-notification.js';
 import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../alert/alert.js';
-import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/warning';
@@ -120,19 +92,14 @@ import '../loader-inline/loader-inline.js';
 import '../alert/container.js';
 import '../group/group.js';
 import '../auth/auth__core.js';
-import 'core-js/modules/es.string.search.js';
 import 'core-js/modules/web.url.js';
 import 'core-js/modules/web.url.to-json.js';
 import 'core-js/modules/web.url-search-params.js';
 import '../global/listeners.js';
 import '../http/http.js';
-import 'core-js/modules/es.reflect.delete-property.js';
 import '../global/promise-with-timeout.js';
 import '../auth/storage.js';
-import '../storage/storage.js';
 import '../storage/storage__local.js';
-import '../storage/storage__fallback.js';
-import 'deep-equal';
 import '../auth/request-builder.js';
 import 'simply-uuid';
 import '../auth/background-flow.js';
@@ -140,46 +107,35 @@ import '../auth/token-validator.js';
 import '@jetbrains/icons/services-20px';
 import '../_helpers/services-link.js';
 
-var _excluded = ["children", "className", "spaced", "theme", "vertical"];
-var Header = /*#__PURE__*/function (_Component) {
-  function Header() {
-    _classCallCheck(this, Header);
-    return _callSuper(this, Header, arguments);
-  }
-  _inherits(Header, _Component);
-  return _createClass(Header, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        spaced = _this$props.spaced,
-        theme = _this$props.theme,
-        vertical = _this$props.vertical,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(vertical ? modules_47759f5e.headerVertical : modules_47759f5e.header, className, {
-        [modules_47759f5e.headerSpaced]: spaced && !vertical
+const _excluded = ["children", "className", "spaced", "theme", "vertical"];
+class Header extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        spaced,
+        theme,
+        vertical
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(vertical ? modules_47759f5e.headerVertical : modules_47759f5e.header, className, {
+      [modules_47759f5e.headerSpaced]: spaced && !vertical
+    });
+    const overrideOuterTheme = theme !== Theme.LIGHT;
+    const header = /*#__PURE__*/jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: children
+    }));
+    if (overrideOuterTheme) {
+      return /*#__PURE__*/jsx(ThemeProvider, {
+        theme: theme,
+        children: header
       });
-      var overrideOuterTheme = theme !== Theme.LIGHT;
-      var header = /*#__PURE__*/jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: children
-      }));
-      if (overrideOuterTheme) {
-        return /*#__PURE__*/jsx(ThemeProvider, {
-          theme: theme,
-          children: header
-        });
-      }
-      return header;
     }
-  }]);
-}(Component);
-_defineProperty(Header, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node,
-  spaced: PropTypes.bool
-});
+    return header;
+  }
+}
 _defineProperty(Header, "defaultProps", {
   spaced: true,
   theme: Theme.DARK,

package/components/header/links.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export default function Links({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/components/header/links.js

@@ -0,0 +1,20 @@
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import classNames from 'classnames';
+import ScrollableSection from '../scrollable-section/scrollable-section.js';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+import { jsx } from 'react/jsx-runtime';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
+
+const _excluded = ["className"];
+function Links(_ref) {
+  let {
+      className
+    } = _ref,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(ScrollableSection, _objectSpread2(_objectSpread2({}, restProps), {}, {
+    className: classNames(modules_47759f5e.links, className)
+  }));
+}
+
+export { Links as default };

package/components/header/logo.d.ts

@@ -1,10 +1,6 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { IconAttrs, Size } from '../icon/icon';
 export default class Logo extends PureComponent<IconAttrs> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         size: Size;
         suppressSizeWarning: boolean;

package/components/header/logo.js

@@ -1,6 +1,5 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
@@ -10,38 +9,24 @@ import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["className"];
-var Logo = /*#__PURE__*/function (_PureComponent) {
-  function Logo() {
-    _classCallCheck(this, Logo);
-    return _callSuper(this, Logo, arguments);
+const _excluded = ["className"];
+class Logo extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_47759f5e.logo, className);
+    return /*#__PURE__*/jsx("div", {
+      className: classes,
+      children: /*#__PURE__*/jsx(Icon, _objectSpread2({}, restProps))
+    });
   }
-  _inherits(Logo, _PureComponent);
-  return _createClass(Logo, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_47759f5e.logo, className);
-      return /*#__PURE__*/jsx("div", {
-        className: classes,
-        children: /*#__PURE__*/jsx(Icon, _objectSpread2({}, restProps))
-      });
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Logo, "propTypes", {
-  className: PropTypes.string
-});
+}
 _defineProperty(Logo, "defaultProps", {
   size: Size.Size48,
   suppressSizeWarning: true