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

package/dist/_helpers/island.js

@@ -1,3 +1,3 @@
-var modules_e6a056e1 = {"unit":"8px","gradientStart":"hsla(0,0%,100%,0)","gradientStop":"var(--ring-content-background-color)","island":"island_rui_4b34","withTransparentBottomBorder":"withTransparentBottomBorder_rui_4b34","header":"header_rui_4b34 withTransparentBottomBorder_rui_4b34","withBottomBorder":"withBottomBorder_rui_4b34","title":"title_rui_4b34","narrowIsland":"narrowIsland_rui_4b34","content":"content_rui_4b34","scrollableWrapper":"scrollableWrapper_rui_4b34","withoutPaddings":"withoutPaddings_rui_4b34","contentWithTopFade":"contentWithTopFade_rui_4b34","contentWithBottomFade":"contentWithBottomFade_rui_4b34"};
+var modules_e6a056e1 = {"unit":"8px","gradientStart":"hsla(0,0%,100%,0)","gradientStop":"var(--ring-content-background-color)","island":"island_rui_9c2e","withTransparentBottomBorder":"withTransparentBottomBorder_rui_9c2e","header":"header_rui_9c2e","withBottomBorder":"withBottomBorder_rui_9c2e","title":"title_rui_9c2e","narrowIsland":"narrowIsland_rui_9c2e","content":"content_rui_9c2e","scrollableWrapper":"scrollableWrapper_rui_9c2e","withoutPaddings":"withoutPaddings_rui_9c2e","contentWithTopFade":"contentWithTopFade_rui_9c2e","contentWithBottomFade":"contentWithBottomFade_rui_9c2e"};
 
 export { modules_e6a056e1 as m };

package/dist/_helpers/link.js

@@ -1,3 +1,3 @@
-var modules_607b0772 = {"link":"link_rui_31b6 link_rui_9b21","hover":"hover_rui_31b6","inner":"inner_rui_31b6","active":"active_rui_31b6","compatibilityUnderlineMode":"compatibilityUnderlineMode_rui_31b6","pseudo":"pseudo_rui_31b6","text":"text_rui_31b6","inherit":"inherit_rui_31b6"};
+var modules_607b0772 = {"link":"link_rui_d7ae link_rui_2a81","hover":"hover_rui_d7ae","inner":"inner_rui_d7ae","active":"active_rui_d7ae","compatibilityUnderlineMode":"compatibilityUnderlineMode_rui_d7ae","pseudo":"pseudo_rui_d7ae","text":"text_rui_d7ae","inherit":"inherit_rui_d7ae"};
 
 export { modules_607b0772 as m };

package/dist/_helpers/list.js

@@ -1,3 +1,3 @@
-var modules_3b67a421 = {"unit":"8px","listSpacing":"8px","list":"list_rui_0e40","simpleInner":"simpleInner_rui_0e40","scrolling":"scrolling_rui_0e40","separator":"separator_rui_0e40","separator_first":"separator_first_rui_0e40","item":"item_rui_0e40","itemContainer":"itemContainer_rui_0e40","compact":"compact_rui_0e40","error":"error_rui_0e40","add":"add_rui_0e40","top":"top_rui_0e40","left":"left_rui_0e40","label":"label_rui_0e40","description":"description_rui_0e40","right":"right_rui_0e40","details":"details_rui_0e40","padded":"padded_rui_0e40","hint":"hint_rui_0e40","action":"action_rui_0e40","actionLink":"actionLink_rui_0e40","hover":"hover_rui_0e40","icon":"icon_rui_0e40","highlight":"highlight_rui_0e40","service":"service_rui_0e40","glyph":"glyph_rui_0e40","avatar":"avatar_rui_0e40 glyph_rui_0e40","rightGlyph":"rightGlyph_rui_0e40 glyph_rui_0e40","checkboxContainer":"checkboxContainer_rui_0e40","title":"title_rui_0e40","title_first":"title_first_rui_0e40","text":"text_rui_0e40","fade":"fade_rui_0e40","disabled":"disabled_rui_0e40"};
+var modules_3b67a421 = {"unit":"8px","listSpacing":"8px","list":"list_rui_a642","simpleInner":"simpleInner_rui_a642","scrolling":"scrolling_rui_a642","separator":"separator_rui_a642","separator_first":"separator_first_rui_a642","item":"item_rui_a642","itemContainer":"itemContainer_rui_a642","compact":"compact_rui_a642","error":"error_rui_a642","add":"add_rui_a642","top":"top_rui_a642","left":"left_rui_a642","label":"label_rui_a642","description":"description_rui_a642","right":"right_rui_a642","details":"details_rui_a642","padded":"padded_rui_a642","hint":"hint_rui_a642","action":"action_rui_a642","actionLink":"actionLink_rui_a642","hover":"hover_rui_a642","icon":"icon_rui_a642","highlight":"highlight_rui_a642","service":"service_rui_a642","glyph":"glyph_rui_a642","avatar":"avatar_rui_a642 glyph_rui_a642","rightGlyph":"rightGlyph_rui_a642 glyph_rui_a642","checkboxContainer":"checkboxContainer_rui_a642","title":"title_rui_a642","title_first":"title_first_rui_a642","text":"text_rui_a642","fade":"fade_rui_a642","disabled":"disabled_rui_a642"};
 
 export { modules_3b67a421 as m };

