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

package/dist/tab-trap/tab-trap.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 
-var modules_6dce58ae = {"trapButton":"trapButton_rui_e5a6"};
+var modules_6dce58ae = {"trapButton":"trapButton_rui_47dd"};
 
 const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
 /**

package/dist/table/row-with-focus-sensor.js

@@ -22,8 +22,8 @@ import '../_helpers/checkbox.js';
 import '../button/button.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-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/row.js

@@ -6,7 +6,7 @@ import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import dragIcon from '@jetbrains/icons/drag';
 import Checkbox from '../checkbox/checkbox.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import Tooltip from '../tooltip/tooltip.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
@@ -24,8 +24,8 @@ import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -48,7 +48,7 @@ const DragHandle = _ref => {
   const classes = classNames(modules_1db4bbca.dragHandle, {
     [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
   });
-  return /*#__PURE__*/React.createElement(ThemedButton, {
+  return /*#__PURE__*/React.createElement(Button, {
     "data-movable-handle": true,
     title: "Drag",
     className: classes,
@@ -183,11 +183,11 @@ class Row extends PureComponent {
       "aria-labelledby": this.id,
       checked: selected,
       disabled: true
-    })), collapsible && collapsed && /*#__PURE__*/React.createElement(ThemedButton, {
+    })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
       className: modules_1db4bbca.rowCollapseExpandButton,
       icon: chevronRightIcon,
       onClick: () => onExpand(item)
-    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(ThemedButton, {
+    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
       className: modules_1db4bbca.rowCollapseExpandButton,
       icon: chevronDownIcon,
       onClick: () => onCollapse(item)

package/dist/table/smart-table.js

@@ -43,8 +43,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/table.js

@@ -42,8 +42,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-legacy-ng/table-legacy-ng.js

@@ -35,8 +35,8 @@ import '../icon/icon.js';
 import 'util-deprecate';
 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 '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -44,6 +44,7 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
@@ -93,12 +94,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';

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

@@ -21,8 +21,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 '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -30,6 +30,7 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
@@ -83,12 +84,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';

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

@@ -49,8 +49,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

@@ -48,8 +48,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

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

package/dist/tabs/collapsible-tab.js

@@ -29,6 +29,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
 
   const {
     title,
+    titleProps,
     disabled,
     href,
     className,
@@ -43,7 +44,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 +55,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.js

@@ -60,7 +60,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/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 interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
     children: Children;
     onSelect: (key: string) => void;
     className?: string | null | undefined;
@@ -15,7 +14,6 @@ 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>;
@@ -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

@@ -3,7 +3,6 @@ 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';
@@ -64,6 +63,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 +83,7 @@ class Tabs extends PureComponent {
       } = this.props;
       const {
         title,
+        titleProps,
         id,
         disabled,
         href,
@@ -94,17 +95,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 +113,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 +140,6 @@ class Tabs extends PureComponent {
 }
 
 _defineProperty(Tabs, "propTypes", {
-  theme: PropTypes.string,
   selected: PropTypes.string,
   className: PropTypes.string,
   href: PropTypes.string,
@@ -156,8 +154,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.js

@@ -2,10 +2,9 @@ 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 'classnames';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../_helpers/tabs.js';
 import './tab-link.js';
 import '../link/link.js';
@@ -63,6 +62,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';
 import './custom-item.js';
@@ -87,7 +87,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.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;

package/dist/tabs/tabs.js

@@ -7,7 +7,6 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
 import '../_helpers/tabs.js';
 import './tab-link.js';
@@ -66,5 +65,6 @@ 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';

package/dist/tabs-ng/tabs-ng.js

@@ -1,10 +1,7 @@
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
-import Theme from '../global/theme.js';
 import template from './tabs-ng__template.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
 
 /**
  * @name Tabs Ng
@@ -21,14 +18,12 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
       tabParameter: '@',
       tabsClass: '=',
       control: '=?',
-      disableLocationChanging: '=',
-      theme: '@?'
+      disableLocationChanging: '='
     },
     controller: ["$scope", function controller($scope) {
       $scope.panes = [];
       $scope.current = null;
       $scope.styles = modules_02138f4a;
-      $scope.theme = $scope.theme || Theme.LIGHT;
 
       function getTabIdFromUrl() {
         return $location.search()[$scope.tabParameter];

package/dist/tabs-ng/tabs-ng__template.js

@@ -1,5 +1,5 @@
 var template = `<div
-  ng-class=":: [styles.tabs, styles[theme]]"
+  ng-class=":: styles.tabs"
   rg-shortcuts="ring-tabs"
   shortcuts-map="keyMap"
   shortcuts-focus="focus"

package/dist/tag/tag.d.ts

@@ -2,6 +2,7 @@ import React, { HTMLAttributes, PureComponent, ReactNode, RefCallback } from 're
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 export interface TagRenderProps extends HTMLAttributes<HTMLElement> {
+    disabled: boolean;
     ref: RefCallback<HTMLElement>;
     'data-test': string;
 }

package/dist/tag/tag.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
 import Icon from '../icon/icon.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
@@ -12,11 +12,11 @@ import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"unit":"8px","background-color":"var(--ring-tag-background-color)","max-height":"20px","tag":"tag_rui_d000 resetButton_rui_750f","withRemove":"withRemove_rui_d000","container":"container_rui_d000","focused":"focused_rui_d000","tagAngled":"tagAngled_rui_d000","content":"content_rui_d000 ellipsis_rui_750f","disabled":"disabled_rui_d000","remove":"remove_rui_d000","removeIcon":"removeIcon_rui_d000","icon":"icon_rui_d000","avatarContainer":"avatarContainer_rui_d000","customIcon":"customIcon_rui_d000","avatarIcon":"avatarIcon_rui_d000"};
+var modules_2f9be069 = {"unit":"8px","max-height":"20px","tag":"tag_rui_1757 resetButton_rui_750f","tagAngled":"tagAngled_rui_1757","withRemove":"withRemove_rui_1757","container":"container_rui_1757","focused":"focused_rui_1757","content":"content_rui_1757 ellipsis_rui_750f","disabled":"disabled_rui_1757","remove":"remove_rui_1757","removeIcon":"removeIcon_rui_1757","icon":"icon_rui_1757","avatarContainer":"avatarContainer_rui_1757","customIcon":"customIcon_rui_1757","avatarIcon":"avatarIcon_rui_1757"};
 
 /**
  * @name Tag
@@ -121,7 +121,7 @@ class Tag extends PureComponent {
 
   renderRemoveIcon() {
     if (!this.props.readOnly) {
-      return /*#__PURE__*/React.createElement(ThemedButton, {
+      return /*#__PURE__*/React.createElement(Button, {
         title: "Remove",
         icon: closeIcon,
         "data-test": "ring-tag-remove",
@@ -160,6 +160,7 @@ class Tag extends PureComponent {
         backgroundColor,
         color: textColor
       },
+      disabled: this.props.disabled,
       children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
         className: modules_2f9be069.content
       }, this.props.children))

package/dist/tags-input/tags-input.js

@@ -8,13 +8,14 @@ import TagsList from '../tags-list/tags-list.js';
 import Caret from '../caret/caret.js';
 import memoize from '../global/memoize.js';
 import rerenderHOC from '../global/rerender-hoc.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -22,8 +23,8 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 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 '../avatar/avatar.js';
 import '../global/url.js';
@@ -71,18 +72,13 @@ 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 '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var modules_5aa8aaf3 = {"tagsInput":"tagsInput_rui_7738","tagsInputLegacyMode":"tagsInputLegacyMode_rui_7738","tagsList":"tagsList_rui_7738","tag":"tag_rui_7738","tagsInputDisabled":"tagsInputDisabled_rui_7738","underline":"underline_rui_7738","tagsInputFocused":"tagsInputFocused_rui_7738","tagsSelect":"tagsSelect_rui_7738","focusUnderline":"focusUnderline_rui_7738"};
+var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_1e0b","container":"container_rui_1e0b","input":"input_rui_1e0b","tagsInput":"tagsInput_rui_25d3","tagsInputLegacyMode":"tagsInputLegacyMode_rui_25d3","tagsList":"tagsList_rui_25d3","tag":"tag_rui_25d3","tagsInputDisabled":"tagsInputDisabled_rui_25d3","underline":"underline_rui_25d3","tagsInputFocused":"tagsInputFocused_rui_25d3","tagsSelect":"tagsSelect_rui_25d3","focusUnderline":"focusUnderline_rui_25d3"};
 
 function noop() {}
 /**