@jetbrains/ring-ui-built 7.0.0-beta.8 → 7.0.0

package/components/tabs/dumb-tabs.js

@@ -5,11 +5,10 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_02138f4a, T as TabLink } from '../_helpers/tab-link.js';
+import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
@@ -95,8 +94,8 @@ class Tabs extends PureComponent {
       } = child.props;
       const key = id || String(i);
       const isSelected = key === selected;
-      const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
-        [modules_02138f4a.selected]: isSelected
+      const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
+        [styles.selected]: isSelected
       });
       return /*#__PURE__*/jsx(TabLink, _objectSpread2({
         title: title,
@@ -119,7 +118,7 @@ class Tabs extends PureComponent {
         'data-test': dataTest
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_02138f4a.tabs, className);
+    const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return /*#__PURE__*/jsxs("div", {
       className: classes,
@@ -129,7 +128,7 @@ class Tabs extends PureComponent {
         selected: selected,
         children: childrenArray
       })) : /*#__PURE__*/jsx("div", {
-        className: modules_02138f4a.titles,
+        className: styles.titles,
         children: childrenArray.map(this.getTabTitle)
       }), /*#__PURE__*/jsx("div", {
         className: classNames(tabContainerClassName),

package/components/tabs/smart-tabs.js

@@ -3,7 +3,6 @@ import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import '../global/memoize.js';

package/components/tabs/tab-link.js

@@ -5,7 +5,6 @@ export { T as default } from '../_helpers/tab-link.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/components/tabs/tab.js

@@ -2,7 +2,6 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Tab extends PureComponent {

package/components/tabs/tabs.js

@@ -8,7 +8,6 @@ import 'react';
 import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../_helpers/tab-link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';

package/components/tag/tag.d.ts

@@ -7,7 +7,7 @@ export interface TagRenderProps extends HTMLAttributes<HTMLElement> {
     'data-test': string;
 }
 export interface TagProps {
-    onRemove: (event: React.MouseEvent<HTMLElement>) => void;
+    onRemove?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     readOnly: boolean;
     disabled: boolean;

package/components/tag/tag.js

@@ -17,7 +17,7 @@ import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
+var styles = {"tag":"tag_rui_5765 resetButton_rui_f295","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
 
 class Tag extends PureComponent {
   constructor() {
@@ -65,7 +65,7 @@ class Tag extends PureComponent {
   renderCustomIcon() {
     if (this.props.rgTagIcon) {
       return /*#__PURE__*/jsx(Icon, {
-        className: modules_2f9be069.icon,
+        className: styles.icon,
         title: this.props.rgTagTitle,
         glyph: this.props.rgTagIcon
       });
@@ -74,8 +74,8 @@ class Tag extends PureComponent {
   }
   _renderImageElement(avatarSrc) {
     const classes = classNames({
-      [modules_2f9be069.customIcon]: this.props.icon,
-      [modules_2f9be069.avatarIcon]: avatarSrc
+      [styles.customIcon]: this.props.icon,
+      [styles.avatarIcon]: avatarSrc
     });
     return /*#__PURE__*/jsx("img", {
       alt: avatarSrc ? 'Avatar' : 'Icon',
@@ -92,20 +92,20 @@ class Tag extends PureComponent {
   renderAvatar() {
     if (this.props.avatar) {
       return /*#__PURE__*/jsx("span", {
-        className: modules_2f9be069.avatarContainer,
+        className: styles.avatarContainer,
         children: this._renderImageElement(this.props.avatar)
       });
     }
     return null;
   }
   renderRemoveIcon() {
-    if (!this.props.readOnly) {
+    if (!this.props.readOnly && this.props.onRemove) {
       return /*#__PURE__*/jsx(Button, {
         title: "Remove",
         icon: closeIcon,
         "data-test": "ring-tag-remove",
-        className: modules_2f9be069.remove,
-        iconClassName: modules_2f9be069.removeIcon,
+        className: styles.remove,
+        iconClassName: styles.removeIcon,
         onClick: this.props.onRemove,
         style: {
           '--ring-icon-secondary-color': this.props.textColor
@@ -116,10 +116,10 @@ class Tag extends PureComponent {
     return null;
   }
   render() {
-    const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-      [modules_2f9be069.focused]: this.state.focused,
-      [modules_2f9be069.disabled]: this.props.disabled,
-      [modules_2f9be069.withRemove]: !this.props.readOnly
+    const classes = classNames('ring-js-shortcuts', styles.tag, {
+      [styles.focused]: this.state.focused,
+      [styles.disabled]: this.props.disabled,
+      [styles.withRemove]: !this.props.readOnly && this.props.onRemove
     }, this.props.className);
     const {
       backgroundColor,
@@ -127,7 +127,7 @@ class Tag extends PureComponent {
       render
     } = this.props;
     return /*#__PURE__*/jsxs("span", {
-      className: modules_2f9be069.container,
+      className: styles.container,
       children: [render({
         'data-test': 'ring-tag',
         className: classes,
@@ -140,7 +140,7 @@ class Tag extends PureComponent {
         disabled: this.props.disabled,
         children: /*#__PURE__*/jsxs(Fragment, {
           children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
-            className: modules_2f9be069.content,
+            className: styles.content,
             children: this.props.children
           })]
         })
@@ -149,7 +149,6 @@ class Tag extends PureComponent {
   }
 }
 _defineProperty(Tag, "defaultProps", {
-  onRemove: () => {},
   onClick: () => {},
   readOnly: false,
   disabled: false,

package/components/tags-input/tags-input.js

@@ -8,12 +8,11 @@ import TagsList from '../tags-list/tags-list.js';
 import Caret from '../caret/caret.js';
 import memoize from '../global/memoize.js';
 import rerenderHOC from '../global/rerender-hoc.js';
-import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import getUID from '../global/get-uid.js';
 import { ControlLabel } from '../control-label/control-label.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.trim.js';
@@ -83,7 +82,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","light":"light_rui_2ac4","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
+var styles = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
 
 function noop() {}
 /**
@@ -338,9 +337,9 @@ class TagsInput extends PureComponent {
       height = this.context,
       label
     } = this.props;
-    const classes = classNames(modules_5aa8aaf3.tagsInput, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
-      [modules_5aa8aaf3.tagsInputDisabled]: disabled,
-      [modules_5aa8aaf3.tagsInputFocused]: focused
+    const classes = classNames(styles.tagsInput, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {
+      [styles.tagsInputDisabled]: disabled,
+      [styles.tagsInputFocused]: focused
     }, this.props.className);
     return /*#__PURE__*/jsxs("div", {
       // it transfers focus to input
@@ -360,8 +359,8 @@ class TagsInput extends PureComponent {
         disabled: disabled,
         canNotBeEmpty: canNotBeEmpty,
         handleRemove: this.handleRemove,
-        className: modules_5aa8aaf3.tagsList,
-        tagClassName: modules_5aa8aaf3.tag,
+        className: styles.tagsList,
+        tagClassName: styles.tag,
         handleClick: this.handleClick,
         customTagComponent: this.props.customTagComponent,
         children: /*#__PURE__*/jsx(Select, {
@@ -371,7 +370,7 @@ class TagsInput extends PureComponent {
           type: Select.Type.INPUT_WITHOUT_CONTROLS,
           inputPlaceholder: this.props.placeholder,
           data: this.state.suggestions,
-          className: classNames(modules_5aa8aaf3.tagsSelect),
+          className: classNames(styles.tagsSelect),
           onSelect: this.addTag,
           onFocus: this._focusHandler,
           onBlur: this._blurHandler,

package/components/tags-list/tags-list.d.ts

@@ -24,8 +24,8 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
         customTagComponent: null;
         canNotBeEmpty: boolean;
         disabled: boolean;
-        handleClick: typeof noop;
-        handleRemove: typeof noop;
+        handleClick: () => typeof noop;
+        handleRemove: () => typeof noop;
     };
     renderTag(tag: T, focusTag: boolean): React.JSX.Element;
     render(): React.JSX.Element;

package/components/tags-list/tags-list.js

@@ -68,8 +68,8 @@ _defineProperty(TagsList, "defaultProps", {
   customTagComponent: null,
   canNotBeEmpty: false,
   disabled: false,
-  handleClick: noop,
-  handleRemove: noop
+  handleClick: () => noop,
+  handleRemove: () => noop
 });
 
 export { TagsList as default };

package/components/text/text.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
+var styles = {"text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
 
 const _excluded = ["children", "className", "info", "size", "bold"];
 const TextSize = {
@@ -25,12 +25,12 @@ class Text extends Component {
         bold
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info,
-      [modules_78d1bce6.bold]: bold,
-      [modules_78d1bce6.sizeS]: size === Text.Size.S,
-      [modules_78d1bce6.sizeM]: size === Text.Size.M,
-      [modules_78d1bce6.sizeL]: size === Text.Size.L
+    const classes = classNames(styles.text, className, {
+      [styles.info]: info,
+      [styles.bold]: bold,
+      [styles.sizeS]: size === Text.Size.S,
+      [styles.sizeM]: size === Text.Size.M,
+      [styles.sizeL]: size === Text.Size.L
     });
     return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
       className: classes

package/components/toggle/toggle.d.ts

@@ -5,8 +5,8 @@ export declare const Size: {
     Size20: string;
 };
 /**
-  * @name Toggle
-  */
+ * @name Toggle
+ */
 export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     size: string;
     leftLabel?: ReactNode;

package/components/toggle/toggle.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
+var styles = {"toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
 
 const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
 const Size = {
-  Size14: modules_331c5aa7.size14,
-  Size16: modules_331c5aa7.size16,
-  Size20: modules_331c5aa7.size20
+  Size14: styles.size14,
+  Size16: styles.size16,
+  Size20: styles.size20
 };
 class Toggle extends PureComponent {
   render() {
@@ -30,33 +29,33 @@ class Toggle extends PureComponent {
         onTransitionEnd
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
+    const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
     return /*#__PURE__*/jsxs("label", {
       className: classes,
       title: title,
       "data-test": joinDataTestAttributes('ring-toggle', dataTest),
       children: [leftLabel && /*#__PURE__*/jsxs("span", {
-        className: modules_331c5aa7.leftLabel,
+        className: styles.leftLabel,
         children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
-          className: modules_331c5aa7.help,
+          className: styles.help,
           children: help
         })]
       }), /*#__PURE__*/jsxs("span", {
-        className: modules_331c5aa7.switchWrapper,
+        className: styles.switchWrapper,
         children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
           "data-test": "ring-toggle-input"
         }, restProps), {}, {
           type: "checkbox",
           disabled: disabled,
-          className: modules_331c5aa7.input
+          className: styles.input
         })), /*#__PURE__*/jsx("span", {
-          className: modules_331c5aa7.switch,
+          className: styles.switch,
           onTransitionEnd: onTransitionEnd
         })]
       }), children && /*#__PURE__*/jsxs("div", {
-        className: modules_331c5aa7.label,
+        className: styles.label,
         children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
-          className: modules_331c5aa7.help,
+          className: styles.help,
           children: help
         })]
       })]

package/components/tooltip/tooltip.d.ts

@@ -1,7 +1,8 @@
-import { AllHTMLAttributes, Component, ReactNode } from 'react';
 import * as React from 'react';
+import { AllHTMLAttributes, Component, ReactNode } from 'react';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Listeners } from '../global/dom';
+import Theme from '../global/theme';
 interface Context {
     onNestedTooltipShow: () => void;
     onNestedTooltipHide: () => void;
@@ -12,6 +13,7 @@ export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, '
     selfOverflowOnly?: boolean | null | undefined;
     popupProps?: Partial<PopupAttrs> | null | undefined;
     title?: ReactNode | null | undefined;
+    theme?: Theme;
     'data-test'?: string | null | undefined;
     long?: boolean | null | undefined;
 }
@@ -22,6 +24,7 @@ export default class Tooltip extends Component<TooltipProps> {
     static defaultProps: {
         title: string;
         selfOverflowOnly: boolean;
+        theme: Theme;
         popupProps: {};
     };
     state: {

package/components/tooltip/tooltip.js

@@ -6,6 +6,7 @@ import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -21,11 +22,10 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
-import 'core-js/modules/es.array.reduce.js';
 
-var modules_cd5e45a9 = {"light":"light_rui_2ac4","tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
+var styles = {"tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
 
-const _excluded = ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps", "long"];
+const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
 const scheduleScroll = scheduleRAF();
 const TooltipContext = /*#__PURE__*/createContext(undefined);
 /**
@@ -125,8 +125,14 @@ class Tooltip extends Component {
   }
   addListeners() {
     if (this.containerNode != null) {
-      this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
-      this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
+      this.listeners.add(this.containerNode, 'mouseenter', this.tryToShowPopup);
+      this.listeners.add(this.containerNode, 'mouseleave', ev => {
+        var _this$popup;
+        if (ev.relatedTarget && (_this$popup = this.popup) !== null && _this$popup !== void 0 && (_this$popup = _this$popup.container) !== null && _this$popup !== void 0 && _this$popup.contains(ev.relatedTarget)) {
+          return;
+        }
+        this.hidePopup();
+      });
     }
     this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
       passive: true
@@ -139,6 +145,7 @@ class Tooltip extends Component {
         'data-test': dataTest,
         title,
         delay,
+        theme,
         selfOverflowOnly,
         popupProps,
         long
@@ -161,21 +168,28 @@ class Tooltip extends Component {
         ref: this.containerRef,
         "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
         "data-test-title": typeof title === 'string' ? title : undefined,
-        children: [children, /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
-          trapFocus: false,
-          hidden: !this.state.showPopup || this.state.showNestedPopup,
-          onCloseAttempt: this.hidePopup,
-          maxHeight: 400,
-          className: classNames(modules_cd5e45a9.tooltip, {
-            [modules_cd5e45a9.long]: long
-          }),
-          attached: false,
-          top: 4,
-          dontCloseOnAnchorClick: true,
-          ref: this.popupRef
-        }, popupProps), {}, {
-          children: title
-        }))]
+        children: [children, /*#__PURE__*/jsx(ThemeProvider, {
+          theme: theme,
+          passToPopups: true,
+          WrapperComponent: props => /*#__PURE__*/jsx("span", _objectSpread2({}, props)),
+          children: /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+            trapFocus: false,
+            anchorElement: this.containerNode,
+            hidden: !this.state.showPopup || this.state.showNestedPopup,
+            onCloseAttempt: this.hidePopup,
+            maxHeight: 400,
+            className: classNames(styles.tooltip, {
+              [styles.long]: long
+            }),
+            attached: false,
+            onMouseOut: this.hidePopup,
+            top: 4,
+            dontCloseOnAnchorClick: true,
+            ref: this.popupRef
+          }, popupProps), {}, {
+            children: title
+          }))
+        })]
       }))
     });
   }
@@ -183,6 +197,7 @@ class Tooltip extends Component {
 _defineProperty(Tooltip, "defaultProps", {
   title: '',
   selfOverflowOnly: false,
+  theme: Theme.DARK,
   popupProps: {}
 });
 _defineProperty(Tooltip, "PopupProps", Popup.PopupProps);

package/components/user-agreement/service.js

@@ -15,7 +15,6 @@ import 'react';
 import 'react-dom';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/exception';
@@ -260,7 +259,7 @@ class UserAgreementService {
             translations,
             preview
           }, restOptions);
-          _this.reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+          _this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
             value: getGlobalControlsHeight(),
             children: /*#__PURE__*/jsx(UserAgreement, _objectSpread2({}, props))
           }));

package/components/user-agreement/user-agreement.js

@@ -3,8 +3,8 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Dialog from '../dialog/dialog.js';
-import 'core-js/modules/es.array.reduce.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import '../_helpers/island.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import Panel from '../panel/panel.js';
@@ -16,7 +16,6 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -43,7 +42,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../i18n/i18n.js';
 
-var modules_f5ed85cf = {"extra-small-screen-media":"i__const_extra_small_screen_media_0","light":"light_rui_2ac4","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
+var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
 
 function noop() {}
 /**
@@ -83,8 +82,8 @@ class UserAgreement extends PureComponent {
         return /*#__PURE__*/jsxs(Dialog, {
           label: (_translations$userAgr = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
           show: show,
-          className: classNames(modules_f5ed85cf.agreementDialog, className),
-          contentClassName: modules_f5ed85cf.dialogContent,
+          className: classNames(style.agreementDialog, className),
+          contentClassName: style.dialogContent,
           trapFocus: true,
           autoFocusFirst: false,
           "data-test": "user-agreement",
@@ -96,7 +95,7 @@ class UserAgreement extends PureComponent {
             children: children
           }), !preview && /*#__PURE__*/jsxs(Panel, {
             children: [onRemindLater && !scrolledDown && /*#__PURE__*/jsx("div", {
-              className: modules_f5ed85cf.suggestion,
+              className: style.suggestion,
               children: (_translations$scrollT = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')
             }), /*#__PURE__*/jsx(Button, {
               primary: true,
@@ -110,10 +109,10 @@ class UserAgreement extends PureComponent {
               "data-test": "decline",
               children: (_translations$decline = translations === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')
             }), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
-              className: modules_f5ed85cf.suggestion,
+              className: style.suggestion,
               children: (_translations$scrollT2 = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
             }), onRemindLater && /*#__PURE__*/jsx(Button, {
-              className: modules_f5ed85cf.remindLaterButton,
+              className: style.remindLaterButton,
               onClick: onRemindLater,
               "data-test": "later",
               children: (_translations$remindL = translations === null || translations === void 0 ? void 0 : translations.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater')

package/components/user-card/card.js

@@ -6,9 +6,10 @@ import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
 import '../link/link.js';
 import '../clipboard/clipboard.js';
-import '../_helpers/badge.js';
+import '../tag/tag.js';
 import '../icon/icon.js';
 import '../i18n/i18n-context.js';
+import '../tooltip/tooltip.js';
 export { U as default } from '../_helpers/card.js';
 import 'react/jsx-runtime';
 import '../icon/icon__constants.js';
@@ -19,7 +20,6 @@ import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../alert-service/alert-service.js';
@@ -53,4 +53,5 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
+import '@jetbrains/icons/close-12px';
 import '../i18n/i18n.js';

package/components/user-card/smart-user-card-tooltip.js

@@ -3,11 +3,10 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import UserCardTooltip from './tooltip.js';
-import { m as modules_a4196c17 } from '../_helpers/card.js';
+import { s as styles } from '../_helpers/card.js';
 import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -56,9 +55,11 @@ import '@jetbrains/icons/close';
 import '../_helpers/theme.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
-import '../_helpers/badge.js';
+import '../tag/tag.js';
+import '@jetbrains/icons/close-12px';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
+import '../tooltip/tooltip.js';
 
 const _excluded = ["children", "userDataSource"];
 class SmartUserCardTooltip extends Component {
@@ -89,7 +90,7 @@ class SmartUserCardTooltip extends Component {
       }
     });
     _defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/jsx("div", {
-      className: modules_a4196c17.userCardSpaced,
+      className: styles.userCardSpaced,
       children: /*#__PURE__*/jsx(LoaderInline, {})
     }) : '');
   }