package/dist/_helpers/loader-inline.js

@@ -0,0 +1,3 @@
+var modules_e49a3529 = {"dark":"dark_rui_4ecf","unit":"8px","loader":"loader_rui_91ce","spin":"spin_rui_91ce","pulse":"pulse_rui_91ce","children":"children_rui_91ce"};
+
+export { modules_e49a3529 as m };

package/dist/_helpers/loader-screen.js

@@ -1,3 +1,3 @@
-var modules_122a82e9 = {"loaderScreen":"loaderScreen_rui_cf3c","loader":"loader_rui_cf3c","loaderWithoutSpacing":"loaderWithoutSpacing_rui_cf3c"};
+var modules_122a82e9 = {"loaderScreen":"loaderScreen_rui_dc0c","loader":"loader_rui_dc0c","loaderWithoutSpacing":"loaderWithoutSpacing_rui_dc0c"};
 
 export { modules_122a82e9 as m };

package/dist/_helpers/panel.js

@@ -1,3 +1,3 @@
-var modules_cf670408 = {"unit":"8px","panel":"panel_rui_4b83 panel_rui_16e5"};
+var modules_cf670408 = {"unit":"8px","panel":"panel_rui_6094 panel_rui_5386"};
 
 export { modules_cf670408 as m };

package/dist/_helpers/query-assist__suggestions.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import List from '../list/list.js';
 
