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

package/dist/table-legacy-ng/table-legacy-ng__pager.js

@@ -3,7 +3,9 @@ import Pager from '../pager-ng/pager-ng.js';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 import '../global/angular-component-factory.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -20,9 +22,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 '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -30,7 +33,8 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
@@ -65,7 +69,7 @@ import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
@@ -83,12 +87,7 @@ import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.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 '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';
@@ -100,13 +99,7 @@ const angularModule = angular.module('Ring.table-legacy.pager', [MessageBundle,
 angularModule.directive('rgLegacyTablePager', function rgLegacyTablePagerDirective() {
   return {
     restrict: 'E',
-    template: `<rg-pager
-  total="pagerCtrl.total"
-  current-page="pagerCtrl.getPage()"
-  page-size="pagerCtrl.top"
-  on-page-change="pagerCtrl.onPageChange"
-  disable-page-size-selector="true"
-></rg-pager>`,
+    template: "<rg-pager\n  total=\"pagerCtrl.total\"\n  current-page=\"pagerCtrl.getPage()\"\n  page-size=\"pagerCtrl.top\"\n  on-page-change=\"pagerCtrl.onPageChange\"\n  disable-page-size-selector=\"true\"\n></rg-pager>",
     scope: {},
     bindToController: {
       skip: '=',

package/dist/table-legacy-ng/table-legacy-ng__toolbar.js

@@ -2,6 +2,7 @@ import angular from 'angular';
 import { getDocumentScrollTop } from '../global/dom.js';
 import scheduleRAF from '../global/schedule-raf.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 const angularModule = angular.module('Ring.table-legacy.toolbar', []);
 angularModule.directive('rgLegacyTableToolbar', function rgLegacyTableToolbarDirective() {
@@ -29,7 +30,7 @@ angularModule.directive('rgLegacyTableToolbar', function rgLegacyTableToolbarDir
 
         if (scrolledTop > toolbarTop && !savedToolbarTop) {
           //save height to style to prevent collapsing after fixing controls
-          element.style.height = `${element.offsetHeight}px`;
+          element.style.height = "".concat(element.offsetHeight, "px");
           savedToolbarTop = toolbarTop;
           controlsContainer.classList.add('ring-table__toolbar-controls_fixed');
         } else if (scrolledTop <= toolbarTop && savedToolbarTop >= 0) {

package/dist/table-ng/smart-table-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import SmartTable from '../table/smart-table.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -27,13 +29,14 @@ import '../table/selection.js';
 import '../table/header.js';
 import 'react-waypoint';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-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/memoize.js';
 import '../_helpers/checkbox.js';
 import '../_helpers/table.js';
@@ -49,8 +52,8 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/drag';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';

package/dist/table-ng/table-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import TableContainer from '../table/table.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -26,13 +28,14 @@ import '../table/selection.js';
 import '../table/header.js';
 import 'react-waypoint';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-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/memoize.js';
 import '../_helpers/checkbox.js';
 import '../_helpers/table.js';
@@ -48,8 +51,8 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/drag';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';

package/dist/tabs/collapsible-more.js

@@ -11,7 +11,9 @@ import Icon from '../icon/icon.js';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -44,7 +46,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../icon/icon__constants.js';
@@ -59,7 +61,7 @@ import '../list/consts.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
-import '../global/theme.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './tab-link.js';
 
@@ -102,7 +104,7 @@ const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
       return;
     }
 
-    const cb = onSelect(listItem.key);
+    const cb = onSelect(String(listItem.key));
     cb();
   }, [onSelect]);
   const hasActiveChild = React.useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);

package/dist/tabs/collapsible-tab.js

@@ -8,6 +8,7 @@ import { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import 'focus-visible';
 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';
@@ -29,6 +30,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
 
   const {
     title,
+    titleProps,
     disabled,
     href,
     className,
@@ -43,7 +45,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
     [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected
   });
-  return /*#__PURE__*/React.createElement(TabLink, {
+  return /*#__PURE__*/React.createElement(TabLink, _extends({
     title: title,
     isSelected: selected,
     active: true,
@@ -54,7 +56,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     onPlainLeftClick: handleSelect,
     tabIndex: tabIndex,
     collapsed: collapsed
-  });
+  }, titleProps));
 });
 TabTitle.propTypes = {
   child: PropTypes.element,

package/dist/tabs/collapsible-tabs.d.ts

@@ -15,7 +15,7 @@ export interface CollapsibleTabsProps {
 export declare const CollapsibleTabs: {
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;
@@ -29,7 +29,7 @@ export declare const CollapsibleTabs: {
 declare const _default: React.MemoExoticComponent<{
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;

package/dist/tabs/collapsible-tabs.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -43,7 +45,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
@@ -60,7 +62,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
-import '../global/theme.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './custom-item.js';
 import './tab-link.js';

package/dist/tabs/custom-item.d.ts

@@ -4,6 +4,6 @@ import { TabProps } from './tab';
 export declare const CustomItem: {
     ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
 };

package/dist/tabs/dumb-tabs.d.ts

@@ -1,12 +1,11 @@
-import React, { ComponentPropsWithRef, PureComponent, ReactElement } from 'react';
+import { PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
-import Theme, { ThemeProps } from '../global/theme';
 import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
 export { CustomItem };
-declare type Children = readonly Children[] | ReactElement<TabProps> | null | boolean;
-export interface TabsProps extends ThemeProps, Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
+export declare type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
+export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
     children: Children;
     onSelect: (key: string) => void;
     className?: string | null | undefined;
@@ -15,11 +14,10 @@ export interface TabsProps extends ThemeProps, Omit<CollapsibleTabsProps, 'onSel
 }
 declare class Tabs extends PureComponent<TabsProps> {
     static propTypes: {
-        theme: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         'data-test': PropTypes.Requireable<string>;
         autoCollapse: PropTypes.Requireable<boolean>;
@@ -27,110 +25,9 @@ declare class Tabs extends PureComponent<TabsProps> {
     static defaultProps: {
         onSelect(): void;
     };
-    static Theme: typeof Theme;
     handleSelect: (arg: string) => () => void;
     getTabTitle: (child: ReactElement<TabProps>, i: number) => JSX.Element;
     render(): JSX.Element;
 }
-declare const ThemedTabs: React.NamedExoticComponent<Omit<(Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<{
-    theme: PropTypes.Requireable<string>;
-    selected: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    href: PropTypes.Requireable<string>;
-    children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    'data-test': PropTypes.Requireable<string>;
-    autoCollapse: PropTypes.Requireable<boolean>;
-}>, "href"> & Pick<TabsProps, "moreClassName" | "moreActiveClassName" | "morePopupClassName" | "morePopupItemClassName" | "morePopupBeforeEnd" | "initialVisibleItems">, "className" | "href" | "children" | "theme" | "data-test" | "selected" | "moreClassName" | "moreActiveClassName" | "morePopupClassName" | "morePopupItemClassName" | "morePopupBeforeEnd" | "initialVisibleItems" | "autoCollapse"> & Partial<Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<{
-    theme: PropTypes.Requireable<string>;
-    selected: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    href: PropTypes.Requireable<string>;
-    children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    'data-test': PropTypes.Requireable<string>;
-    autoCollapse: PropTypes.Requireable<boolean>;
-}>, "href"> & Pick<TabsProps, "moreClassName" | "moreActiveClassName" | "morePopupClassName" | "morePopupItemClassName" | "morePopupBeforeEnd" | "initialVisibleItems">, "onSelect">> & Partial<Pick<{
-    onSelect(): void;
-}, never>>) | (Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<React.WeakValidationMap<TabsProps> & {
-    theme: PropTypes.Requireable<string>;
-    selected: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    href: PropTypes.Requireable<string>;
-    children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    'data-test': PropTypes.Requireable<string>;
-    autoCollapse: PropTypes.Requireable<boolean>;
-}>, "href"> & Pick<TabsProps, never>, "href"> & Partial<Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<React.WeakValidationMap<TabsProps> & {
-    theme: PropTypes.Requireable<string>;
-    selected: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    href: PropTypes.Requireable<string>;
-    children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    'data-test': PropTypes.Requireable<string>;
-    autoCollapse: PropTypes.Requireable<boolean>;
-}>, "href"> & Pick<TabsProps, never>, keyof TabsProps>> & Partial<Pick<Partial<TabsProps> & {
-    onSelect(): void;
-}, never>>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<Tabs>> & {
-    readonly type: React.ForwardRefExoticComponent<Omit<(Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<{
-        theme: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-        autoCollapse: PropTypes.Requireable<boolean>;
-    }>, "href"> & Pick<TabsProps, "moreClassName" | "moreActiveClassName" | "morePopupClassName" | "morePopupItemClassName" | "morePopupBeforeEnd" | "initialVisibleItems">, "className" | "href" | "children" | "theme" | "data-test" | "selected" | "moreClassName" | "moreActiveClassName" | "morePopupClassName" | "morePopupItemClassName" | "morePopupBeforeEnd" | "initialVisibleItems" | "autoCollapse"> & Partial<Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<{
-        theme: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-        autoCollapse: PropTypes.Requireable<boolean>;
-    }>, "href"> & Pick<TabsProps, "moreClassName" | "moreActiveClassName" | "morePopupClassName" | "morePopupItemClassName" | "morePopupBeforeEnd" | "initialVisibleItems">, "onSelect">> & Partial<Pick<{
-        onSelect(): void;
-    }, never>>) | (Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<React.WeakValidationMap<TabsProps> & {
-        theme: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-        autoCollapse: PropTypes.Requireable<boolean>;
-    }>, "href"> & Pick<TabsProps, never>, "href"> & Partial<Pick<Pick<TabsProps, keyof TabsProps> & Pick<PropTypes.InferProps<React.WeakValidationMap<TabsProps> & {
-        theme: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-        autoCollapse: PropTypes.Requireable<boolean>;
-    }>, "href"> & Pick<TabsProps, never>, keyof TabsProps>> & Partial<Pick<Partial<TabsProps> & {
-        onSelect(): void;
-    }, never>>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<Tabs>>;
-} & {
-    prototype: Tabs;
-    propTypes: {
-        theme: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-        autoCollapse: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        onSelect(): void;
-    };
-    Theme: typeof Theme;
-    contextType?: React.Context<any> | undefined;
-};
-export declare type TabsAttrs = ComponentPropsWithRef<typeof ThemedTabs>;
-export default ThemedTabs;
+export declare type TabsAttrs = JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
+export default Tabs;

package/dist/tabs/dumb-tabs.js

@@ -1,9 +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 memoize from '../global/memoize.js';
-import Theme, { withTheme } from '../global/theme.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import TabLink from './tab-link.js';
@@ -14,6 +14,7 @@ import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -47,7 +48,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
@@ -64,6 +65,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './collapsible-tab.js';
 
@@ -83,6 +85,7 @@ class Tabs extends PureComponent {
       } = this.props;
       const {
         title,
+        titleProps,
         id,
         disabled,
         href,
@@ -94,17 +97,16 @@ class Tabs extends PureComponent {
       const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
         [modules_02138f4a.selected]: isSelected
       });
-      return /*#__PURE__*/React.createElement(TabLink, {
+      return /*#__PURE__*/React.createElement(TabLink, _extends({
         title: title,
         isSelected: isSelected,
-        active: true,
         key: key,
         href: href,
         innerClassName: titleClasses,
         className: titleClasses,
         disabled: disabled,
         onPlainLeftClick: this.handleSelect(key)
-      });
+      }, titleProps));
     });
   }
 
@@ -113,12 +115,11 @@ class Tabs extends PureComponent {
       className,
       children,
       selected,
-      theme,
       autoCollapse,
       'data-test': dataTest,
       ...restProps
     } = this.props;
-    const classes = classNames(modules_02138f4a.tabs, className, modules_02138f4a[theme]);
+    const classes = classNames(modules_02138f4a.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return /*#__PURE__*/React.createElement("div", {
       className: classes,
@@ -141,7 +142,6 @@ class Tabs extends PureComponent {
 }
 
 _defineProperty(Tabs, "propTypes", {
-  theme: PropTypes.string,
   selected: PropTypes.string,
   className: PropTypes.string,
   href: PropTypes.string,
@@ -156,8 +156,4 @@ _defineProperty(Tabs, "defaultProps", {
 
 });
 
-_defineProperty(Tabs, "Theme", Theme);
-
-const ThemedTabs = withTheme()(Tabs);
-
-export { ThemedTabs as default };
+export { Tabs as default };

package/dist/tabs/smart-tabs.d.ts

@@ -1,9 +1,8 @@
-import { PureComponent, ReactElement } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { TabsAttrs } from './dumb-tabs';
-import { TabProps } from './tab';
+import { TabsAttrs, Children } from './dumb-tabs';
 export interface SmartTabsProps extends TabsAttrs {
-    children: ReactElement<TabProps>[];
+    children: Children;
     initSelected?: string | null | undefined;
 }
 export default class SmartTabs extends PureComponent<SmartTabsProps> {
@@ -12,6 +11,7 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         initSelected: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
+    constructor(props: SmartTabsProps);
     state: {
         selected: string;
     };

package/dist/tabs/smart-tabs.js

@@ -2,10 +2,10 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
-import ThemedTabs from './dumb-tabs.js';
+import Tabs from './dumb-tabs.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../_helpers/tabs.js';
 import './tab-link.js';
 import '../link/link.js';
@@ -13,6 +13,7 @@ import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
+import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -46,7 +47,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
@@ -63,21 +64,24 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './collapsible-tab.js';
 import './custom-item.js';
 
 class SmartTabs extends PureComponent {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
 
-    _defineProperty(this, "state", {
-      selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    });
+    _defineProperty(this, "state", void 0);
 
     _defineProperty(this, "handleSelect", selected => this.setState({
       selected
     }));
+
+    this.state = {
+      selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
+    };
   }
 
   render() {
@@ -87,7 +91,7 @@ class SmartTabs extends PureComponent {
       'data-test': dataTest,
       ...restProps
     } = this.props;
-    return /*#__PURE__*/React.createElement(ThemedTabs, _extends({
+    return /*#__PURE__*/React.createElement(Tabs, _extends({
       "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
       selected: this.state.selected,
       onSelect: this.handleSelect

package/dist/tabs/tab-link.d.ts

@@ -11,7 +11,7 @@ declare namespace TabLink {
     var propTypes: {
         isSelected: PropTypes.Requireable<boolean>;
         collapsed: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
     };
 }
 declare const _default: React.MemoExoticComponent<typeof TabLink>;

package/dist/tabs/tab-link.js

@@ -6,6 +6,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 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/tabs/tab.d.ts

@@ -1,7 +1,9 @@
 import { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
+import { TabLinkProps } from './tab-link';
 export interface TabProps {
     title?: ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode);
+    titleProps?: Partial<TabLinkProps>;
     id?: string | null | undefined;
     className?: string | null | undefined;
     children?: ReactNode;
@@ -15,7 +17,7 @@ export interface TabProps {
 }
 export default class Tab extends PureComponent<TabProps> {
     static propTypes: {
-        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
         id: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;