@jetbrains/ring-ui-built 7.0.20 → 7.0.22

package/components/_helpers/list.js

@@ -1,3 +1,3 @@
-var styles = {"list":"list_rui_93ef","simpleInner":"simpleInner_rui_93ef","scrolling":"scrolling_rui_93ef","separator":"separator_rui_93ef","separator_first":"separator_first_rui_93ef","item":"item_rui_93ef","itemContainer":"itemContainer_rui_93ef","compact":"compact_rui_93ef","error":"error_rui_93ef","add":"add_rui_93ef","top":"top_rui_93ef","left":"left_rui_93ef","label":"label_rui_93ef","description":"description_rui_93ef","right":"right_rui_93ef","details":"details_rui_93ef","padded":"padded_rui_93ef","hint":"hint_rui_93ef","action":"action_rui_93ef","actionLink":"actionLink_rui_93ef","hover":"hover_rui_93ef","icon":"icon_rui_93ef","highlight":"highlight_rui_93ef","service":"service_rui_93ef","glyph":"glyph_rui_93ef","avatar":"avatar_rui_93ef glyph_rui_93ef","rightGlyph":"rightGlyph_rui_93ef glyph_rui_93ef","checkboxContainer":"checkboxContainer_rui_93ef","title":"title_rui_93ef","title_first":"title_first_rui_93ef","text":"text_rui_93ef","fade":"fade_rui_93ef","overscrollNone":"overscrollNone_rui_93ef","disabled":"disabled_rui_93ef"};
+var styles = {"list":"list_rui_93ef","simpleInner":"simpleInner_rui_93ef","scrolling":"scrolling_rui_93ef","separator":"separator_rui_93ef","separator_first":"separator_first_rui_93ef","item":"item_rui_93ef","itemContainer":"itemContainer_rui_93ef","compact":"compact_rui_93ef","add":"add_rui_93ef","top":"top_rui_93ef","left":"left_rui_93ef","label":"label_rui_93ef","description":"description_rui_93ef","right":"right_rui_93ef","details":"details_rui_93ef","padded":"padded_rui_93ef","hint":"hint_rui_93ef","action":"action_rui_93ef","actionLink":"actionLink_rui_93ef","hover":"hover_rui_93ef","icon":"icon_rui_93ef","highlight":"highlight_rui_93ef","service":"service_rui_93ef","glyph":"glyph_rui_93ef","avatar":"avatar_rui_93ef glyph_rui_93ef","rightGlyph":"rightGlyph_rui_93ef glyph_rui_93ef","checkboxContainer":"checkboxContainer_rui_93ef","title":"title_rui_93ef","title_first":"title_first_rui_93ef","text":"text_rui_93ef","fade":"fade_rui_93ef","overscrollNone":"overscrollNone_rui_93ef","disabled":"disabled_rui_93ef"};
 
 export { styles as s };

package/components/avatar/avatar.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/components/avatar/avatar.figma.js

@@ -0,0 +1,37 @@
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import figma from '@figma/code-connect';
+import Avatar, { Size } from './avatar.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
+import 'classnames';
+import 'util-deprecate';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.js';
+import '../global/memoize.js';
+import './fallback-avatar.js';
+import '../global/get-uid.js';
+
+figma.connect(Avatar, 'https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?m=auto&node-id=5990-522&t=v8bItK8qotmnbysK-1', {
+  props: {
+    round: figma.boolean('Round'),
+    size: figma.enum('Size', {
+      '20 px': Size.Size20,
+      '24 px': Size.Size24,
+      '28 px': Size.Size28,
+      '32 px': Size.Size32,
+      '40px': Size.Size40,
+      '56px': Size.Size56
+    }),
+    username: figma.enum('Content', {
+      name: 'Samuel Morse'
+    }),
+    url: figma.enum('Content', {
+      'color/image': 'avatar.png'
+    })
+  },
+  example: props => jsx(Avatar, _objectSpread2({}, props)),
+  imports: ['import Avatar, {Size} from "@jetbrains/ring-ui/components/avatar/avatar"']
+});

package/components/avatar-stack/avatar-stack.js

@@ -30,6 +30,8 @@ import '../list/list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
@@ -48,7 +50,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';

package/components/dropdown-menu/dropdown-menu.js

@@ -32,6 +32,8 @@ import '../list/list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
@@ -51,7 +53,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/header/header.js

@@ -57,6 +57,8 @@ import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
@@ -69,7 +71,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';

package/components/header/profile.js

@@ -45,6 +45,8 @@ import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
@@ -57,7 +59,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../dropdown/dropdown.js';
 import '../_helpers/anchor.js';
 import '../popup/popup.js';