-var modules_da7ab055 = {"unit":"8px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d961","queryAssist":"queryAssist_rui_d961 font_rui_750f","input":"input_rui_d961","placeholder":"placeholder_rui_d961 resetButton_rui_750f","letter-text":"letterText_rui_d961","letterDefault":"letterDefault_rui_d961","letter-field-name":"letterFieldName_rui_d961","letter-field-value":"letterFieldValue_rui_d961","letter-operator":"letterOperator_rui_d961","letter-error":"letterError_rui_d961","iconInner":"iconInner_rui_d961","highlight":"highlight_rui_d961","service":"service_rui_d961","dark":"dark_rui_d961","icon":"icon_rui_d961","loader":"loader_rui_d961","actions":"actions_rui_d961","24px":"_24px_rui_d961","inputGap2":"inputGap2_rui_d961","inputLeftGap":"inputLeftGap_rui_d961","inputDisabled":"inputDisabled_rui_d961","placeholderSpaced":"placeholderSpaced_rui_d961","letter":"letter_rui_d961","loaderOnTheRight":"loaderOnTheRight_rui_d961","focusUnderline":"focusUnderline_rui_d961"};
+var modules_da7ab055 = {"dark":"dark_rui_4ecf","unit":"8px","overInputZIndex":"2","inputGap":"24px","queryAssist":"queryAssist_rui_e8a0 font_rui_750f","input":"input_rui_e8a0","placeholder":"placeholder_rui_e8a0 resetButton_rui_750f","letter-text":"letterText_rui_e8a0","letterDefault":"letterDefault_rui_e8a0","letter-field-name":"letterFieldName_rui_e8a0","letter-field-value":"letterFieldValue_rui_e8a0","letter-operator":"letterOperator_rui_e8a0","letter-error":"letterError_rui_e8a0","iconInner":"iconInner_rui_e8a0","highlight":"highlight_rui_e8a0","service":"service_rui_e8a0","icon":"icon_rui_e8a0","loader":"loader_rui_e8a0","actions":"actions_rui_e8a0","24px":"_24px_rui_e8a0","inputGap2":"inputGap2_rui_e8a0","inputLeftGap":"inputLeftGap_rui_e8a0","inputDisabled":"inputDisabled_rui_e8a0","placeholderSpaced":"placeholderSpaced_rui_e8a0","letter":"letter_rui_e8a0","loaderOnTheRight":"loaderOnTheRight_rui_e8a0"};
 
 const ICON_ID_LENGTH = 44;
 class QueryAssistSuggestions {

package/dist/_helpers/radio.js

@@ -1,3 +1,3 @@
-var modules_df92307a = {"unit":"8px","radio-size":"16px","radio":"radio_rui_4ab9","circle":"circle_rui_4ab9","input":"input_rui_4ab9","focus":"focus_rui_4ab9","label":"label_rui_4ab9"};
+var modules_df92307a = {"unit":"8px","radio-size":"16px","radio":"radio_rui_0c89","circle":"circle_rui_0c89","input":"input_rui_0c89","focus":"focus_rui_0c89","label":"label_rui_0c89"};
 
 export { modules_df92307a as m };

package/dist/_helpers/select__filter.js

@@ -2,11 +2,12 @@ import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import ThemedInput from '../input/input.js';
+import { Input } from '../input/input.js';
 import sniffr from '../global/sniffer.js';
 import { ActiveItemContext } from '../list/list.js';
+import { ControlsHeight } from '../global/controls-height.js';
 
-var modules_b607bec2 = {"unit":"8px","filterWithTags":"filterWithTags_rui_286c","filterWrapper":"filterWrapper_rui_286c","filterWithTagsFocused":"filterWithTagsFocused_rui_286c","filter":"filter_rui_286c","filterIcon":"filterIcon_rui_286c","bottomLine":"bottomLine_rui_286c","message":"message_rui_286c","selectAll":"selectAll_rui_286c"};
+var modules_b607bec2 = {"unit":"8px","filterWithTags":"filterWithTags_rui_0711","filterWrapper":"filterWrapper_rui_0711","filterWithTagsFocused":"filterWithTagsFocused_rui_0711","filter":"filter_rui_0711","filterIcon":"filterIcon_rui_0711","bottomLine":"bottomLine_rui_0711","message":"message_rui_0711","selectAll":"selectAll_rui_0711"};
 
 function noop() {}
 
@@ -49,12 +50,13 @@ class SelectFilter extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(modules_b607bec2.filter, className);
-    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(ThemedInput, _extends({}, restProps, {
+    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
       "aria-owns": listId,
       "aria-activedescendant": activeItemId,
       autoComplete: "off",
       autoFocus: true,
       borderless: true,
+      height: ControlsHeight.L,
       inputRef: this.inputRef,
       className: classes
     })));

package/dist/_helpers/services-link.js

@@ -3,7 +3,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link.js';
 
