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

package/dist/auth/landing.js

@@ -27,19 +27,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/storage.js

@@ -19,15 +19,17 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
 import '../alert/container.js';
 import '../storage/storage__fallback.js';
 import 'deep-equal';

package/dist/auth-dialog/auth-dialog.d.ts

@@ -15,8 +15,10 @@ export interface AuthDialogProps {
     cancelOnEsc: boolean;
     confirmLabel: string;
     cancelLabel: string;
+    tryAgainLabel: string;
     onConfirm: () => void;
     onCancel: () => void;
+    onTryAgain?: () => void;
 }
 export default class AuthDialog extends Component<AuthDialogProps> {
     static propTypes: {
@@ -31,12 +33,15 @@ export default class AuthDialog extends Component<AuthDialogProps> {
         cancelOnEsc: PropTypes.Requireable<boolean>;
         confirmLabel: PropTypes.Requireable<string>;
         cancelLabel: PropTypes.Requireable<string>;
+        tryAgainLabel: PropTypes.Requireable<string>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onTryAgain: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         loginCaption: string;
         loginToCaption: string;
+        tryAgainLabel: string;
         show: boolean;
         cancelOnEsc: boolean;
         confirmLabel: string;
@@ -44,6 +49,12 @@ export default class AuthDialog extends Component<AuthDialogProps> {
         onConfirm: () => void;
         onCancel: () => void;
     };
+    state: {
+        retrying: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     onEscPress: () => void;
+    onRetryPress: () => Promise<void>;
     render(): JSX.Element;
 }

package/dist/auth-dialog/auth-dialog.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import '../island/island.js';
 import Dialog from '../dialog/dialog.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
 import '../global/data-tests.js';
@@ -33,23 +33,54 @@ 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 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_3593","content":"content_rui_3593 font_rui_750f","button":"button_rui_3593","firstButton":"firstButton_rui_3593 button_rui_3593","title":"title_rui_3593","logo":"logo_rui_3593","error":"error_rui_3593"};
+var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_8f14","content":"content_rui_8f14 font_rui_750f","button":"button_rui_8f14","firstButton":"firstButton_rui_8f14 button_rui_8f14","title":"title_rui_8f14","logo":"logo_rui_8f14","error":"error_rui_8f14"};
 
 class AuthDialog extends Component {
   constructor() {
     super(...arguments);
 
+    _defineProperty(this, "state", {
+      retrying: false
+    });
+
     _defineProperty(this, "onEscPress", () => {
       if (this.props.cancelOnEsc) {
         this.props.onCancel();
       }
     });
+
+    _defineProperty(this, "onRetryPress", async () => {
+      if (!this.props.onTryAgain || this.state.retrying) {
+        return;
+      }
+
+      this.setState({
+        retrying: true
+      });
+
+      try {
+        await this.props.onTryAgain();
+      } catch (e) {// do nothing, error is handled in onTryAgain
+      } finally {
+        this.setState({
+          retrying: false
+        });
+      }
+    });
+  }
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
   }
 
   render() {
@@ -63,9 +94,14 @@ class AuthDialog extends Component {
       loginToCaption,
       confirmLabel,
       cancelLabel,
+      tryAgainLabel,
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain
     } = this.props;
+    const {
+      retrying
+    } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '');
     return /*#__PURE__*/React.createElement(Dialog, {
@@ -86,12 +122,18 @@ class AuthDialog extends Component {
       className: modules_ae521deb.title
     }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
       className: modules_ae521deb.error
-    }, errorMessage), /*#__PURE__*/React.createElement(ThemedButton, {
+    }, errorMessage), /*#__PURE__*/React.createElement(Button, {
       primary: true,
       className: modules_ae521deb.firstButton,
       "data-test": "auth-dialog-confirm-button",
       onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(ThemedButton, {
+    }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-retry-button",
+      onClick: () => this.onRetryPress(),
+      loader: retrying,
+      disabled: retrying
+    }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
       className: modules_ae521deb.button,
       "data-test": "auth-dialog-cancel-button",
       onClick: onCancel
@@ -112,13 +154,16 @@ _defineProperty(AuthDialog, "propTypes", {
   cancelOnEsc: PropTypes.bool,
   confirmLabel: PropTypes.string,
   cancelLabel: PropTypes.string,
+  tryAgainLabel: PropTypes.string,
   onConfirm: PropTypes.func,
-  onCancel: PropTypes.func
+  onCancel: PropTypes.func,
+  onTryAgain: PropTypes.func
 });
 
 _defineProperty(AuthDialog, "defaultProps", {
   loginCaption: 'Log in',
   loginToCaption: 'Log in to %serviceName%',
+  tryAgainLabel: 'Try again',
   show: false,
   cancelOnEsc: true,
   confirmLabel: 'Log in',

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -32,8 +32,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';

package/dist/auth-ng/auth-ng.js

@@ -25,19 +25,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/autofocus-ng/autofocus-ng.js

@@ -6,7 +6,7 @@ import 'prop-types';
 import '../global/dom.js';
 
 const angularModule = angular.module('Ring.autofocus', []);
-const RING_SELECT_SELECTOR = '[data-test=ring-select__focus]';
+const RING_SELECT_SELECTOR = '[data-test*=ring-select__focus]';
 const RING_SELECT = 'rg-select';
 angularModule.directive('rgAutofocus', function rgAutofocusDirective() {
   /**

package/dist/avatar/avatar.js

@@ -7,7 +7,7 @@ import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
 import '../global/get-uid.js';
 
-var modules_61ca8c75 = {"avatar":"avatar_rui_fed3","subavatar":"subavatar_rui_fed3","empty":"empty_rui_fed3"};
+var modules_61ca8c75 = {"avatar":"avatar_rui_f546","subavatar":"subavatar_rui_f546","empty":"empty_rui_f546"};
 
 /**
  * @name Avatar

package/dist/avatar-editor-ng/avatar-editor-ng.js

@@ -22,15 +22,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 '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -9,7 +9,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 
-var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_936c","header":"header_rui_936c","breadcrumbSmall":"breadcrumbSmall_rui_936c","breadcrumbElement":"breadcrumbElement_rui_936c","active":"active_rui_936c","elementDescription":"elementDescription_rui_936c","separatorIcon":"separatorIcon_rui_936c"};
+var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_cdef","header":"header_rui_cdef","breadcrumbSmall":"breadcrumbSmall_rui_cdef","breadcrumbElement":"breadcrumbElement_rui_cdef","active":"active_rui_cdef","elementDescription":"elementDescription_rui_cdef","separatorIcon":"separatorIcon_rui_cdef"};
 
 /**
  * @name Breadcrumb Ng

package/dist/button/button.d.ts

@@ -1,10 +1,11 @@
 import 'focus-visible';
-import React, { PureComponent, ButtonHTMLAttributes, ClassAttributes } from 'react';
+import React, { PureComponent, ButtonHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { IconType, Size } from '../icon/icon';
-import Theme, { ThemeOuterProps, ThemeProps } from '../global/theme';
 import { ClickableLinkProps } from '../link/clickableLink';
-export interface ButtonBaseProps extends ThemeProps {
+import { ControlsHeight } from '../global/controls-height';
+export interface ButtonBaseProps {
+    height?: ControlsHeight | undefined;
     active?: boolean | null | undefined;
     danger?: boolean | null | undefined;
     delayed?: boolean | null | undefined;
@@ -36,7 +37,6 @@ export declare type ButtonProps = ButtonButtonProps | ButtonLinkProps;
  */
 export declare class Button extends PureComponent<ButtonProps> {
     static propTypes: {
-        theme: PropTypes.Requireable<string>;
         active: PropTypes.Requireable<boolean>;
         danger: PropTypes.Requireable<boolean>;
         delayed: PropTypes.Requireable<boolean>;
@@ -57,12 +57,11 @@ export declare class Button extends PureComponent<ButtonProps> {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static IconSize: typeof Size;
-    static Theme: typeof Theme;
+    static contextType: React.Context<ControlsHeight>;
     buttonRef: React.RefObject<HTMLButtonElement>;
     render(): JSX.Element;
 }
 export { Size as IconSize };
-export declare type ContainerProps<T> = Omit<T, keyof ThemeProps> & ThemeOuterProps & ClassAttributes<Button>;
+export declare type ContainerProps<T extends ButtonProps> = JSX.LibraryManagedAttributes<typeof Button, T>;
 export declare type ButtonAttrs = ContainerProps<ButtonButtonProps> | ContainerProps<ButtonLinkProps>;
-declare const _default: React.ForwardRefExoticComponent<ButtonAttrs> & Pick<typeof Button, "Theme" | "IconSize">;
-export default _default;
+export default Button;

package/dist/button/button.js

@@ -5,8 +5,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import Icon from '../icon/icon.js';
-import Theme, { withTheme } from '../global/theme.js';
 import ClickableLink from '../link/clickableLink.js';
+import { ControlsHeightContext } from '../global/controls-height.js';
 import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
 import { Size } from '../icon/icon__constants.js';
 export { Size as IconSize } from '../icon/icon__constants.js';
@@ -33,7 +33,6 @@ class Button extends PureComponent {
   render() {
     const {
       // Modifiers
-      theme,
       active,
       danger,
       delayed,
@@ -43,6 +42,7 @@ class Button extends PureComponent {
       text,
       inline,
       dropdown,
+      height = this.context,
       // Props
       icon,
       iconSize,
@@ -58,12 +58,12 @@ class Button extends PureComponent {
       danger,
       delayed,
       icon,
-      theme,
       loader,
       primary,
       short,
       text,
-      inline
+      inline,
+      height
     });
     const content = /*#__PURE__*/React.createElement("span", {
       className: modules_e81895c9.content
@@ -95,7 +95,6 @@ class Button extends PureComponent {
 }
 
 _defineProperty(Button, "propTypes", {
-  theme: PropTypes.oneOf(['light', 'dark']),
   active: PropTypes.bool,
   danger: PropTypes.bool,
   delayed: PropTypes.bool,
@@ -118,7 +117,6 @@ _defineProperty(Button, "propTypes", {
 
 _defineProperty(Button, "IconSize", Size);
 
-_defineProperty(Button, "Theme", Theme);
-const ThemedButton = withTheme()(Button);
+_defineProperty(Button, "contextType", ControlsHeightContext);
 
-export { Button, ThemedButton as default };
+export { Button, Button as default };

package/dist/button/button__classes.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from './button';
-export declare function getButtonClasses({ className, active, disabled, loader, primary, short, text, inline, danger, delayed, icon, theme }: ButtonProps): string;
+export declare function getButtonClasses({ className, active, disabled, loader, primary, short, text, inline, danger, delayed, icon, height }: ButtonProps): string;

package/dist/button/button__classes.js

@@ -1,5 +1,2 @@
 import 'classnames';
-import '../global/theme.js';
 export { g as getButtonClasses } from '../_helpers/button__classes.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';

package/dist/button-group/button-group.d.ts

@@ -1,10 +1,13 @@
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Caption from './caption';
+export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
+    split?: boolean | null | undefined;
+}
 /**
  * @name Button Group
  */
-export default class ButtonGroup extends PureComponent<HTMLAttributes<HTMLElement>> {
+export default class ButtonGroup extends PureComponent<ButtonGroupProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;

package/dist/button-group/button-group.js

@@ -12,10 +12,12 @@ import { m as modules_1068e447 } from '../_helpers/button-group.js';
 class ButtonGroup extends PureComponent {
   render() {
     const {
-      className
+      className,
+      split,
+      ...restProps
     } = this.props;
-    const classes = classNames(modules_1068e447.buttonGroup, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
+    const classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
     }));
   }

package/dist/button-group-ng/button-group-ng.js

@@ -2,7 +2,7 @@ import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
 
-var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_6db3"};
+var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_c91a"};
 
 /**
  * @name Button Group Ng

package/dist/button-ng/button-ng.js

@@ -4,14 +4,14 @@ import classNames from 'classnames';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { addClasses, removeClasses, applyMethodToClasses } from '../global/dom.js';
 import IconNG from '../icon-ng/icon-ng.js';
-import Theme, { applyTheme } from '../global/theme.js';
 import { m as modules_e81895c9, g as getButtonClasses } from '../_helpers/button__classes.js';
+import { ControlsHeight } from '../global/controls-height.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import 'react';
 
-var modules_5f65bc62 = {"ringIconDefaultColor":"ringIconDefaultColor_rui_d31a","iconMarginFix":"iconMarginFix_rui_d31a","transcludeSpacer":"transcludeSpacer_rui_d31a","buttonWithoutIcon":"buttonWithoutIcon_rui_d31a","iconNg":"iconNg_rui_d31a","narrowRight":"narrowRight_rui_d31a"};
+var modules_5f65bc62 = {"ringIconDefaultColor":"ringIconDefaultColor_rui_bb4f","iconMarginFix":"iconMarginFix_rui_bb4f","transcludeSpacer":"transcludeSpacer_rui_bb4f","buttonWithoutIcon":"buttonWithoutIcon_rui_bb4f","iconNg":"iconNg_rui_bb4f","narrowRight":"narrowRight_rui_bb4f"};
 
 const {
   ringIconDefaultColor,
@@ -40,9 +40,9 @@ class ButtonController extends RingAngularComponent {
       const {
         $attrs
       } = this.$inject;
-      const theme = this.element.classList.contains(modules_e81895c9.light) ? Theme.LIGHT : Theme.DARK;
       const foreignClasses = [...this.element.classList].filter(name => !buttonClassesMap[name]);
       this.element.className = classNames(foreignClasses, getButtonClasses({
+        height: ControlsHeight.S,
         className: modules_e81895c9.button,
         active: this.getAttrValue($attrs.active),
         disabled: this.getAttrValue($attrs.disabled),
@@ -53,8 +53,7 @@ class ButtonController extends RingAngularComponent {
         inline: this.getAttrValue($attrs.inline),
         danger: this.getAttrValue($attrs.danger),
         delayed: this.getAttrValue($attrs.delayed),
-        icon: $attrs.icon,
-        theme
+        icon: $attrs.icon
       }), {
         // Some overrides for angular buttons
         [modules_5f65bc62.buttonWithoutIcon]: !$attrs.icon,
@@ -161,7 +160,6 @@ class ButtonController extends RingAngularComponent {
       this.updateClasses();
       this.updateIcon();
     });
-    $attrs.$observe('theme', this.updateClasses);
   }
 
   getAttrValue(attribute) {
@@ -175,24 +173,13 @@ class ButtonController extends RingAngularComponent {
 
 _defineProperty(ButtonController, "$inject", ['$element', '$attrs', '$scope', '$compile', '$log']);
 
-function changeTheme(element, data) {
-  return applyTheme({
-    element,
-    prevTheme: data.prevTheme && modules_e81895c9[data.prevTheme] || modules_e81895c9.light,
-    currentTheme: modules_e81895c9[data.currentTheme]
-  });
-}
-
 function createButtonDirective(tagName) {
   return () => ({
     restrict: 'E',
     transclude: true,
     replace: true,
-    require: {
-      rgThemeCtrl: '?^^rgTheme'
-    },
     template: `
-  <${tagName} class="${modules_e81895c9.button} ${modules_e81895c9.light}">
+  <${tagName} class="${modules_e81895c9.button}">
   <span class="${modules_e81895c9.content}"
   ><rg-icon class="${classNames(modules_e81895c9.icon, modules_5f65bc62.iconNg, iconMarginFix)}"></rg-icon
   ><ng-transclude></ng-transclude
@@ -200,19 +187,7 @@ function createButtonDirective(tagName) {
   ><div class="js-button-loader"></div>
   </${tagName}>
     `,
-    controller: ButtonController,
-    link: (scope, element, attrs, _ref) => {
-      let {
-        rgThemeCtrl
-      } = _ref;
-
-      if (rgThemeCtrl) {
-        changeTheme(element[0], {
-          currentTheme: rgThemeCtrl.theme
-        });
-        rgThemeCtrl.on('change', (event, data) => changeTheme(element[0], data));
-      }
-    }
+    controller: ButtonController
   });
 }
 

package/dist/code/code.js

@@ -8,7 +8,7 @@ import normalizeIndent from '../global/normalize-indent.js';
 import trivialTemplateTag from '../global/trivial-template-tag.js';
 import memoize from '../global/memoize.js';
 
-var modules_66c414ea = {"unit":"8px","code":"code_rui_e63a","inline":"inline_rui_e63a","softWrap":"softWrap_rui_e63a"};
+var modules_66c414ea = {"unit":"8px","code":"code_rui_b9a5","inline":"inline_rui_b9a5","softWrap":"softWrap_rui_b9a5"};
 
 var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_b939"};
 

package/dist/confirm/confirm.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import '../island/island.js';
 import Panel from '../panel/panel.js';
 import HeaderWrapper from '../island/header.js';
@@ -35,12 +35,12 @@ 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 '../_helpers/panel.js';
 
-var modules_4c9c3a3a = {"unit":"8px","description":"description_rui_c96b"};
+var modules_4c9c3a3a = {"unit":"8px","description":"description_rui_54ee"};
 
 /**
  * @name Confirm
@@ -79,13 +79,13 @@ class Confirm extends PureComponent {
       "data-test": "ring-confirm"
     }, text && /*#__PURE__*/React.createElement(HeaderWrapper, null, text), /*#__PURE__*/React.createElement(ContentWrapper, null, description && /*#__PURE__*/React.createElement("div", {
       className: modules_4c9c3a3a.description
-    }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(ThemedButton, {
+    }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
       "data-test": "confirm-ok-button",
       primary: !cancelIsDefault,
       loader: inProgress,
       disabled: inProgress,
       onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(ThemedButton, {
+    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
       "data-test": "confirm-reject-button",
       onClick: onReject,
       disabled: inProgress,

package/dist/confirm-ng/confirm-ng.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';

package/dist/confirm-service/confirm-service.js

@@ -32,8 +32,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';

package/dist/data-list/data-list.js

@@ -30,13 +30,7 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../text/text.js';
 import '../loader-inline/loader-inline.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 '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -44,6 +38,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';