package/components/header/smart-profile.js

@@ -66,6 +66,8 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
@@ -78,7 +80,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';

package/components/list/list.js

@@ -34,6 +34,7 @@ import 'sniffr';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import './list__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import 'core-js/modules/es.string.replace.js';

package/components/list/list__classes.d.ts

@@ -0,0 +1,2 @@
+import { ListDataItemProps } from './consts';
+export declare function getListClasses<T = unknown>({ className, disabled, hover, compact, scrolling, rgItemType, }: Readonly<ListDataItemProps<T>>): string;

package/components/list/list__classes.js

@@ -0,0 +1,26 @@
+import classNames from 'classnames';
+import { Type } from './consts.js';
+import { s as styles } from '../_helpers/list.js';
+
+var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_8bff","font":"font_rui_8bff","font-lower":"font-lower_rui_8bff font_rui_8bff","font-smaller":"font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-smaller-lower":"font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger-lower":"font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger":"font-larger_rui_8bff font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","thin-font":"thin-font_rui_8bff","monospace-font":"monospace-font_rui_8bff","ellipsis":"ellipsis_rui_8bff","resetButton":"resetButton_rui_8bff"};
+
+function getListClasses(_ref) {
+  let {
+    className,
+    disabled,
+    hover,
+    compact,
+    scrolling,
+    rgItemType
+  } = _ref;
+  return classNames(styles.item, globalStyles.resetButton, className, {
+    [styles.action]: !disabled,
+    [styles.actionLink]: !disabled && rgItemType === Type.LINK,
+    [styles.hover]: hover && !disabled,
+    [styles.compact]: compact,
+    [styles.scrolling]: scrolling,
+    [styles.disabled]: disabled
+  });
+}
+
+export { getListClasses };

package/components/list/list__custom.js

@@ -1,13 +1,14 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
-import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
-import { s as styles } from '../_helpers/list.js';
+import { getListClasses } from './list__classes.js';
+import 'classnames';
+import './consts.js';
+import '../_helpers/list.js';
 
