@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.20

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, ControlsHeightContext } 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,12 @@ 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>;
+    context: React.ContextType<typeof ControlsHeightContext>;
     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

@@ -1,18 +1,20 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'focus-visible';
 import React, { PureComponent, createRef } from 'react';
 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';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
 /**
@@ -33,7 +35,6 @@ class Button extends PureComponent {
   render() {
     const {
       // Modifiers
-      theme,
       active,
       danger,
       delayed,
@@ -43,6 +44,7 @@ class Button extends PureComponent {
       text,
       inline,
       dropdown,
+      height = this.context,
       // Props
       icon,
       iconSize,
@@ -58,12 +60,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 +97,6 @@ class Button extends PureComponent {
 }
 
 _defineProperty(Button, "propTypes", {
-  theme: PropTypes.oneOf(['light', 'dark']),
   active: PropTypes.bool,
   danger: PropTypes.bool,
   delayed: PropTypes.bool,
@@ -118,7 +119,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

@@ -1,8 +1,9 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 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_1fbf"};
 
 /**
  * @name Button Group Ng

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

@@ -1,17 +1,19 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 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 'core-js/modules/es.string.replace.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_c440","iconMarginFix":"iconMarginFix_rui_c440","transcludeSpacer":"transcludeSpacer_rui_c440","buttonWithoutIcon":"buttonWithoutIcon_rui_c440","iconNg":"iconNg_rui_c440","narrowRight":"narrowRight_rui_c440"};
 
 const {
   ringIconDefaultColor,
@@ -40,9 +42,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 +55,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,
@@ -115,7 +116,7 @@ class ButtonController extends RingAngularComponent {
     modifiers.forEach(mod => {
       _$scope.$watch(() => _$scope.$eval(_$attrs[mod]), val => {
         this.updateClasses();
-        const attrName = `data-test-${mod}`;
+        const attrName = "data-test-".concat(mod);
 
         if (val) {
           this.element.setAttribute(attrName, true);
@@ -161,7 +162,6 @@ class ButtonController extends RingAngularComponent {
       this.updateClasses();
       this.updateIcon();
     });
-    $attrs.$observe('theme', this.updateClasses);
   }
 
   getAttrValue(attribute) {
@@ -175,44 +175,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}">
-  <span class="${modules_e81895c9.content}"
-  ><rg-icon class="${classNames(modules_e81895c9.icon, modules_5f65bc62.iconNg, iconMarginFix)}"></rg-icon
-  ><ng-transclude></ng-transclude
-  ></span
-  ><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));
-      }
-    }
+    template: "\n  <".concat(tagName, " class=\"").concat(modules_e81895c9.button, "\">\n  <span class=\"").concat(modules_e81895c9.content, "\"\n  ><rg-icon class=\"").concat(classNames(modules_e81895c9.icon, modules_5f65bc62.iconNg, iconMarginFix), "\"></rg-icon\n  ><ng-transclude></ng-transclude\n  ></span\n  ><div class=\"js-button-loader\"></div>\n  </").concat(tagName, ">\n    "),
+    controller: ButtonController
   });
 }
 

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

@@ -9,7 +9,7 @@ function rgButtonSet() {
     replace: true,
     scope: false,
     transclude: true,
-    template: `<div class="${modules_fd849143.buttonSet}" ng-transclude></div>`
+    template: "<div class=\"".concat(modules_fd849143.buttonSet, "\" ng-transclude></div>")
   };
 }
 

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

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import { m as modules_34154ec0 } from '../_helpers/button-toolbar.js';
 

package/dist/caret/caret.js

@@ -1,5 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import { getRect } from '../global/dom.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Caret

package/dist/checkbox/checkbox.js

@@ -1,8 +1,9 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import checkmarkIcon from '@jetbrains/icons/checkmark';
+import checkmarkIcon from '@jetbrains/icons/checkmark-14px';
 import minusIcon from '@jetbrains/icons/remove-10px';
 import Icon from '../icon/icon.js';
 import { m as modules_3199090e } from '../_helpers/checkbox.js';
@@ -10,6 +11,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
 /**

package/dist/checkbox-ng/checkbox-ng.js

@@ -1,8 +1,10 @@
 import angular from 'angular';
-import checkmarkIcon from '@jetbrains/icons/checkmark';
+import checkmarkIcon from '@jetbrains/icons/checkmark-14px';
 import IconNG from '../icon-ng/icon-ng.js';
 import proxyAttrs from '../proxy-attrs/proxy-attrs.js';
 import { m as modules_3199090e } from '../_helpers/checkbox.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
@@ -21,26 +23,7 @@ angularModule.directive('rgCheckbox', function rgCheckboxDirective() {
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: proxyAttrs(`
-<label class="${modules_3199090e.checkbox}">
-  <input
-    data-proxy-ng-disabled
-    data-proxy-ng-model
-    data-proxy-ng-change
-    data-proxy-ng-true-value
-    data-proxy-ng-false-value
-    data-proxy-name
-    data-proxy-title
-    data-proxy-aria-label
-    data-test="ring-checkbox"
-    type="checkbox"
-    class="${modules_3199090e.input}"
-  />
-  <span class="${modules_3199090e.cell}">
-    <rg-icon class="${modules_3199090e.check}" glyph="{{:: checkmarkIcon}}" />
-  </span><span class="${modules_3199090e.label}" ng-transclude></span>
-</label>
-    `),
+    template: proxyAttrs("\n<label class=\"".concat(modules_3199090e.checkbox, "\">\n  <input\n    data-proxy-ng-disabled\n    data-proxy-ng-model\n    data-proxy-ng-change\n    data-proxy-ng-true-value\n    data-proxy-ng-false-value\n    data-proxy-name\n    data-proxy-title\n    data-proxy-aria-label\n    data-test=\"ring-checkbox\"\n    type=\"checkbox\"\n    class=\"").concat(modules_3199090e.input, "\"\n  />\n  <span class=\"").concat(modules_3199090e.cell, "\">\n    <rg-icon class=\"").concat(modules_3199090e.check, "\" glyph=\"{{:: checkmarkIcon}}\" />\n  </span><span class=\"").concat(modules_3199090e.label, "\" ng-transclude></span>\n</label>\n    ")),
     link: function link(scope, iElement) {
       scope.checkmarkIcon = checkmarkIcon;
       const input = iElement[0].querySelector('input[type="checkbox"]');

package/dist/code/code.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,16 +9,16 @@ 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_7185","inline":"inline_rui_7185","softWrap":"softWrap_rui_7185"};
 
-var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_b939"};
+var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_6e02"};
 
 function noop() {}
 
 const registerLanguage = memoize(async language => {
   const languageExports = await import(
   /* webpackChunkName: "highlight-[request]" */
