@jetbrains/ring-ui 5.0.0-beta.3 → 5.0.0-beta.7

package/dist/select/select.js

@@ -2,25 +2,26 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import chevronDown from '@jetbrains/icons/chevron-10px';
+import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import closeIcon from '@jetbrains/icons/close';
 import deepEqual from 'deep-equal';
 import '../dropdown/dropdown.js';
 import Avatar, { Size as Size$1 } from '../avatar/avatar.js';
 import Popup from '../popup/popup.js';
 import List, { ActiveItemContext } from '../list/list.js';
-import ThemedInput, { Size } from '../input/input.js';
+import { Size, Input } from '../input/input.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
 import rerenderHOC from '../global/rerender-hoc.js';
 import fuzzyHighlight from '../global/fuzzy-highlight.js';
-import Theme from '../global/theme.js';
 import memoize from '../global/memoize.js';
 import { isArray } from '../global/typescript-utils.js';
+import { ControlsHeightContext } from '../global/controls-height.js';
 import SelectPopup from './select__popup.js';
 import { A as Anchor } from '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -68,12 +69,7 @@ import '../global/composeRefs.js';
 import '../_helpers/input.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';
@@ -81,7 +77,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_9d0de074 = {"unit":"8px","select":"select_rui_9815","value":"value_rui_9815 ellipsis_rui_750f font_rui_750f","icons":"icons_rui_9815","toolbar":"toolbar_rui_9815","button":"button_rui_9815","buttonSpaced":"buttonSpaced_rui_9815","inputMode":"inputMode_rui_9815","buttonMode":"buttonMode_rui_9815","selectedIcon":"selectedIcon_rui_9815 resetButton_rui_750f","clearIcon":"clearIcon_rui_9815","sizeS":"sizeS_rui_9815","sizeM":"sizeM_rui_9815","sizeL":"sizeL_rui_9815","sizeFULL":"sizeFULL_rui_9815","sizeAUTO":"sizeAUTO_rui_9815","materialMode":"materialMode_rui_9815","open":"open_rui_9815","buttonContainer":"buttonContainer_rui_9815","buttonValue":"buttonValue_rui_9815 ellipsis_rui_750f","buttonValueOpen":"buttonValueOpen_rui_9815","label":"label_rui_9815","disabled":"disabled_rui_9815","selectedLabel":"selectedLabel_rui_9815","avatar":"avatar_rui_9815","popup":"popup_rui_9815","chevron":"chevron_rui_9815","chevronIcon":"chevronIcon_rui_9815"};
+var modules_9d0de074 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","select":"select_rui_bf62","value":"value_rui_bf62 ellipsis_rui_750f font_rui_750f","icons":"icons_rui_bf62","toolbar":"toolbar_rui_bf62","button":"button_rui_bf62","buttonSpaced":"buttonSpaced_rui_bf62","inputMode":"inputMode_rui_bf62","selectedIcon":"selectedIcon_rui_bf62 resetButton_rui_750f","clearIcon":"clearIcon_rui_bf62","sizeS":"sizeS_rui_bf62","sizeM":"sizeM_rui_bf62","sizeL":"sizeL_rui_bf62","sizeFULL":"sizeFULL_rui_bf62","sizeAUTO":"sizeAUTO_rui_bf62","buttonMode":"buttonMode_rui_bf62","open":"open_rui_bf62","buttonContainer":"buttonContainer_rui_bf62","buttonValue":"buttonValue_rui_bf62 ellipsis_rui_750f","buttonValueOpen":"buttonValueOpen_rui_bf62","label":"label_rui_bf62","disabled":"disabled_rui_bf62","avatar":"avatar_rui_bf62","popup":"popup_rui_bf62","chevron":"chevron_rui_bf62","chevronIcon":"chevronIcon_rui_bf62","heightS":"heightS_rui_bf62"};
 
 /**
  * @name Select
@@ -100,13 +96,13 @@ var Type;
   Type["INPUT"] = "INPUT";
   Type["CUSTOM"] = "CUSTOM";
   Type["INLINE"] = "INLINE";
-  Type["MATERIAL"] = "MATERIAL";
   Type["INPUT_WITHOUT_CONTROLS"] = "INPUT_WITHOUT_CONTROLS";
 })(Type || (Type = {}));
 
+const ICONS_OFFSET = 12;
 const ICON_WIDTH = 20;
 const getStyle = memoize(iconsLength => ({
-  paddingRight: iconsLength * ICON_WIDTH
+  paddingRight: ICONS_OFFSET + iconsLength * ICON_WIDTH
 }));
 
 const isInputMode = type => type === Type.INPUT || type === Type.INPUT_WITHOUT_CONTROLS;
@@ -424,6 +420,16 @@ class Select extends Component {
       }
     });
 
+    _defineProperty(this, "_openPopupIfClosed", () => {
+      if (this.props.disabled || this.state.showPopup) {
+        return;
+      }
+
+      this.props.onBeforeOpen();
+
+      this._showPopup();
+    });
+
     _defineProperty(this, "_filterChangeHandler", e => {
       this._setFilter(e.currentTarget.value, e);
     });
@@ -646,12 +652,6 @@ class Select extends Component {
       return false;
     });
 
-    _defineProperty(this, "button", void 0);
-
-    _defineProperty(this, "buttonRef", el => {
-      this.button = el;
-    });
-
     _defineProperty(this, "filter", void 0);
 
     _defineProperty(this, "filterRef", el => {
@@ -791,7 +791,7 @@ class Select extends Component {
       separator: reset.separator,
       key: reset.label,
       rgItemType: List.ListProps.Type.CUSTOM,
-      template: /*#__PURE__*/React.createElement(ThemedButton, {
+      template: /*#__PURE__*/React.createElement(Button, {
         text: true,
         className: modules_9d0de074.button,
         "data-test": "ring-select-reset-tags-button"
@@ -929,7 +929,7 @@ class Select extends Component {
         [modules_9d0de074.toolbar]: !!this.state.addButton
       }),
       "data-test": "ring-select-toolbar"
-    }, this.state.addButton && /*#__PURE__*/React.createElement(ThemedButton, {
+    }, this.state.addButton && /*#__PURE__*/React.createElement(Button, {
       text: true,
       delayed: delayed,
       className: classNames(modules_9d0de074.button, modules_9d0de074.buttonSpaced),
@@ -1027,7 +1027,7 @@ class Select extends Component {
     }
 
     if (clear && !disabled && !this._selectionIsEmpty()) {
-      icons.push( /*#__PURE__*/React.createElement(ThemedButton, {
+      icons.push( /*#__PURE__*/React.createElement(Button, {
         title: "Clear selection",
         "data-test": "ring-clear-select",
         className: modules_9d0de074.clearIcon,
@@ -1039,11 +1039,11 @@ class Select extends Component {
     }
 
     if (!hideArrow) {
-      icons.push( /*#__PURE__*/React.createElement(ThemedButton, {
+      icons.push( /*#__PURE__*/React.createElement(Button, {
         title: "Toggle options popup",
         className: modules_9d0de074.chevron,
         iconClassName: modules_9d0de074.chevronIcon,
-        icon: chevronDown,
+        icon: chevronDownIcon,
         key: "hide",
         disabled: this.props.disabled,
         onClick: this._clickHandler
@@ -1085,7 +1085,7 @@ class Select extends Component {
     const {
       shortcutsEnabled
     } = this.state;
-    const classes = classNames(modules_9d0de074.select, 'ring-js-shortcuts', this.props.className, {
+    const classes = classNames(modules_9d0de074.select, 'ring-js-shortcuts', this.props.className, modules_9d0de074[`height${this.props.height || this.context}`], {
       [modules_9d0de074[`size${this.props.size}`]]: this.props.type !== Type.INLINE,
       [modules_9d0de074.disabled]: this.props.disabled
     });
@@ -1111,7 +1111,8 @@ class Select extends Component {
         }, shortcutsEnabled && /*#__PURE__*/React.createElement(Shortcuts, {
           map: this.getShortcutsMap(),
           scope: this.shortcutsScope
-        }), /*#__PURE__*/React.createElement(ThemedInput, _extends({}, ariaProps, {
+        }), /*#__PURE__*/React.createElement(Input, _extends({}, ariaProps, {
+          height: this.props.height,
           autoComplete: "off",
           id: this.props.id,
           onClick: this._clickHandler,
@@ -1130,8 +1131,9 @@ class Select extends Component {
           "data-test": "ring-select__focus",
           enableShortcuts: shortcutsEnabled ? Object.keys({ ...this.getShortcutsMap(),
             ...((_this$_popup5 = this._popup) === null || _this$_popup5 === void 0 ? void 0 : (_this$_popup5$list = _this$_popup5.list) === null || _this$_popup5$list === void 0 ? void 0 : _this$_popup5$list.shortcutsMap)
-          }) : undefined
-        })), this.props.type === Type.INPUT && iconsNode, this._renderPopup());
+          }) : undefined,
+          afterInput: this.props.type === Type.INPUT && iconsNode
+        })), this._renderPopup());
 
       case Type.BUTTON:
         return /*#__PURE__*/React.createElement("div", {
@@ -1143,7 +1145,8 @@ class Select extends Component {
           scope: this.shortcutsScope
         }), /*#__PURE__*/React.createElement("div", {
           className: modules_9d0de074.buttonContainer
-        }, /*#__PURE__*/React.createElement(ThemedButton, _extends({}, ariaProps, {
+        }, /*#__PURE__*/React.createElement(Button, _extends({}, ariaProps, {
+          height: this.props.height,
           id: this.props.id,
           onClick: this._clickHandler,
           className: classNames(this.props.buttonClassName, modules_9d0de074.buttonValue, {
@@ -1154,31 +1157,6 @@ class Select extends Component {
           "data-test": "ring-select__button ring-select__focus"
         }), this._getAvatar(), this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString()), iconsNode), this._renderPopup());
 
-      case Type.MATERIAL:
-        return /*#__PURE__*/React.createElement("div", {
-          ref: this.nodeRef,
-          className: classNames(classes, modules_9d0de074.materialMode),
-          "data-test": joinDataTestAttributes('ring-select', dataTest)
-        }, shortcutsEnabled && /*#__PURE__*/React.createElement(Shortcuts, {
-          map: this.getShortcutsMap(),
-          scope: this.shortcutsScope
-        }), !this._selectionIsEmpty() && this.props.selectedLabel && /*#__PURE__*/React.createElement("span", {
-          className: modules_9d0de074.selectedLabel
-        }, this.props.selectedLabel), /*#__PURE__*/React.createElement("button", _extends({}, ariaProps, {
-          id: this.props.id,
-          onClick: this._clickHandler,
-          type: "button",
-          disabled: this.props.disabled,
-          className: classNames(this.props.buttonClassName, modules_9d0de074.value, {
-            [modules_9d0de074.open]: this.state.showPopup,
-            [modules_9d0de074.label]: this._selectionIsEmpty()
-          }),
-          "aria-label": this._getLabel(),
-          style: style,
-          "data-test": "ring-select__focus",
-          ref: this.buttonRef
-        }), this._getAvatar(), this._selectionIsEmpty() ? this._getLabel() : this._getSelectedString()), iconsNode, this._renderPopup());
-
       case Type.INLINE:
         return /*#__PURE__*/React.createElement("div", {
           className: classes,
@@ -1239,7 +1217,7 @@ _defineProperty(Select, "defaultProps", {
   disabled: false,
   loadingMessage: 'Loading...',
   notFoundMessage: 'No options found',
-  type: Type.MATERIAL,
+  type: Type.BUTTON,
   size: Size.M,
   targetElement: null,
   hideSelected: false,
@@ -1272,12 +1250,12 @@ _defineProperty(Select, "defaultProps", {
   dir: 'ltr'
 });
 
+_defineProperty(Select, "contextType", ControlsHeightContext);
+
 _defineProperty(Select, "Type", Type);
 
 _defineProperty(Select, "Size", Size);
 
-_defineProperty(Select, "Theme", Theme);
-
 Select.propTypes = {
   className: PropTypes.string,
   buttonClassName: PropTypes.string,
@@ -1328,7 +1306,6 @@ Select.propTypes = {
   hideArrow: PropTypes.bool,
   compact: PropTypes.bool,
   size: PropTypes.oneOf(Object.values(Size)),
-  theme: PropTypes.string,
   customAnchor: PropTypes.func,
   disableMoveOverflow: PropTypes.bool,
   disableScrollToActive: PropTypes.bool,

package/dist/select/select__filter.js

@@ -5,9 +5,9 @@ import 'classnames';
 import '../input/input.js';
 import '../global/sniffer.js';
 import '../list/list.js';
+import '../global/controls-height.js';
 export { S as default } from '../_helpers/select__filter.js';
 import '@jetbrains/icons/close';
-import '../global/theme.js';
 import '../global/prop-types.js';
 import '../button/button.js';
 import 'focus-visible';

package/dist/select/select__popup.js

@@ -9,7 +9,7 @@ import Popup, { getPopupContainer } from '../popup/popup.js';
 import { maxHeightForDirection } from '../popup/position.js';
 import { PopupTargetContext } from '../popup/popup.target.js';
 import List from '../list/list.js';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
 import shortcutsHOC from '../shortcuts/shortcuts-hoc.js';
 import { getStyles } from '../global/dom.js';
 import getUID from '../global/get-uid.js';
@@ -17,7 +17,7 @@ import memoize from '../global/memoize.js';
 import TagsList from '../tags-list/tags-list.js';
 import Caret from '../caret/caret.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import Text from '../text/text.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
 import { S as SelectFilter, m as modules_b607bec2 } from '../_helpers/select__filter.js';
@@ -58,23 +58,17 @@ import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
-import '../global/theme.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 '../tag/tag.js';
 import '@jetbrains/icons/close';
 import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../input/input.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 
-const INPUT_MARGIN_COMPENSATION = -14;
 const FILTER_HEIGHT = 35;
 const TOOLBAR_HEIGHT = 49;
 
@@ -173,7 +167,7 @@ class SelectPopup extends PureComponent {
       const activeFilters = this.props.data.filter(item => !item.disabled);
       return Array.isArray(this.props.selected) && /*#__PURE__*/React.createElement("div", {
         className: modules_b607bec2.selectAll
-      }, activeFilters.length === 0 ? /*#__PURE__*/React.createElement("span", null) : /*#__PURE__*/React.createElement(ThemedButton, {
+      }, activeFilters.length === 0 ? /*#__PURE__*/React.createElement("span", null) : /*#__PURE__*/React.createElement(Button, {
         text: true,
         inline: true,
         onClick: this.handleSelectAll
@@ -401,7 +395,7 @@ class SelectPopup extends PureComponent {
     } = this.props;
     return (loading || message) && /*#__PURE__*/React.createElement("div", {
       className: modules_b607bec2.bottomLine
-    }, loading && /*#__PURE__*/React.createElement(ThemedLoaderInline, null), message && /*#__PURE__*/React.createElement("div", {
+    }, loading && /*#__PURE__*/React.createElement(LoaderInline, null), message && /*#__PURE__*/React.createElement("div", {
       className: modules_b607bec2.message
     }, message));
   }
@@ -483,7 +477,7 @@ class SelectPopup extends PureComponent {
         minWidth: minWidth,
         onCloseAttempt: onCloseAttempt,
         directions: directions,
-        top: top || (isInputMode ? INPUT_MARGIN_COMPENSATION : undefined),
+        top: top,
         left: left,
         onMouseDown: this.mouseDownHandler,
         target: this.props.ringPopupTarget,

package/dist/select-ng/select-ng.js

@@ -4,18 +4,20 @@ import { unmountComponentAtNode, render } from 'react-dom';
 import getEventKey from '../global/get-event-key.js';
 import Select, { RerenderableSelect } from '../select/select.js';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+import { ControlsHeight } from '../global/controls-height.js';
 import SelectNgOptions from './select-ng__options.js';
 import SelectLazy from './select-ng__lazy.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import 'prop-types';
-import '@jetbrains/icons/chevron-10px';
+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 '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -24,7 +26,6 @@ import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
@@ -73,12 +74,7 @@ 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';
@@ -99,7 +95,6 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
   const types = {
     input: Select.Type.INPUT,
     button: Select.Type.BUTTON,
-    material: Select.Type.MATERIAL,
     dropdown: Select.Type.CUSTOM,
     suggest: Select.Type.INPUT
   };
@@ -482,6 +477,7 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
           notFoundMessage: ctrl.notFoundMessage || RingMessageBundle.select_options_not_found(),
           targetElement: getType() === 'dropdown' ? element : null,
           size: getSelectSize(),
+          height: ControlsHeight.S,
           onBeforeOpen: () => {
             resetMemorizedOptions();
             ctrl.loadOptionsToSelect(ctrl.query);

package/dist/select-ng/select-ng__lazy.js

@@ -5,13 +5,14 @@ import React from 'react';
 import { RerenderableSelect } from '../select/select.js';
 import 'classnames';
 import 'prop-types';
-import '@jetbrains/icons/chevron-10px';
+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 '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -20,8 +21,8 @@ import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -70,12 +71,7 @@ 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';
@@ -140,12 +136,12 @@ class SelectLazy {
     this.detachEvents();
 
     if (this.type === 'dropdown') {
-      this.ctrl.selectInstance = render(this.reactSelect, this.container); // In "dropdown" mode we don't click select itself, so need to force click handler
-
-      this.ctrl.selectInstance._clickHandler();
+      this.ctrl.selectInstance = render(this.reactSelect, this.container);
     } else {
       this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
     }
+
+    this.ctrl.selectInstance._openPopupIfClosed();
   }
 
 }

package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js

@@ -17,9 +17,9 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../button-ng/button-ng.js';
 import 'classnames';
-import '../global/theme.js';
-import 'react';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../promised-click-ng/promised-click-ng.js';

package/dist/sidebar-ng/sidebar-ng.js

@@ -15,9 +15,9 @@ import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import 'classnames';
-import '../global/theme.js';
-import 'react';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
 
 /**
  * @name Sidebar Ng

package/dist/storage/storage.js

@@ -19,15 +19,17 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.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 '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
 import '../alert/container.js';
 import 'deep-equal';
 

package/dist/storage/storage__local.js

@@ -17,15 +17,17 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.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 '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
 import '../alert/container.js';
 
 /**