-const _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
 class ListCustom extends PureComponent {
   constructor() {
     super(...arguments);
@@ -19,31 +20,20 @@ class ListCustom extends PureComponent {
     });
   }
   render() {
-    const _this$props = this.props,
-      {
-        scrolling,
-        hover,
-        className,
-        disabled,
-        template,
-        rgItemType,
-        tabIndex,
-        onClick,
-        onCheckboxChange,
-        onMouseOver,
-        onMouseUp,
-        role,
-        tagName
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(styles.item, className, {
-      [styles.action]: !disabled,
-      [styles.hover]: hover && !disabled,
-      [styles.scrolling]: scrolling
-    });
+    const {
+      disabled,
+      template,
+      tabIndex,
+      onClick,
+      onMouseOver,
+      onMouseUp,
+      role,
+      tagName
+    } = this.props;
+    const classes = getListClasses(this.props);
     const dataTest = joinDataTestAttributes('ring-list-item-custom', {
       'ring-list-item-action': !disabled
-    }, restProps['data-test']);
+    }, this.props['data-test']);
     const content = typeof template === 'function' ? template(this.props) : template;
     const TagName = tagName || 'span';
     return jsx(TagName, {

package/components/list/list__item.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -10,6 +10,7 @@ import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import { s as styles } from '../_helpers/list.js';
+import { getListClasses } from './list__classes.js';
 import 'util-deprecate';
 import '../global/url.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -24,10 +25,8 @@ import 'memoize-one';
 import '../control-help/control-help.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
+import './consts.js';
 
-var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_8bff","font":"font_rui_8bff","font-lower":"font-lower_rui_8bff font_rui_8bff","font-smaller":"font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-smaller-lower":"font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger-lower":"font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger":"font-larger_rui_8bff font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","thin-font":"thin-font_rui_8bff","monospace-font":"monospace-font_rui_8bff","ellipsis":"ellipsis_rui_8bff","resetButton":"resetButton_rui_8bff"};
-
-const _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
 /**
  * @constructor
  * @extends {ReactComponent}
@@ -43,49 +42,37 @@ class ListItem extends PureComponent {
     _defineProperty(this, "_isString", val => typeof val === 'string' || val instanceof String);
   }
   render() {
-    const _this$props = this.props,
-      {
-        scrolling,
-        className,
-        disabled,
-        checkbox,
-        avatar,
-        subavatar,
-        glyph,
-        icon,
-        rightGlyph,
-        description,
-        label,
-        title,
-        details,
-        hover,
-        rgItemType,
-        level,
-        tabIndex,
-        compact,
-        onClick,
-        onCheckboxChange,
-        onMouseOver,
-        onMouseDown,
-        onMouseUp,
-        rightNodes,
-        leftNodes,
-        showGeneratedAvatar,
-        username,
-        labelWrapper
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      disabled,
+      checkbox,
+      avatar,
+      subavatar,
+      glyph,
+      icon,
+      rightGlyph,
+      description,
+      label,
+      title,
+      details,
+      hover,
+      level,
+      tabIndex,
+      onClick,
+      onCheckboxChange,
+      onMouseOver,
+      onMouseDown,
+      onMouseUp,
+      rightNodes,
+      leftNodes,
+      showGeneratedAvatar,
+      username,
+      labelWrapper
+    } = this.props;
     const checkable = checkbox !== undefined;
     const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
     const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
     const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
-    const classes = classNames(styles.item, globalStyles.resetButton, className, {
-      [styles.action]: !disabled,
-      [styles.hover]: hover && !disabled,
-      [styles.compact]: compact,
-      [styles.scrolling]: scrolling,
-      [styles.disabled]: disabled
-    });
+    const classes = getListClasses(this.props);
     const detailsClasses = classNames({
       [styles.details]: details,
       [styles.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
@@ -103,10 +90,10 @@ class ListItem extends PureComponent {
       computedTitle = this._isString(label) ? label : '';
     }
     const dataTest = joinDataTestAttributes({
-      'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
+      'ring-list-item': (this.props['data-test'] || '').indexOf('ring-list-item') === -1,
       'ring-list-item-action': !disabled,
       'ring-list-item-selected': checkbox
-    }, restProps['data-test']);
+    }, this.props['data-test']);
     const labelElement = jsx("span", {
       className: styles.label,
       title: computedTitle,

package/components/list/list__link.js

@@ -2,13 +2,15 @@ import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/
 import 'core-js/modules/es.symbol.description.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
-import classNames from 'classnames';
 import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { s as styles } from '../_helpers/list.js';
+import { getListClasses } from './list__classes.js';
+import 'classnames';
 import '../link/clickableLink.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/link.js';
+import './consts.js';
+import '../_helpers/list.js';
 
 const _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
 /**
@@ -35,16 +37,11 @@ class ListLink extends PureComponent {
         children
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(styles.item, className, {
-      [styles.actionLink]: !disabled,
-      [styles.compact]: compact,
-      [styles.scrolling]: scrolling
-    });
+    const classes = getListClasses(this.props);
     const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
     return jsx(Comp, _objectSpread2(_objectSpread2({
       pseudo: !this.props.href
     }, restProps), {}, {
-      hover: hover && !disabled,
       className: classes,
       "data-test": joinDataTestAttributes('ring-list-link', dataTest),
       children: label !== null && label !== undefined ? label : children

package/components/list/list__users-groups-source.js

@@ -31,6 +31,8 @@ import './list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import './list__classes.js';
+import './consts.js';
 import '../_helpers/list.js';
 import './list__item.js';
 import '../avatar/avatar.js';
@@ -50,7 +52,6 @@ import '../global/get-event-key.js';
 import './list__title.js';
 import './list__separator.js';
 import './list__hint.js';
-import './consts.js';
 
 const defaultOptions = {
   GroupsTitle: 'Groups',

package/components/pager/pager.js

@@ -60,6 +60,8 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../_helpers/link.js';
 import '../list/list__item.js';
@@ -72,7 +74,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';

package/components/popup-menu/popup-menu.js

@@ -36,6 +36,8 @@ import '../list/list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
@@ -54,7 +56,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 
 const _excluded = ["className"];
 /**

package/components/query-assist/query-assist.js

@@ -48,6 +48,8 @@ import '../list/list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
@@ -58,18 +60,17 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../_helpers/button__classes.js';

package/components/query-assist/query-assist__suggestions.js

@@ -29,6 +29,8 @@ import '../list/list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
@@ -48,4 +50,3 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';

package/components/select/select.js

@@ -59,6 +59,8 @@ import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
@@ -70,7 +72,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../i18n/i18n.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';

package/components/select/select__filter.js

@@ -44,6 +44,8 @@ import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
@@ -57,5 +59,4 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../i18n/i18n.js';

package/components/select/select__popup.js

@@ -45,6 +45,8 @@ import '../list/list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import '../list/list__classes.js';
+import '../list/consts.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
@@ -59,7 +61,6 @@ import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
-import '../list/consts.js';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';