@jetbrains/ring-ui-built 7.0.123-beta.0 → 7.0.124

package/README.md

@@ -13,10 +13,6 @@
 
 This collection of UI components aims to provide all the necessary building blocks for web-based products built inside JetBrains, as well as third-party plugins developed for JetBrains' products.
 
-## Guidance for coding agents
-
-The npm packages include [`skills/ring-ui/SKILL.md`](./skills/ring-ui/SKILL.md), which teaches coding agents to consume Ring UI through `@jetbrains/ring-ui-built` when composing complete pages, responsive layouts, forms, themes, and feedback. The same Skill files are published in both npm artifacts.
-
 ## Try now
 * Try the [codesandbox](https://codesandbox.io/p/sandbox/ring-ui-7-0-demo-z6v6ym), based on `create-react-app` tooling, to see and try the UI components
 * Check out [list of examples](https://jetbrains.github.io/ring-ui/master/index.html) for each component

package/components/_helpers/caption.js

@@ -2,7 +2,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var styles = {"button":"ring-button-button","buttonActive":"ring-button-active","flat":"ring-button-flat","buttonGroup":"ring-button-group-buttonGroup ring-button-group-common ring-button-toolbar-buttonGroup","common":"ring-button-group-common","disabled":"ring-button-group-disabled","split":"ring-button-group-split ring-button-group-common ring-button-toolbar-buttonGroup","caption":"ring-button-group-caption ring-global-font","help":"ring-button-group-help"};
+var styles = {"buttonClass":"ring-button-button","buttonActive":"ring-button-active","flat":"ring-button-flat","buttonGroup":"ring-button-group-buttonGroup ring-button-group-common ring-button-toolbar-buttonGroup","common":"ring-button-group-common","disabled":"ring-button-group-disabled","split":"ring-button-group-split ring-button-group-common ring-button-toolbar-buttonGroup","caption":"ring-button-group-caption ring-global-font","help":"ring-button-group-help"};
 
 class Caption extends PureComponent {
   render() {

package/components/_helpers/icon-svg.js

@@ -1,6 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
+import { getTrustedHTML } from '../global/configuration.js';
 import memoize from '../global/memoize.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -29,7 +30,7 @@ function extractSVGProps(svgNode) {
 }
 const getSVGFromSource = memoize(src => {
   const svgContainer = document.createElement('div');
-  svgContainer.innerHTML = src;
+  svgContainer.innerHTML = getTrustedHTML(src);
   const svg = svgContainer.firstElementChild;
   if (svg.remove) {
     svg.remove();
@@ -47,12 +48,12 @@ function isCompatibilityMode(iconSrc) {
   return !hasWidth || !hasHeight;
 }
 function IconSVG(t0) {
-  const $ = c(17);
-  if ($[0] !== "589684e7b2c66c1a9d7d75c160f4be9d89cef892961d29196549a421758ee7d6") {
-    for (let $i = 0; $i < 17; $i += 1) {
+  const $ = c(22);
+  if ($[0] !== "bf26c27ff55b147b08583c42b79feb34e781be59e7efb63612de3686dc81faab") {
+    for (let $i = 0; $i < 22; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "589684e7b2c66c1a9d7d75c160f4be9d89cef892961d29196549a421758ee7d6";
+    $[0] = "bf26c27ff55b147b08583c42b79feb34e781be59e7efb63612de3686dc81faab";
   }
   let className;
   let rest;
@@ -85,44 +86,58 @@ function IconSVG(t0) {
   }
   const glyphClasses = t1;
   let t2;
-  if ($[8] !== src) {
-    t2 = getSVGFromSource(src);
-    $[8] = src;
-    $[9] = t2;
+  let t3;
+  let t4;
+  let t5;
+  if ($[8] !== glyphClasses || $[9] !== rest || $[10] !== src) {
+    const {
+      props,
+      html
+    } = getSVGFromSource(src);
+    t3 = props;
+    t4 = rest;
+    t5 = glyphClasses;
+    t2 = getTrustedHTML(html);
+    $[8] = glyphClasses;
+    $[9] = rest;
+    $[10] = src;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
   } else {
-    t2 = $[9];
+    t2 = $[11];
+    t3 = $[12];
+    t4 = $[13];
+    t5 = $[14];
   }
-  const {
-    props,
-    html
-  } = t2;
-  let t3;
-  if ($[10] !== html) {
-    t3 = {
-      __html: html
+  let t6;
+  if ($[15] !== t2) {
+    t6 = {
+      __html: t2
     };
-    $[10] = html;
-    $[11] = t3;
+    $[15] = t2;
+    $[16] = t6;
   } else {
-    t3 = $[11];
+    t6 = $[16];
   }
-  let t4;
-  if ($[12] !== glyphClasses || $[13] !== props || $[14] !== rest || $[15] !== t3) {
-    t4 = /*#__PURE__*/jsx("svg", {
-      ...props,
-      ...rest,
-      className: glyphClasses,
-      dangerouslySetInnerHTML: t3
+  let t7;
+  if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6) {
+    t7 = /*#__PURE__*/jsx("svg", {
+      ...t3,
+      ...t4,
+      className: t5,
+      dangerouslySetInnerHTML: t6
     });
-    $[12] = glyphClasses;
-    $[13] = props;
-    $[14] = rest;
-    $[15] = t3;
-    $[16] = t4;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
   } else {
-    t4 = $[16];
+    t7 = $[21];
   }
-  return t4;
+  return t7;
 }
 var IconSVG$1 = /*#__PURE__*/memo(IconSVG);
 

package/components/alert/alert.js

@@ -20,12 +20,12 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../heading/heading.js';
 import '../_helpers/heading.js';

package/components/alert-service/alert-service.js

@@ -15,6 +15,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -24,7 +25,6 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

package/components/auth/auth-core.js

@@ -26,6 +26,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
@@ -36,7 +37,6 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

package/components/auth/auth.js

@@ -20,6 +20,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
@@ -30,7 +31,6 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

package/components/auth/down-notification.js

@@ -19,6 +19,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -28,7 +29,6 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

package/components/auth/storage.js

@@ -15,6 +15,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
@@ -25,7 +26,6 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

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

@@ -32,6 +32,7 @@ import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
@@ -54,7 +55,6 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';

package/components/banner/banner.js

@@ -13,6 +13,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
@@ -29,7 +30,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';

package/components/button/button.js

@@ -11,8 +11,8 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
-import '../global/memoize.js';
 import '../global/configuration.js';
+import '../global/memoize.js';
 
 const warnText = deprecate(() => {}, 'Button: "text" prop is deprecated and will be removed in 8.0. Use inline instead.');
 function removeLinkProps(props) {

package/components/button-toolbar/button-toolbar.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { jsx } from 'react/jsx-runtime';
 
-var styles = {"button":"ring-button-button","buttonToolbar":"ring-button-toolbar-buttonToolbar","buttonGroup":"ring-button-toolbar-buttonGroup","split":"ring-button-toolbar-split"};
+var styles = {"buttonClass":"ring-button-button","buttonToolbar":"ring-button-toolbar-buttonToolbar","buttonGroup":"ring-button-toolbar-buttonGroup","split":"ring-button-toolbar-split"};
 
 class ButtonToolbar extends PureComponent {
   render() {

package/components/checkbox/checkbox.js

@@ -11,6 +11,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import 'memoize-one';
 

package/components/clipboard/clipboard.js

@@ -15,6 +15,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
@@ -25,7 +26,6 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

package/components/collapsible-group/collapsible-group.js

@@ -11,6 +11,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../collapse/consts.js';
 import '../global/data-tests.js';

package/components/confirm-service/confirm-service.js

@@ -33,10 +33,10 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
-import '../global/configuration.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
 import '../popup/position.js';

package/components/contenteditable/contenteditable.js

@@ -1,6 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import { Component } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
+import { getTrustedHTML } from '../global/configuration.js';
 import { jsx } from 'react/jsx-runtime';
 
 function noop() {}
@@ -38,18 +39,18 @@ class ContentEditableBase extends Component {
       tabIndex: disabled ? undefined : tabIndex,
       contentEditable: !this.props.disabled,
       dangerouslySetInnerHTML: {
-        __html
+        __html: getTrustedHTML(__html)
       }
     });
   }
 }
 const ContentEditable = t0 => {
   const $ = c(9);
-  if ($[0] !== "a16faaa5b9814b3292a3bdccbd3ed2550092bea3ba98e71aa85f18aa005eb348") {
+  if ($[0] !== "519bd5d3c982a9dc3ea1661e2f5c619dfe9b6f54aba8af79cd253dbdccafd7d6") {
     for (let $i = 0; $i < 9; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "a16faaa5b9814b3292a3bdccbd3ed2550092bea3ba98e71aa85f18aa005eb348";
+    $[0] = "519bd5d3c982a9dc3ea1661e2f5c619dfe9b6f54aba8af79cd253dbdccafd7d6";
   }
   let children;
   let props;

package/components/data-list/data-list.js

@@ -33,9 +33,9 @@ import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';

package/components/data-list/data-list.mock.js

@@ -12,12 +12,12 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
 const items = [{

package/components/data-list/item.js

@@ -17,9 +17,9 @@ import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/compose-refs.js';

package/components/data-list/title.js

@@ -14,6 +14,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import '../global/data-tests.js';

package/components/date-picker/date-popup.js

@@ -25,9 +25,9 @@ import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../global/get-uid.js';
 import '../i18n/i18n-context.js';

package/components/dialog/dialog.js

@@ -32,10 +32,10 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';

package/components/dropdown/anchor.js

@@ -10,8 +10,8 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';

package/components/dropdown/dropdown.js

@@ -12,10 +12,10 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
 class Dropdown extends Component {

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

@@ -37,6 +37,7 @@ import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
@@ -53,7 +54,6 @@ import '../list/list-hint.js';
 import '../popup/popup.js';
 import 'react-dom';
 import '../tab-trap/tab-trap.js';
-import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';

package/components/editable-heading/editable-heading.js

@@ -16,10 +16,10 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '@jetbrains/icons/close-12px';
 import '../i18n/i18n-context.js';

package/components/error-message/error-message.js

@@ -7,6 +7,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 
 var styles = {"errorMessage":"ring-error-message-errorMessage","title":"ring-error-message-title","description":"ring-error-message-description","content":"ring-error-message-content","icon":"ring-error-message-icon"};

package/components/expand/collapsible-group.js

@@ -9,6 +9,7 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../collapse/collapse.js';
 import '../collapse/collapse-context.js';

package/components/global/configuration.d.ts

@@ -3,9 +3,14 @@ export declare enum ControlsHeight {
     M = "M",
     L = "L"
 }
+export interface RingUITrustedTypePolicy {
+    createHTML(html: string): TrustedHTML;
+}
 export interface RingUIConfiguration {
     controlsHeight?: ControlsHeight;
     popupsCssPositioning?: boolean;
+    trustedTypePolicy?: RingUITrustedTypePolicy | null;
 }
 export declare function configure(config: RingUIConfiguration): void;
 export declare function getConfiguration(): Required<RingUIConfiguration>;
+export declare function getTrustedHTML(html: string): string | TrustedHTML;

package/components/global/configuration.js

@@ -6,7 +6,8 @@ var ControlsHeight;
 })(ControlsHeight || (ControlsHeight = {}));
 const globalConfiguration = {
   controlsHeight: ControlsHeight.M,
-  popupsCssPositioning: true
+  popupsCssPositioning: true,
+  trustedTypePolicy: null
 };
 function configure(config) {
   if (config.controlsHeight !== undefined) {
@@ -15,11 +16,18 @@ function configure(config) {
   if (config.popupsCssPositioning !== undefined) {
     globalConfiguration.popupsCssPositioning = config.popupsCssPositioning;
   }
+  if (config.trustedTypePolicy !== undefined) {
+    globalConfiguration.trustedTypePolicy = config.trustedTypePolicy;
+  }
 }
 function getConfiguration() {
   return {
     ...globalConfiguration
   };
 }
+function getTrustedHTML(html) {
+  var _globalConfiguration$;
+  return (_globalConfiguration$ = globalConfiguration.trustedTypePolicy?.createHTML(html)) !== null && _globalConfiguration$ !== void 0 ? _globalConfiguration$ : html;
+}
 
-export { ControlsHeight, configure, getConfiguration };
+export { ControlsHeight, configure, getConfiguration, getTrustedHTML };

package/components/global/controls-height.js

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 import deprecate from 'util-deprecate';
-import { ControlsHeight, getConfiguration, configure } from './configuration.js';
+import { configure, ControlsHeight, getConfiguration } from './configuration.js';
 
 // This can be used if React Context is not applicable, for example for alertService or Auth dialog
 const configureGlobalControlsHeight = deprecate(value => {

package/components/header/header-icon.js

@@ -10,10 +10,10 @@ import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
 class HeaderIcon extends Component {

package/components/header/header.js

@@ -15,13 +15,13 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../avatar/avatar.js';
 import 'core-js/modules/es.array.includes.js';

package/components/header/logo.js

@@ -7,6 +7,7 @@ import { Size } from '../icon/icon.constants.js';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
 import 'react-compiler-runtime';
+import '../global/configuration.js';
 import '../global/memoize.js';
 
 class Logo extends PureComponent {

package/components/header/profile.js

@@ -23,9 +23,9 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/configuration.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';