@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/dist/message/message.d.ts

@@ -0,0 +1,59 @@
+import { Component, ReactNode } from 'react';
+import Popup, { PopupAttrs } from '../popup/popup';
+import { Directions } from '../popup/popup.consts';
+import { IconType } from '../icon/icon';
+import { ButtonAttrs } from '../button/button';
+import Theme from '../global/theme';
+export interface MessageTranslations {
+    gotIt: string;
+    dismiss: string;
+}
+export interface MessageProps {
+    icon: string | IconType | null;
+    directions: readonly Directions[];
+    translations: MessageTranslations;
+    theme: Theme;
+    title?: string | null | undefined;
+    children?: ReactNode;
+    className?: string | null | undefined;
+    tailClassName?: string | null | undefined;
+    direction?: Directions | null | undefined;
+    popupProps?: Partial<PopupAttrs> | null | undefined;
+    buttonProps?: ButtonAttrs | null | undefined;
+    tailOffset?: number | null | undefined;
+    onClose?: (() => void) | undefined;
+    onDismiss?: (() => void) | null | undefined;
+}
+interface MessageState {
+    direction?: Directions;
+}
+/**
+ * Displays a popup containing a message.
+ */
+export default class Message extends Component<MessageProps> {
+    static defaultProps: {
+        icon: string;
+        directions: Directions[];
+        translations: {
+            gotIt: string;
+            dismiss: string;
+        };
+        theme: Theme;
+    };
+    state: MessageState;
+    static Directions: typeof Directions;
+    static PopupProps: {
+        Directions: typeof Directions;
+        Dimension: typeof import("../popup/popup.consts").Dimension;
+        MinWidth: typeof import("../popup/popup.consts").MinWidth;
+        MaxHeight: typeof import("../popup/popup.consts").MaxHeight;
+    };
+    private _onDirectionChange;
+    popup?: Popup | null;
+    node?: HTMLElement | null;
+    popupRef: (el: Popup | null) => void;
+    getTailOffset(): number;
+    render(): JSX.Element;
+}
+export declare type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
+export {};

package/dist/message/message.js

@@ -4,8 +4,10 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import gift from '@jetbrains/icons/gift';
 import Popup from '../popup/popup.js';
+import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
-import Button from '../button/button.js';
+import { Button } from '../button/button.js';
+import { T as Theme, m as modules_59717246, a as ThemeProvider } from '../_helpers/theme.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -18,7 +20,6 @@ import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
-import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -27,19 +28,16 @@ import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_rui_521b","icon":"icon_rui_521b","title":"title_rui_521b fontLower_rui_750f font_rui_750f","description":"description_rui_521b fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","button":"button_rui_521b","tail":"tail_rui_521b"};
+var modules_8b837449 = {"unit":"8px","padding":"12px","container":"container_rui_07ce","message":"message_rui_07ce","icon":"icon_rui_07ce","title":"title_rui_07ce fontLower_rui_750f font_rui_750f","description":"description_rui_07ce fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","button":"button_rui_07ce","tail":"tail_rui_07ce"};
 
 /**
   * @name Message
   */
 
-const {
-  Directions
-} = Popup.PopupProps;
 const UNIT = 8;
 
 const getTailOffsets = offset => ({
@@ -116,6 +114,10 @@ class Message extends Component {
       direction
     }));
 
+    _defineProperty(this, "popup", void 0);
+
+    _defineProperty(this, "node", void 0);
+
     _defineProperty(this, "popupRef", el => {
       var _this$popup;
 
@@ -143,7 +145,7 @@ class Message extends Component {
     }
 
     const offset = Math.floor(anchor.offsetWidth / 2);
-    const isOpenedToRight = [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
+    const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
 
     if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
       return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
@@ -163,9 +165,12 @@ class Message extends Component {
       buttonProps,
       onClose,
       onDismiss,
-      translations
+      translations,
+      theme
     } = this.props;
-    const classes = classNames(modules_8b837449.message, className);
+    const classes = classNames(modules_8b837449.message, className, {
+      [modules_59717246.dark]: theme === Theme.DARK
+    });
     const tailClasses = classNames(modules_8b837449.tail, tailClassName);
     const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
     const {
@@ -178,7 +183,10 @@ class Message extends Component {
       className: classes,
       offset: UNIT * 2,
       onDirectionChange: this._onDirectionChange
-    }, popupProps), direction && /*#__PURE__*/React.createElement("div", {
+    }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme,
+      passToPopups: true
+    }, direction && /*#__PURE__*/React.createElement("div", {
       className: tailClasses,
       style: getTailOffsets(this.getTailOffset())[direction]
     }), icon && /*#__PURE__*/React.createElement(Icon, {
@@ -196,12 +204,26 @@ class Message extends Component {
     }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
       onClick: onDismiss,
       text: true
-    }, translations.dismiss));
+    }, translations.dismiss)));
   }
 
 }
 