-var modules_74a7bf8b = {"unit":"8px","services":"services_rui_39a2","active":"active_rui_39a2","item":"item_rui_39a2","itemLogo":"itemLogo_rui_39a2","activeItem":"activeItem_rui_39a2 item_rui_39a2 active_rui_39a2","line":"line_rui_39a2","itemStacked":"itemStacked_rui_39a2","activeItemStacked":"activeItemStacked_rui_39a2 itemStacked_rui_39a2 active_rui_39a2"};
+var modules_74a7bf8b = {"unit":"8px","services":"services_rui_6e8a","active":"active_rui_6e8a","item":"item_rui_6e8a","itemLogo":"itemLogo_rui_6e8a","activeItem":"activeItem_rui_6e8a item_rui_6e8a active_rui_6e8a","line":"line_rui_6e8a","itemStacked":"itemStacked_rui_6e8a","activeItemStacked":"activeItemStacked_rui_6e8a itemStacked_rui_6e8a active_rui_6e8a"};
 
 class ServicesLink extends PureComponent {
   render() {

package/dist/_helpers/sidebar.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Waypoint } from 'react-waypoint';
 
-var modules_b8a9dd4f = {"unit":"8px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","sidebarWidth":"240px","contentLayout":"contentLayout_rui_2b97","contentLayoutContent":"contentLayoutContent_rui_2b97","sidebarContainer":"sidebarContainer_rui_2b97","sidebarContainerRight":"sidebarContainerRight_rui_2b97","sidebar":"sidebar_rui_2b97","sidebarRight":"sidebarRight_rui_2b97","sidebarFixedTop":"sidebarFixedTop_rui_2b97","sidebarFixedBottom":"sidebarFixedBottom_rui_2b97","bottomMarker":"bottomMarker_rui_2b97","contentLayoutResponsive":"contentLayoutResponsive_rui_2b97"};
+var modules_b8a9dd4f = {"unit":"8px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","sidebarWidth":"240px","contentLayout":"contentLayout_rui_a0ae","contentLayoutContent":"contentLayoutContent_rui_a0ae","sidebarContainer":"sidebarContainer_rui_a0ae","sidebarContainerRight":"sidebarContainerRight_rui_a0ae","sidebar":"sidebar_rui_a0ae","sidebarRight":"sidebarRight_rui_a0ae","sidebarFixedTop":"sidebarFixedTop_rui_a0ae","sidebarFixedBottom":"sidebarFixedBottom_rui_a0ae","bottomMarker":"bottomMarker_rui_a0ae","contentLayoutResponsive":"contentLayoutResponsive_rui_a0ae"};
 
 const ABOVE = 'above';
 const INSIDE = 'inside';

package/dist/_helpers/table.js

@@ -1,3 +1,3 @@
-var modules_1db4bbca = {"unit":"8px","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"row_rui_3363","dragHandle":"dragHandle_rui_3363","tableWrapper":"tableWrapper_rui_3363","table":"table_rui_3363","userSelectNone":"userSelectNone_rui_3363","headerCell":"headerCell_rui_3363 fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","headerCellSorted":"headerCellSorted_rui_3363","headerCellSortable":"headerCellSortable_rui_3363","sorter":"sorter_rui_3363","sortedUp":"sortedUp_rui_3363","icon":"icon_rui_3363","caption":"caption_rui_3363","tableHead":"tableHead_rui_3363","subHeaderFixed":"subHeaderFixed_rui_3363","subHeader":"subHeader_rui_3363","disabledHover":"disabledHover_rui_3363","rowSelected":"rowSelected_rui_3363","rowFocused":"rowFocused_rui_3363","cell":"cell_rui_3363 ellipsis_rui_750f","loadingOverlay":"loadingOverlay_rui_3363","cellUnlimited":"cellUnlimited_rui_3363","cellRight":"cellRight_rui_3363","metaColumn":"metaColumn_rui_3363","headerMetaColumn":"headerMetaColumn_rui_3363","visibleDragHandle":"visibleDragHandle_rui_3363","rowCollapseExpandButton":"rowCollapseExpandButton_rui_3363","draggingRow":"draggingRow_rui_3363","tableMessage":"tableMessage_rui_3363"};
+var modules_1db4bbca = {"unit":"8px","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"row_rui_b10b","dragHandle":"dragHandle_rui_b10b","tableWrapper":"tableWrapper_rui_b10b","table":"table_rui_b10b","userSelectNone":"userSelectNone_rui_b10b","headerCell":"headerCell_rui_b10b fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","headerCellSorted":"headerCellSorted_rui_b10b","headerCellSortable":"headerCellSortable_rui_b10b","sorter":"sorter_rui_b10b","sortedUp":"sortedUp_rui_b10b","icon":"icon_rui_b10b","caption":"caption_rui_b10b","tableHead":"tableHead_rui_b10b","subHeaderFixed":"subHeaderFixed_rui_b10b","subHeader":"subHeader_rui_b10b","disabledHover":"disabledHover_rui_b10b","rowSelected":"rowSelected_rui_b10b","rowFocused":"rowFocused_rui_b10b","cell":"cell_rui_b10b ellipsis_rui_750f","loadingOverlay":"loadingOverlay_rui_b10b","cellUnlimited":"cellUnlimited_rui_b10b","cellRight":"cellRight_rui_b10b","metaColumn":"metaColumn_rui_b10b","headerMetaColumn":"headerMetaColumn_rui_b10b","visibleDragHandle":"visibleDragHandle_rui_b10b","rowCollapseExpandButton":"rowCollapseExpandButton_rui_b10b","draggingRow":"draggingRow_rui_b10b","tableMessage":"tableMessage_rui_b10b"};
 
 export { modules_1db4bbca as m };

package/dist/_helpers/tabs.js

@@ -1,3 +1,3 @@
-var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -3px 0 0","tabs":"tabs_rui_6848 font_rui_750f","titles":"titles_rui_6848","light":"light_rui_6848","dark":"dark_rui_6848","title":"title_rui_6848 font_rui_750f","selected":"selected_rui_6848","collapsed":"collapsed_rui_6848","titleLegacy":"titleLegacy_rui_6848","visible":"visible_rui_6848","container":"container_rui_6848","hidden":"hidden_rui_6848","hiddenBold":"hiddenBold_rui_6848","hiddenRegular":"hiddenRegular_rui_6848","tabCounter":"tabCounter_rui_6848","autoCollapseContainer":"autoCollapseContainer_rui_6848","autoCollapse":"autoCollapse_rui_6848","rendered":"rendered_rui_6848","adjusted":"adjusted_rui_6848","measure":"measure_rui_6848","morePopup":"morePopup_rui_6848","chevron":"chevron_rui_6848","morePopupBeforeEnd":"morePopupBeforeEnd_rui_6848"};
+var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","tabs":"tabs_rui_dd23 font_rui_750f","titles":"titles_rui_dd23","title":"title_rui_dd23 font_rui_750f","selected":"selected_rui_dd23","collapsed":"collapsed_rui_dd23","titleLegacy":"titleLegacy_rui_dd23","visible":"visible_rui_dd23","container":"container_rui_dd23","hidden":"hidden_rui_dd23","hiddenBold":"hiddenBold_rui_dd23","hiddenRegular":"hiddenRegular_rui_dd23","tabCounter":"tabCounter_rui_dd23","autoCollapseContainer":"autoCollapseContainer_rui_dd23","autoCollapse":"autoCollapse_rui_dd23","rendered":"rendered_rui_dd23","adjusted":"adjusted_rui_dd23","measure":"measure_rui_dd23","morePopup":"morePopup_rui_dd23","chevron":"chevron_rui_dd23","morePopupBeforeEnd":"morePopupBeforeEnd_rui_dd23"};
 
 export { modules_02138f4a as m };

package/dist/_helpers/theme.js

@@ -0,0 +1,50 @@
+import { a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { useState, useEffect, forwardRef, useMemo } from 'react';
+import classNames from 'classnames';
+import { PopupTarget } from '../popup/popup.target.js';
+import getUID from '../global/get-uid.js';
+
+var modules_59717246 = {"dark":"dark_rui_4ecf"};
+
+var Theme;
+
+(function (Theme) {
+  Theme["AUTO"] = "auto";
+  Theme["LIGHT"] = "light";
+  Theme["DARK"] = "dark";
+})(Theme || (Theme = {}));
+
+const darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
+function useTheme() {
+  const [dark, setDark] = useState(darkMatcher.matches);
+  useEffect(() => {
+    const onChange = e => setDark(e.matches);
+
+    darkMatcher.addEventListener('change', onChange);
+    return () => darkMatcher.removeEventListener('change', onChange);
+  }, []);
+  return dark ? Theme.DARK : Theme.LIGHT;
+}
+const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref, ref) {
+  let {
+    theme = Theme.AUTO,
+    className,
+    passToPopups,
+    children,
+    ...restProps
+  } = _ref;
+  const systemTheme = useTheme();
+  const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
+  const id = useMemo(() => getUID('popups-with-theme-'), []);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: classNames(className, {
+      [modules_59717246.dark]: resolvedTheme === Theme.DARK
+    })
+  }, restProps), passToPopups ? /*#__PURE__*/React.createElement(PopupTarget, {
+    id: id
+  }, target => /*#__PURE__*/React.createElement(React.Fragment, null, children, target)) : children);
+});
+var Theme$1 = Theme;
+
+export { Theme$1 as T, ThemeProvider as a, modules_59717246 as m, useTheme as u };