-  `highlight.js/lib/languages/${language}`);
+  "highlight.js/lib/languages/".concat(language));
   highlight.registerLanguage(language, languageExports.default);
 });
 /**

package/dist/confirm/confirm.js

@@ -1,8 +1,9 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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';
@@ -34,13 +35,14 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.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_2cda"};
 
 /**
  * @name Confirm
@@ -79,13 +81,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

@@ -2,6 +2,8 @@ import angular from 'angular';
 import confirm from '../confirm-service/confirm-service.js';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 import 'react';
+import '../global/react-render-adapter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../confirm/confirm.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
@@ -34,9 +36,10 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.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

@@ -1,6 +1,8 @@
 import React from 'react';
-import { render } from 'react-dom';
+import { render } from '../global/react-render-adapter.js';
 import Confirm from '../confirm/confirm.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
@@ -31,9 +33,10 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.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/content-layout/content-layout.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/content-layout/sidebar.js

@@ -1,4 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import 'classnames';

package/dist/data-list/data-list.d.ts

@@ -31,12 +31,10 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };
@@ -60,12 +58,10 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };

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

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -30,13 +31,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,9 +39,11 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 

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

@@ -6,6 +6,7 @@ import 'focus-visible';
 import 'prop-types';
 import 'classnames';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/data-list/item.js

@@ -1,12 +1,13 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import Link from '../link/link.js';
 import Text from '../text/text.js';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
-import ThemedButton from '../button/button.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
+import { Button } from '../button/button.js';
 import Selection from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
 import 'focus-visible';
@@ -15,28 +16,24 @@ import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.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 '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
+import '../global/get-uid.js';
 
 var moreLessButtonStates;
 
@@ -140,7 +137,7 @@ class Item extends PureComponent {
         inherit: true,
         pseudo: true,
         onClick: this.onShowMore
-      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(ThemedLoaderInline, {
+      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
         className: modules_09d014b4.showMoreLoader
       }));
     } else if (showMoreLessButton === moreLessButtonStates.LESS) {
@@ -157,7 +154,7 @@ class Item extends PureComponent {
 
     if (collapsible) {
       if (collapsed) {
-        collapserExpander = /*#__PURE__*/React.createElement(ThemedButton, {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
           title: "Expand",
           onClick: onExpand,
           icon: chevronRightIcon,
@@ -166,7 +163,7 @@ class Item extends PureComponent {
           "data-test": "ring-data-list-expand"
         });
       } else {
-        collapserExpander = /*#__PURE__*/React.createElement(ThemedButton, {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
           title: "Collapse",
           onClick: onCollapse,
           icon: chevronDownIcon,

package/dist/data-list/selection.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import Selection$1 from '../table/selection.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';