-_defineProperty(Message, "propTypes", {
+_defineProperty(Message, "defaultProps", {
+  icon: gift,
+  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
+  translations: {
+    gotIt: 'Got it',
+    dismiss: 'Dismiss'
+  },
+  theme: Theme.DARK
+});
+
+_defineProperty(Message, "Directions", Directions);
+
+_defineProperty(Message, "PopupProps", Popup.PopupProps);
+
+Message.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   tailClassName: PropTypes.string,
@@ -215,19 +237,6 @@ _defineProperty(Message, "propTypes", {
   onClose: PropTypes.func,
   onDismiss: PropTypes.func,
   translations: PropTypes.object
-});
-
-_defineProperty(Message, "defaultProps", {
-  icon: gift,
-  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  translations: {
-    gotIt: 'Got it',
-    dismiss: 'Dismiss'
-  }
-});
-
-_defineProperty(Message, "Directions", Directions);
-
-_defineProperty(Message, "PopupProps", Popup.PopupProps);
+};
 
 export { Message as default };

package/dist/old-browsers-message/old-browsers-message.d.ts

@@ -0,0 +1,2 @@
+declare function stopOldBrowserDetector(): void;
+export { stopOldBrowserDetector as stop };

package/dist/old-browsers-message/old-browsers-message.js

@@ -43,8 +43,10 @@ function changeSmileClickListener(event) {
 function attachSmileClickListener(smileNode) {
   if (smileNode.addEventListener) {
     smileNode.addEventListener('click', changeSmileClickListener);
+    /* eslint-disable @typescript-eslint/no-explicit-any */
   } else if (smileNode.attachEvent) {
     smileNode.attachEvent('onclick', changeSmileClickListener);
+    /* eslint-enable */
   }
 }
 /**
@@ -79,12 +81,14 @@ startOldBrowsersDetector(() => {
   const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
   const smileNode = document.getElementById('ring-old-browsers-message__smile');
 
-  if (isBrowserInWhiteList()) {
-    browserMessage.style.display = 'none';
-    errorMessage.style.display = 'block';
-  } else {
-    browserMessage.style.display = 'block';
-    errorMessage.style.display = 'none';
+  if (browserMessage != null && errorMessage != null) {
+    if (isBrowserInWhiteList()) {
+      browserMessage.style.display = 'none';
+      errorMessage.style.display = 'block';
+    } else {
+      browserMessage.style.display = 'block';
+      errorMessage.style.display = 'none';
+    }
   }
 
   if (oldBrowsersMessageContainer) {

package/dist/old-browsers-message/old-browsers-message__stop.d.ts

@@ -0,0 +1 @@
+export { stop as default } from './old-browsers-message';

package/dist/old-browsers-message/white-list.d.ts

@@ -0,0 +1,2 @@
+export declare const WHITE_LIST: Record<string, number>;
+export declare function isBrowserInWhiteList(): boolean;

package/dist/old-browsers-message/white-list.js

@@ -6,8 +6,6 @@ const MAJOR_VERSION_INDEX = 0;
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
 
-/* global SUPPORTED_BROWSERS */
-
 if (!["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefox 86", "ios_saf 14.0-14.4", "safari 14", "samsung 13.0"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
@@ -16,7 +14,9 @@ if (!["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefo
 const SUPPORTED = ["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefox 86", "ios_saf 14.0-14.4", "safari 14", "samsung 13.0"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
-  const [, browserName, version] = item.match(/(\S+)\s(\S+)/);
+  var _item$match;
+
+  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
 
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;

package/dist/pager/pager.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @name Pager
+ */
+import React, { PureComponent, ReactNode } from 'react';
+import { SelectItem } from '../select/select';
+export interface PagerTranslations {
+    perPage: string;
+    firstPage: string;
+    lastPage: string;
+    nextPage: string;
+    previousPage: string;
+}
+export interface PagerProps {
+    total: number;
+    currentPage: number;
+    pageSize: number;
+    pageSizes: readonly number[];
+    visiblePagesLimit: number;
+    disablePageSizeSelector: boolean;
+    openTotal: boolean;
+    canLoadLastPageWithOpenTotal: boolean;
+    translations: PagerTranslations;
+    loader: boolean;
+    loaderNavigation: boolean;
+    onPageSizeChange: (size: number) => void;
+    onLoadPage: (nextPage: number) => void;
+    onPageChange?: ((prevPage: number, event?: React.MouseEvent) => void) | null | undefined;
+    className?: string | null | undefined;
+    hrefFunc?: ((page: number, pageSize: number | undefined) => string) | undefined;
+}
+interface PagerSizeItem {
+    key: number;
+}
+export default class Pager extends PureComponent<PagerProps> {
+    static defaultProps: {
+        currentPage: number;
+        pageSize: number;
+        pageSizes: number[];
+        visiblePagesLimit: number;
+        disablePageSizeSelector: boolean;
+        openTotal: boolean;
+        canLoadLastPageWithOpenTotal: boolean;
+        translations: {
+            perPage: string;
+            firstPage: string;
+            lastPage: string;
+            nextPage: string;
+            previousPage: string;
+        };
+        loader: boolean;
+        loaderNavigation: boolean;
+        onPageSizeChange: () => void;
+        onLoadPage: () => void;
+    };
+    getSelectOptions(): {
+        selected: SelectItem<PagerSizeItem> | undefined;
+        data: SelectItem<PagerSizeItem>[];
+    };
+    getTotal(): number;
+    handlePageSizeChange: (item: PagerSizeItem | null) => void;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+    handlePageChange: (arg: number) => (event: React.MouseEvent) => void;
+    handleLoadMore: (arg: number) => () => void;
+    getButton(page: number, content: ReactNode, key?: number, active?: boolean): JSX.Element;
+    getClickProps(onClick: (e: React.MouseEvent) => void): {
+        onPlainLeftClick?: undefined;
+        onClick?: undefined;
+    } | {
+        onPlainLeftClick: (e: React.MouseEvent) => void;
+        onClick?: undefined;
+    } | {
+        onClick: (e: React.MouseEvent) => void;
+        onPlainLeftClick?: undefined;
+    };
+    getPageSizeSelector(): false | JSX.Element;
+    getPagerLinks(): JSX.Element;
+    generateHref(page: number): string | undefined;
+    getPagerContent(): JSX.Element | null;
+    render(): JSX.Element;
+}
+export declare type PagerAttrs = JSX.LibraryManagedAttributes<typeof Pager, PagerProps>;
+export {};

package/dist/pager/pager.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import Button from '../button/button.js';
+import { Button } from '../button/button.js';
 import ButtonGroup from '../button-group/button-group.js';
 import ButtonToolbar from '../button-toolbar/button-toolbar.js';
 import Select from '../select/select.js';
@@ -13,8 +13,8 @@ import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../icon/icon__constants.js';
 import 'util-deprecate';
@@ -23,10 +23,12 @@ import '../icon/icon__svg.js';
 import '../button-group/caption.js';
 import '../_helpers/button-group.js';
 import '../_helpers/button-toolbar.js';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -67,18 +69,15 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';
@@ -86,14 +85,16 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_6375","links":"links_rui_6375","link":"link_rui_6375","linkDisabled":"linkDisabled_rui_6375"};
+var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_f590","links":"links_rui_f590","link":"link_rui_f590","linkDisabled":"linkDisabled_rui_f590"};
 
 class Pager extends PureComponent {
   constructor() {
     super(...arguments);
 
     _defineProperty(this, "handlePageSizeChange", item => {
-      this.props.onPageSizeChange(item.key);
+      if (item != null) {
+        this.props.onPageSizeChange(item.key);
+      }
     });
 
     _defineProperty(this, "handlePrevClick", () => {
@@ -102,8 +103,10 @@ class Pager extends PureComponent {
       } = this.props;
 
       if (currentPage !== 1) {
+        var _this$props$onPageCha, _this$props;
+
         const prevPage = currentPage - 1;
-        this.props.onPageChange(prevPage);
+        (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === void 0 ? void 0 : _this$props$onPageCha.call(_this$props, prevPage);
       }
     });
 
@@ -116,14 +119,18 @@ class Pager extends PureComponent {
       const total = this.getTotal();
 
       if (currentPage !== total) {
-        this.props.onPageChange(nextPage);
+        var _this$props$onPageCha2, _this$props2;
+
+        (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 ? void 0 : _this$props$onPageCha2.call(_this$props2, nextPage);
       } else if (this.props.openTotal) {
         onLoadPage(nextPage);
       }
     });
 
     _defineProperty(this, "handlePageChange", memoize(i => event => {
-      this.props.onPageChange(i, event);
+      var _this$props$onPageCha3, _this$props3;
+
+      (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 ? void 0 : _this$props$onPageCha3.call(_this$props3, i, event);
     }));
 
     _defineProperty(this, "handleLoadMore", memoize(i => () => {
@@ -268,7 +275,7 @@ class Pager extends PureComponent {
     }
 
     let start = 1;
-    let end = totalPages; // eslint-disable-next-line no-magic-numbers
+    let end = totalPages; // eslint-disable-next-line @typescript-eslint/no-magic-numbers
 
     if (totalPages >= visiblePagesLimit + 6) {
       const leftHalfFrameSize = Math.ceil(visiblePagesLimit / 2) - 1;
@@ -300,10 +307,10 @@ class Pager extends PureComponent {
     }
 
     const lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-    return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && /*#__PURE__*/React.createElement(ButtonGroup, null, this.getButton(1, this.props.translations.firstPage)), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, this.props.translations.firstPage), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
       href: this.generateHref(end + 1),
       disabled: this.props.loader
-    }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && /*#__PURE__*/React.createElement(ButtonGroup, null, this.getButton(this.props.openTotal ? -1 : totalPages, this.props.translations.lastPage))), this.getPageSizeSelector());
+    }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, this.props.translations.lastPage)), this.getPageSizeSelector());
   }
 
   render() {
@@ -316,30 +323,10 @@ class Pager extends PureComponent {
 
 }
 
-_defineProperty(Pager, "propTypes", {
-  total: PropTypes.number.isRequired,
-  currentPage: PropTypes.number,
-  pageSize: PropTypes.number,
-  pageSizes: PropTypes.arrayOf(PropTypes.number),
-  visiblePagesLimit: PropTypes.number,
-  disablePageSizeSelector: PropTypes.bool,
-  openTotal: PropTypes.bool,
-  canLoadLastPageWithOpenTotal: PropTypes.bool,
-  onPageChange: PropTypes.func,
-  onPageSizeChange: PropTypes.func,
-  onLoadPage: PropTypes.func,
-  className: PropTypes.string,
-  translations: PropTypes.object,
-  loader: PropTypes.bool,
-  loaderNavigation: PropTypes.bool,
-  hrefFunc: PropTypes.func //function which generates href for all pager's buttons based on pager state passed as a function parameter, either this function or onPageChange should be provided
-
-});
-
 _defineProperty(Pager, "defaultProps", {
   currentPage: 1,
   pageSize: 50,
-  // eslint-disable-next-line no-magic-numbers
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   pageSizes: [20, 50, 100],
   visiblePagesLimit: 7,
   disablePageSizeSelector: false,
@@ -358,4 +345,24 @@ _defineProperty(Pager, "defaultProps", {
   onLoadPage: () => {}
 });
 
+Pager.propTypes = {
+  total: PropTypes.number.isRequired,
+  currentPage: PropTypes.number,
+  pageSize: PropTypes.number,
+  pageSizes: PropTypes.arrayOf(PropTypes.number),
+  visiblePagesLimit: PropTypes.number,
+  disablePageSizeSelector: PropTypes.bool,
+  openTotal: PropTypes.bool,
+  canLoadLastPageWithOpenTotal: PropTypes.bool,
+  onPageChange: PropTypes.func,
+  onPageSizeChange: PropTypes.func,
+  onLoadPage: PropTypes.func,
+  className: PropTypes.string,
+  translations: PropTypes.object,
+  loader: PropTypes.bool,
+  loaderNavigation: PropTypes.bool,
+  hrefFunc: PropTypes.func //function which generates href for all pager's buttons based on pager state passed as a function parameter, either this function or onPageChange should be provided
+
+};
+
 export { Pager as default };

package/dist/pager-ng/pager-ng.js

@@ -19,8 +19,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -28,10 +28,12 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -72,18 +74,15 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';

package/dist/panel/panel.d.ts

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