package/dist/_helpers/title.js

@@ -7,7 +7,7 @@ import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
 import { refObject } from '../global/prop-types.js';
 
-var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","dataListWrapper":"dataListWrapper_rui_00a4","dataList":"dataList_rui_00a4","itemContent":"itemContent_rui_00a4","title":"title_rui_00a4","disabledHover":"disabledHover_rui_00a4","titleSelected":"titleSelected_rui_00a4","titleFocused":"titleFocused_rui_00a4","showMore":"showMore_rui_00a4","boxes":"boxes_rui_00a4","checkboxBox":"checkboxBox_rui_00a4","collapseButton":"collapseButton_rui_00a4","collapseIcon":"collapseIcon_rui_00a4","loadingOverlay":"loadingOverlay_rui_00a4","showMoreLoader":"showMoreLoader_rui_00a4"};
+var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","dataListWrapper":"dataListWrapper_rui_e686","dataList":"dataList_rui_e686","itemContent":"itemContent_rui_e686","title":"title_rui_e686","disabledHover":"disabledHover_rui_e686","titleSelected":"titleSelected_rui_e686","titleFocused":"titleFocused_rui_e686","showMore":"showMore_rui_e686","boxes":"boxes_rui_e686","checkboxBox":"checkboxBox_rui_e686","collapseButton":"collapseButton_rui_e686","collapseIcon":"collapseIcon_rui_e686","loadingOverlay":"loadingOverlay_rui_e686","showMoreLoader":"showMoreLoader_rui_e686"};
 
 class Title extends PureComponent {
   constructor() {

package/dist/alert/alert.d.ts

@@ -1,5 +1,6 @@
 import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
+import Theme from '../global/theme';
 export declare const ANIMATION_TIME = 500;
 /**
  * @name Alert
@@ -16,6 +17,7 @@ export declare enum AlertType {
     LOADING = "loading"
 }
 export interface AlertProps {
+    theme: Theme;
     timeout: number;
     onCloseRequest: ((event?: React.MouseEvent<HTMLElement>) => void);
     onClose: (() => void);
@@ -68,6 +70,7 @@ export default class Alert extends PureComponent<AlertProps, State> {
     };
     /** @override */
     static defaultProps: {
+        theme: Theme;
         closeable: boolean;
         showWithAnimation: boolean;
         type: AlertType;

package/dist/alert/alert.js

@@ -7,26 +7,28 @@ import checkmarkIcon from '@jetbrains/icons/checkmark';
 import warningIcon from '@jetbrains/icons/warning';
 import closeIcon from '@jetbrains/icons/close';
 import Icon from '../icon/icon.js';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
 import { getRect } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { Button } from '../button/button.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 export { default as Container } from './container.js';
 import { Color } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.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 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../popup/popup.target.js';
 import '../global/get-uid.js';
 import 'react-dom';
 
-var modules_e02b3280 = {"unit":"8px","animation-duration":".3s","animation-easing":"ease-out","alert":"alert_rui_3639","alertInline":"alertInline_rui_3639","error":"error_rui_3639","icon":"icon_rui_3639","caption":"caption_rui_3639","link":"link_rui_3639","withCloseButton":"withCloseButton_rui_3639","badge":"badge_rui_3639","loader":"loader_rui_3639","close":"close_rui_3639","animationOpen":"animationOpen_rui_3639","show":"show_rui_3639","animationClosing":"animationClosing_rui_3639","animationShaking":"animationShaking_rui_3639","shaking":"shaking_rui_3639"};
+var modules_e02b3280 = {"unit":"8px","animation-duration":".3s","animation-easing":"ease-out","alert":"alert_rui_403b","alertInline":"alertInline_rui_403b","error":"error_rui_403b","icon":"icon_rui_403b","caption":"caption_rui_403b","link":"link_rui_403b","withCloseButton":"withCloseButton_rui_403b","badge":"badge_rui_403b","loader":"loader_rui_403b","close":"close_rui_403b","animationOpen":"animationOpen_rui_403b","show":"show_rui_403b","animationClosing":"animationClosing_rui_403b","animationShaking":"animationShaking_rui_403b","shaking":"shaking_rui_403b"};
 
 const ANIMATION_TIME = 500;
 /**
@@ -170,9 +172,8 @@ class Alert extends PureComponent {
         color: TypeToIconColor[this.props.type] || Color.DEFAULT
       });
     } else if (this.props.type === AlertType.LOADING) {
-      return /*#__PURE__*/React.createElement(ThemedLoaderInline, {
-        className: modules_e02b3280.loader,
-        theme: ThemedLoaderInline.Theme.DARK
+      return /*#__PURE__*/React.createElement(LoaderInline, {
+        className: modules_e02b3280.loader
       });
     }
 
@@ -188,7 +189,8 @@ class Alert extends PureComponent {
       closeButtonClassName,
       showWithAnimation,
       className,
-      'data-test': dataTest
+      'data-test': dataTest,
+      theme
     } = this.props;
     const classes = classNames(className, {
       [modules_e02b3280.alert]: true,
@@ -202,21 +204,20 @@ class Alert extends PureComponent {
     const style = height ? {
       marginBottom: -height
     } : undefined;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme,
       className: classes,
       "data-test": joinDataTestAttributes('alert', dataTest),
       "data-test-type": type,
       style: style,
       ref: this.storeAlertRef
-    }, this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/React.createElement("button", {
-      type: "button",
+    }, this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/React.createElement(Button, {
+      icon: closeIcon,
       className: classNames(modules_e02b3280.close, closeButtonClassName),
       "data-test": "alert-close",
       "aria-label": "close alert",
       onClick: this.closeRequest
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: closeIcon
-    })) : '');
+    }) : '');
   }
 
 }
@@ -248,6 +249,7 @@ _defineProperty(Alert, "propTypes", {
 });
 
 _defineProperty(Alert, "defaultProps", {
+  theme: Theme.DARK,
   closeable: true,
   showWithAnimation: true,
   type: AlertType.MESSAGE,

package/dist/alert/container.js

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 
-var modules_fc8df42d = {"unit":"8px","alertContainer":"alertContainer_rui_49e4","alertInContainer":"alertInContainer_rui_49e4 alert_rui_9b21"};
+var modules_fc8df42d = {"unit":"8px","alertContainer":"alertContainer_rui_bb3b","alertInContainer":"alertInContainer_rui_bb3b alert_rui_2a81"};
 
 class Alerts extends PureComponent {
   render() {

package/dist/alert-service/alert-service.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';
 
 /**
  * @name Alert Service

package/dist/auth/auth.js

@@ -24,19 +24,19 @@ 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 '../alert/container.js';
-import '../link/link.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 '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';

package/dist/auth/auth__core.d.ts

@@ -38,6 +38,7 @@ export interface AuthTranslations {
     applyChange: string;
     backendIsNotAvailable: string;
     checkAgain: string;
+    tryAgainLabel: string;
     nothingHappensLink: string;
     errorMessage: string;
 }
@@ -99,6 +100,7 @@ interface AuthDialogParams {
     nonInteractive?: boolean;
     error?: Error;
     canCancel?: boolean;
+    onTryAgain?: () => Promise<void>;
 }
 interface UserChange {
     userID: number | string | null | undefined;
@@ -180,7 +182,7 @@ export default class Auth implements HTTPAuth {
     updateUser(): Promise<void>;
     _detectUserChange(accessToken: string): Promise<void>;
     _beforeLogout(params?: AuthDialogParams): void;
-    _showAuthDialog({ nonInteractive, error, canCancel }?: AuthDialogParams): void;
+    _showAuthDialog({ nonInteractive, error, canCancel, onTryAgain }?: AuthDialogParams): void;
     _showUserChangedDialog({ newUser, onApply, onPostpone }: UserChangedDialogParams): void;
     private _extractErrorMessage;
     private _showBackendDownDialog;

package/dist/auth/auth__core.js

@@ -29,15 +29,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 '../storage/storage__fallback.js';
 import 'deep-equal';
@@ -86,6 +88,7 @@ const DEFAULT_CONFIG = {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
     cancel: 'Cancel',
+    tryAgainLabel: 'Try again',
     postpone: 'Postpone',
     youHaveLoggedInAs: 'You have logged in as another user: %userName%',
     applyChange: 'Apply change',
@@ -514,28 +517,48 @@ class Auth {
 
       return (_await$this$_backgrou = await ((_this$_backgroundFlow2 = this._backgroundFlow) === null || _this$_backgroundFlow2 === void 0 ? void 0 : _this$_backgroundFlow2.authorize())) !== null && _await$this$_backgrou !== void 0 ? _await$this$_backgrou : null;
     } catch (error) {
-      if (error instanceof Error) {
-        if (this._canShowDialogs()) {
+      if (!(error instanceof Error)) {
+        return null;
+      }
+
+      if (this._canShowDialogs()) {
+        return new Promise(resolve => {
+          const onTryAgain = async () => {
+            try {
+              var _this$_backgroundFlow3;
+
+              const result = await ((_this$_backgroundFlow3 = this._backgroundFlow) === null || _this$_backgroundFlow3 === void 0 ? void 0 : _this$_backgroundFlow3.authorize());
+              resolve(result !== null && result !== void 0 ? result : null);
+            } catch (retryError) {
+              if (retryError instanceof Error) {
+                this._showAuthDialog({
+                  nonInteractive: true,
+                  error: retryError,
+                  onTryAgain
+                });
+              }
+
+              throw retryError;
+            }
+          };
+
           this._showAuthDialog({
             nonInteractive: true,
-            error
+            error: error,
+            onTryAgain
           });
+        });
+      } else {
+        var _this$_requestBuilder2;
 
-          return null;
-        } else {
-          var _this$_requestBuilder2;
-
-          const authRequest = await ((_this$_requestBuilder2 = this._requestBuilder) === null || _this$_requestBuilder2 === void 0 ? void 0 : _this$_requestBuilder2.prepareAuthRequest());
+        const authRequest = await ((_this$_requestBuilder2 = this._requestBuilder) === null || _this$_requestBuilder2 === void 0 ? void 0 : _this$_requestBuilder2.prepareAuthRequest());
 
-          if (authRequest != null) {
-            this._redirectCurrentPage(authRequest.url);
-          }
+        if (authRequest != null) {
+          this._redirectCurrentPage(authRequest.url);
         }
-
-        throw new TokenValidator.TokenValidationError(error.message);
-      } else {
-        return null;
       }
+
+      throw new TokenValidator.TokenValidationError(error.message);
     }
   }
 
@@ -657,7 +680,8 @@ class Auth {
     let {
       nonInteractive,
       error,
-      canCancel
+      canCancel,
+      onTryAgain
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       embeddedLogin,
@@ -711,14 +735,21 @@ class Auth {
       }
     };
 
+    const onTryAgainClick = async () => {
+      await (onTryAgain === null || onTryAgain === void 0 ? void 0 : onTryAgain());
+      closeDialog();
+    };
+
     const hide = (_this$_authDialogServ = this._authDialogService) === null || _this$_authDialogServ === void 0 ? void 0 : _this$_authDialogServ.call(this, { ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain: onTryAgain ? onTryAgainClick : undefined
     });
     const stopTokenListening = (_this$_storage9 = this._storage) === null || _this$_storage9 === void 0 ? void 0 : _this$_storage9.onTokenChange(token => {
       if (token) {
@@ -762,6 +793,7 @@ class Auth {
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.applyChange,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: translations.postpone,
       onConfirm: () => {
         done();
@@ -915,9 +947,9 @@ class Auth {
     await this._checkBackendsStatusesIfEnabled();
 
     try {
-      var _this$_backgroundFlow3;
+      var _this$_backgroundFlow4;
 
-      const accessToken = await ((_this$_backgroundFlow3 = this._backgroundFlow) === null || _this$_backgroundFlow3 === void 0 ? void 0 : _this$_backgroundFlow3.authorize());
+      const accessToken = await ((_this$_backgroundFlow4 = this._backgroundFlow) === null || _this$_backgroundFlow4 === void 0 ? void 0 : _this$_backgroundFlow4.authorize());
       const user = await this.getUser(accessToken);
 
       if (user.guest) {

package/dist/auth/down-notification.js

@@ -20,21 +20,21 @@ 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 '../_helpers/link.js';
 import '../_helpers/group.js';
 
-var modules_c87dd562 = {"unit":"8px","title":"title_rui_5d08","error":"error_rui_5d08"};
+var modules_c87dd562 = {"unit":"8px","title":"title_rui_d971","error":"error_rui_d971"};
 
 let key = null;
 

package/dist/auth/iframe-flow.js

@@ -35,8 +35,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';