@jetbrains/ring-ui-built 7.0.0-beta.13 → 7.0.0-beta.14

package/components/tab-trap/tab-trap.js

@@ -5,7 +5,7 @@ import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 
-var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_11f0"};
+var styles = {"trapButton":"trapButton_rui_11f0"};
 
 const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
 const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
@@ -130,7 +130,7 @@ const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
       // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
       tabIndex: 0,
       ref: trapButtonNodeRef,
-      className: modules_6dce58ae.trapButton,
+      className: styles.trapButton,
       onFocus: focusLastIfEnabled,
       onBlur: handleBlurIfWithoutFocus,
       "data-trap-button": true

package/components/table/cell.js

@@ -2,14 +2,14 @@ import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Cell extends PureComponent {
   render() {
-    const classes = classNames(modules_1db4bbca.cell, this.props.className);
+    const classes = classNames(style.cell, this.props.className);
     return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
       className: classes,
       "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),

package/components/table/header-cell.js

@@ -6,7 +6,7 @@ import sortableIcon from '@jetbrains/icons/unsorted-10px';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import Icon from '../icon/icon.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -54,11 +54,11 @@ class HeaderCell extends PureComponent {
     this.sorted = sortKey === column.id;
     const glyph = this.sorted ? chevronDown : sortableIcon;
     const classes = classNames(className, column.headerClassName, {
-      [modules_1db4bbca.headerCell]: true,
-      [modules_1db4bbca.headerCellSortable]: this.sortable,
-      [modules_1db4bbca.headerCellSorted]: this.sorted,
-      [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
-      [modules_1db4bbca.cellRight]: column.rightAlign
+      [style.headerCell]: true,
+      [style.headerCellSortable]: this.sortable,
+      [style.headerCellSorted]: this.sorted,
+      [style.sortedUp]: sortOrder && this.sorted,
+      [style.cellRight]: column.rightAlign
     });
     return /*#__PURE__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes,
@@ -69,10 +69,10 @@ class HeaderCell extends PureComponent {
         role: "presentation",
         children: this.props.children
       }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
-        className: modules_1db4bbca.sorter,
+        className: style.sorter,
         children: /*#__PURE__*/jsx(Icon, {
           glyph: glyph,
-          className: modules_1db4bbca.icon
+          className: style.icon
         })
       })]
     }));

package/components/table/header.js

@@ -4,7 +4,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import HeaderCell from './header-cell.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
@@ -45,7 +45,7 @@ class Header extends PureComponent {
       sortKey,
       sortOrder
     } = this.props;
-    const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
+    const metaColumnClasses = classNames(style.metaColumn, style.headerMetaColumn);
     const metaColumn = /*#__PURE__*/jsx("div", {
       className: metaColumnClasses,
       children: selectable && /*#__PURE__*/jsx(Checkbox, {
@@ -88,19 +88,19 @@ class Header extends PureComponent {
         top: topStickOffset
       },
       className: classNames({
-        [modules_1db4bbca.tableHead]: true,
-        [modules_1db4bbca.subHeaderSticky]: sticky
+        [style.tableHead]: true,
+        [style.subHeaderSticky]: sticky
       }),
       children: [caption && /*#__PURE__*/jsx("tr", {
         "data-test": "ring-table-header-row",
         children: /*#__PURE__*/jsx("th", {
-          className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
+          className: classNames(style.headerCell, style.caption),
           colSpan: regularCells.length + 1,
           "data-test": "ring-table-header-cell",
           children: caption
         })
       }), /*#__PURE__*/jsx("tr", {
-        className: modules_1db4bbca.subHeader,
+        className: style.subHeader,
         "data-test": "ring-table-header-row",
         children: regularCells
       })]

package/components/table/row.js

@@ -12,7 +12,7 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
 import { createComposedRef } from '../global/composeRefs.js';
 import Cell from './cell.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -51,8 +51,8 @@ const DragHandle = _ref => {
     alwaysShowDragHandle,
     dragHandleTitle = 'Drag to reorder'
   } = _ref;
-  const classes = classNames(modules_1db4bbca.dragHandle, {
-    [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
+  const classes = classNames(style.dragHandle, {
+    [style.visibleDragHandle]: alwaysShowDragHandle
   });
   return /*#__PURE__*/jsx(Button, {
     "data-movable-handle": true,
@@ -142,15 +142,15 @@ class Row extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(className, {
-      [modules_1db4bbca.row]: true,
-      [modules_1db4bbca.rowFocused]: showFocus,
-      [modules_1db4bbca.rowSelected]: selected
+      [style.row]: true,
+      [style.rowFocused]: showFocus,
+      [style.rowSelected]: selected
     });
     const testAttrs = {
       'data-test-focused': showFocus || undefined,
       'data-test-selected': selected || undefined
     };
-    const metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
+    const metaColumnClasses = classNames(metaColumnClassName, style.metaColumn);
     const SUBITEM_OFFSET = 30;
     const COLLAPSIBLE_PARENT_OFFSET = 20;
     const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
@@ -181,11 +181,11 @@ class Row extends PureComponent {
           disabled: true
         })
       }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
-        className: modules_1db4bbca.rowCollapseExpandButton,
+        className: style.rowCollapseExpandButton,
         icon: chevronRightIcon,
         onClick: () => onExpand(item)
       }), collapsible && !collapsed && /*#__PURE__*/jsx(Button, {
-        className: modules_1db4bbca.rowCollapseExpandButton,
+        className: style.rowCollapseExpandButton,
         icon: chevronDownIcon,
         onClick: () => onCollapse(item)
       })]
@@ -196,7 +196,7 @@ class Row extends PureComponent {
       const getDataTest = column.getDataTest || (() => column.id);
       const value = getValue(item, column);
       const cellClasses = classNames({
-        [modules_1db4bbca.cellRight]: column.rightAlign
+        [style.cellRight]: column.rightAlign
       }, column.className);
       const showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
       return /*#__PURE__*/jsxs(Cell, {

package/components/table/selection.d.ts

@@ -1,6 +1,5 @@
 export interface SelectionItem {
     id: string | number;
-    [key: string]: unknown;
 }
 export interface TableSelectionConfig<T extends SelectionItem> {
     data?: readonly T[] | undefined;
@@ -17,13 +16,13 @@ export interface CloneWithConfig<T> {
 }
 export default class Selection<T extends SelectionItem> {
     private _rawData;
-    protected _getChildren: ((item: T) => readonly T[]);
+    protected _getChildren: (item: T) => readonly T[];
     protected _data: Set<T>;
     protected _selected: Set<T>;
     protected _focused: T | null;
     private _getKey;
     protected _isItemSelectable: (item: T) => boolean | undefined;
-    constructor({ data, selected, focused, getKey, getChildren, isItemSelectable }?: TableSelectionConfig<T>);
+    constructor({ data, selected, focused, getKey, getChildren, isItemSelectable, }?: TableSelectionConfig<T>);
     protected _buildData(data: readonly T[] | null | undefined): Set<T>;
     protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
     cloneWith({ data, selected, focused }: CloneWithConfig<T>): Selection<T>;

package/components/table/simple-table.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPl
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import TableContainer from './table.js';
 import Selection$1 from './selection.js';
 import { jsx } from 'react/jsx-runtime';
@@ -67,7 +67,7 @@ class SimpleTable extends PureComponent {
         data: this.props.data
       })
     });
-    _defineProperty(this, "classes", classNames(modules_1db4bbca.disabledHover, this.props.className));
+    _defineProperty(this, "classes", classNames(style.disabledHover, this.props.className));
   }
   render() {
     return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {

package/components/table/table.js

@@ -8,7 +8,7 @@ import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
 import Header from './header.js';
-import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { s as style } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
 import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
@@ -211,15 +211,15 @@ class Table extends PureComponent {
     headerProps.onCheckboxChange = this.onCheckboxChange;
     headerProps.checkboxDisabled = this.props.data.length === 0;
     const wrapperClasses = classNames({
-      [modules_1db4bbca.tableWrapper]: true,
-      [modules_1db4bbca.loading]: loading
+      [style.tableWrapper]: true,
+      [style.loading]: loading
     });
     const classes = classNames(this.props.className, {
-      [modules_1db4bbca.table]: true,
-      [modules_1db4bbca.wideFirstColumn]: this.props.wideFirstColumn,
-      [modules_1db4bbca.multiSelection]: selection.getSelected().size > 0,
-      [modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
-      [modules_1db4bbca.disabledHover]: this.props.disabledHover
+      [style.table]: true,
+      [style.wideFirstColumn]: this.props.wideFirstColumn,
+      [style.multiSelection]: selection.getSelected().size > 0,
+      [style.userSelectNone]: this.state.userSelectNone,
+      [style.disabledHover]: this.props.disabledHover
     });
     const renderList = _ref3 => {
       let {
@@ -229,7 +229,7 @@ class Table extends PureComponent {
       const empty = /*#__PURE__*/jsx("tr", {
         children: /*#__PURE__*/jsx("td", {
           colSpan: columnsArray.length || 1,
-          className: modules_1db4bbca.tableMessage,
+          className: style.tableMessage,
           children: renderEmpty ? renderEmpty() : null
         })
       });
@@ -278,7 +278,7 @@ class Table extends PureComponent {
         showDisabledSelection: isDisabledSelectionVisible(value),
         checkboxTooltip: getCheckboxTooltip(value),
         className: classNames(getItemClassName(value), {
-          [modules_1db4bbca.draggingRow]: isDragged
+          [style.draggingRow]: isDragged
         }),
         metaColumnClassName: getMetaColumnClassName(value),
         draggable: draggable,
@@ -291,7 +291,7 @@ class Table extends PureComponent {
       }));
       return isDragged ? /*#__PURE__*/jsx("table", {
         style: _objectSpread2({}, props.style),
-        className: modules_1db4bbca.draggingTable,
+        className: style.draggingTable,
         children: /*#__PURE__*/jsx("tbody", {
           children: row
         })
@@ -319,7 +319,7 @@ class Table extends PureComponent {
           }))
         })
       }), loading && /*#__PURE__*/jsx("div", {
-        className: modules_1db4bbca.loadingOverlay,
+        className: style.loadingOverlay,
         children: /*#__PURE__*/jsx(Loader, {
           className: loaderClassName
         })

package/components/tabs/collapsible-more.d.ts

@@ -17,5 +17,5 @@ export interface MoreButtonProps {
     morePopupItemClassName?: string | undefined;
     morePopupBeforeEnd: ReactNode;
 }
-export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd }: MoreButtonProps) => import("react").JSX.Element | null>;
+export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd, }: MoreButtonProps) => import("react").JSX.Element | null>;
 export declare const FakeMoreButton: import("react").MemoExoticComponent<({ moreClassName, moreActiveClassName, hasActiveChildren }: FakeMoreButtonProps) => import("react").JSX.Element>;

package/components/tabs/collapsible-more.js

@@ -7,7 +7,7 @@ import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
 import Dropdown from '../dropdown/dropdown.js';
 import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
-import { m as modules_02138f4a } from '../_helpers/tab-link.js';
+import { s as styles } from '../_helpers/tab-link.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -76,14 +76,14 @@ const AnchorLink = _ref => {
       moreActiveClassName
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
+  const classnames = classNames(styles.title, hasActiveChildren && styles.selected, hasActiveChildren && moreActiveClassName, moreClassName);
   return /*#__PURE__*/jsxs(Link, _objectSpread2(_objectSpread2({
     title: 'More',
     className: classnames
   }, restProps), {}, {
     children: ['More', /*#__PURE__*/jsx(Icon, {
       glyph: chevronDown,
-      className: modules_02138f4a.chevron
+      className: styles.chevron
     })]
   }));
 };
@@ -128,7 +128,7 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
       popupItems.push({
         template: morePopupBeforeEnd,
         key: 'before-end-content',
-        className: modules_02138f4a.morePopupBeforeEnd,
+        className: styles.morePopupBeforeEnd,
         rgItemType: ListProps.Type.CUSTOM
       });
     }
@@ -149,7 +149,7 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
     return null;
   }
   return /*#__PURE__*/jsx("div", {
-    className: classNames(modules_02138f4a.title, moreClassName, hasActiveChild && moreActiveClassName),
+    className: classNames(styles.title, moreClassName, hasActiveChild && moreActiveClassName),
     children: /*#__PURE__*/jsx(Dropdown, {
       hoverMode: true,
       anchor: popupAnchor,
@@ -165,7 +165,7 @@ const FakeMoreButton = /*#__PURE__*/memo(_ref3 => {
     hasActiveChildren
   } = _ref3;
   return /*#__PURE__*/jsx("div", {
-    className: classNames(modules_02138f4a.moreButton, modules_02138f4a.title),
+    className: classNames(styles.moreButton, styles.title),
     children: /*#__PURE__*/jsx(AnchorLink, {
       moreClassName: moreClassName,
       moreActiveClassName: moreActiveClassName,

package/components/tabs/collapsible-tab.js

@@ -1,7 +1,7 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classNames from 'classnames';
-import { m as modules_02138f4a, T as TabLink } from '../_helpers/tab-link.js';
+import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import { CustomItem } from './custom-item.js';
 import { jsx } from 'react/jsx-runtime';
 import '../link/link.js';
@@ -34,9 +34,9 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     collapsedClassName,
     collapsedActiveClassName
   } = child.props;
-  const titleClasses = classNames(modules_02138f4a.title, className, {
-    [modules_02138f4a.selected]: selected,
-    [modules_02138f4a.collapsed]: collapsed,
+  const titleClasses = classNames(styles.title, className, {
+    [styles.selected]: selected,
+    [styles.collapsed]: collapsed,
     [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: selected,
     [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
     [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected

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

@@ -11,6 +11,6 @@ export interface CollapsibleTabsProps {
     initialVisibleItems?: number | null | undefined;
     morePopupBeforeEnd?: ReactNode;
 }
-export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps) => import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps) => import("react").JSX.Element>;
+export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element>;
 export default _default;

package/components/tabs/collapsible-tabs.js

@@ -5,7 +5,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { memo, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';
-import { m as modules_02138f4a } from '../_helpers/tab-link.js';
+import { s as styles } from '../_helpers/tab-link.js';
 import { MoreButton, FakeMoreButton } from './collapsible-more.js';
 import getTabTitles from './collapsible-tab.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -257,11 +257,11 @@ const CollapsibleTabs = _ref => {
     };
   }, [adjustTabs]);
   const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready === true || initialVisibleItems;
-  const className = classNames(modules_02138f4a.titles, modules_02138f4a.autoCollapse, isAdjusted && modules_02138f4a.adjusted);
+  const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
   return /*#__PURE__*/jsxs("div", {
-    className: modules_02138f4a.autoCollapseContainer,
+    className: styles.autoCollapseContainer,
     children: [/*#__PURE__*/jsxs("div", {
-      className: classNames(className, modules_02138f4a.rendered),
+      className: classNames(className, styles.rendered),
       children: [visibleElements, /*#__PURE__*/jsx(MoreButton, {
         moreClassName: moreClassName,
         moreActiveClassName: moreActiveClassName,
@@ -274,7 +274,7 @@ const CollapsibleTabs = _ref => {
       })]
     }), /*#__PURE__*/jsxs("div", {
       ref: measureRef,
-      className: classNames(className, modules_02138f4a.measure),
+      className: classNames(className, styles.measure),
       children: [childrenToMeasure, /*#__PURE__*/jsx(FakeMoreButton, {
         hasActiveChildren: preparedElements.hidden.some(item => item.props.alwaysHidden && item.props.id === selected),
         moreClassName: moreClassName,

package/components/tabs/dumb-tabs.js

@@ -5,7 +5,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_02138f4a, T as TabLink } from '../_helpers/tab-link.js';
+import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -95,8 +95,8 @@ class Tabs extends PureComponent {
       } = child.props;
       const key = id || String(i);
       const isSelected = key === selected;
-      const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
-        [modules_02138f4a.selected]: isSelected
+      const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
+        [styles.selected]: isSelected
       });
       return /*#__PURE__*/jsx(TabLink, _objectSpread2({
         title: title,
@@ -119,7 +119,7 @@ class Tabs extends PureComponent {
         'data-test': dataTest
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_02138f4a.tabs, className);
+    const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return /*#__PURE__*/jsxs("div", {
       className: classes,
@@ -129,7 +129,7 @@ class Tabs extends PureComponent {
         selected: selected,
         children: childrenArray
       })) : /*#__PURE__*/jsx("div", {
-        className: modules_02138f4a.titles,
+        className: styles.titles,
         children: childrenArray.map(this.getTabTitle)
       }), /*#__PURE__*/jsx("div", {
         className: classNames(tabContainerClassName),

package/components/tag/tag.js

@@ -17,7 +17,7 @@ import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
+var styles = {"tag":"tag_rui_5765 resetButton_rui_f295","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
 
 class Tag extends PureComponent {
   constructor() {
@@ -65,7 +65,7 @@ class Tag extends PureComponent {
   renderCustomIcon() {
     if (this.props.rgTagIcon) {
       return /*#__PURE__*/jsx(Icon, {
-        className: modules_2f9be069.icon,
+        className: styles.icon,
         title: this.props.rgTagTitle,
         glyph: this.props.rgTagIcon
       });
@@ -74,8 +74,8 @@ class Tag extends PureComponent {
   }
   _renderImageElement(avatarSrc) {
     const classes = classNames({
-      [modules_2f9be069.customIcon]: this.props.icon,
-      [modules_2f9be069.avatarIcon]: avatarSrc
+      [styles.customIcon]: this.props.icon,
+      [styles.avatarIcon]: avatarSrc
     });
     return /*#__PURE__*/jsx("img", {
       alt: avatarSrc ? 'Avatar' : 'Icon',
@@ -92,7 +92,7 @@ class Tag extends PureComponent {
   renderAvatar() {
     if (this.props.avatar) {
       return /*#__PURE__*/jsx("span", {
-        className: modules_2f9be069.avatarContainer,
+        className: styles.avatarContainer,
         children: this._renderImageElement(this.props.avatar)
       });
     }
@@ -104,8 +104,8 @@ class Tag extends PureComponent {
         title: "Remove",
         icon: closeIcon,
         "data-test": "ring-tag-remove",
-        className: modules_2f9be069.remove,
-        iconClassName: modules_2f9be069.removeIcon,
+        className: styles.remove,
+        iconClassName: styles.removeIcon,
         onClick: this.props.onRemove,
         style: {
           '--ring-icon-secondary-color': this.props.textColor
@@ -116,10 +116,10 @@ class Tag extends PureComponent {
     return null;
   }
   render() {
-    const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-      [modules_2f9be069.focused]: this.state.focused,
-      [modules_2f9be069.disabled]: this.props.disabled,
-      [modules_2f9be069.withRemove]: !this.props.readOnly
+    const classes = classNames('ring-js-shortcuts', styles.tag, {
+      [styles.focused]: this.state.focused,
+      [styles.disabled]: this.props.disabled,
+      [styles.withRemove]: !this.props.readOnly
     }, this.props.className);
     const {
       backgroundColor,
@@ -127,7 +127,7 @@ class Tag extends PureComponent {
       render
     } = this.props;
     return /*#__PURE__*/jsxs("span", {
-      className: modules_2f9be069.container,
+      className: styles.container,
       children: [render({
         'data-test': 'ring-tag',
         className: classes,
@@ -140,7 +140,7 @@ class Tag extends PureComponent {
         disabled: this.props.disabled,
         children: /*#__PURE__*/jsxs(Fragment, {
           children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
-            className: modules_2f9be069.content,
+            className: styles.content,
             children: this.props.children
           })]
         })

package/components/tags-input/tags-input.js

@@ -8,7 +8,7 @@ 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 { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import getUID from '../global/get-uid.js';
 import { ControlLabel } from '../control-label/control-label.js';
@@ -83,7 +83,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","light":"light_rui_2ac4","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
+var styles = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
 
 function noop() {}
 /**
@@ -338,9 +338,9 @@ class TagsInput extends PureComponent {
       height = this.context,
       label
     } = this.props;
-    const classes = classNames(modules_5aa8aaf3.tagsInput, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
-      [modules_5aa8aaf3.tagsInputDisabled]: disabled,
-      [modules_5aa8aaf3.tagsInputFocused]: focused
+    const classes = classNames(styles.tagsInput, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {
+      [styles.tagsInputDisabled]: disabled,
+      [styles.tagsInputFocused]: focused
     }, this.props.className);
     return /*#__PURE__*/jsxs("div", {
       // it transfers focus to input
@@ -360,8 +360,8 @@ class TagsInput extends PureComponent {
         disabled: disabled,
         canNotBeEmpty: canNotBeEmpty,
         handleRemove: this.handleRemove,
-        className: modules_5aa8aaf3.tagsList,
-        tagClassName: modules_5aa8aaf3.tag,
+        className: styles.tagsList,
+        tagClassName: styles.tag,
         handleClick: this.handleClick,
         customTagComponent: this.props.customTagComponent,
         children: /*#__PURE__*/jsx(Select, {
@@ -371,7 +371,7 @@ class TagsInput extends PureComponent {
           type: Select.Type.INPUT_WITHOUT_CONTROLS,
           inputPlaceholder: this.props.placeholder,
           data: this.state.suggestions,
-          className: classNames(modules_5aa8aaf3.tagsSelect),
+          className: classNames(styles.tagsSelect),
           onSelect: this.addTag,
           onFocus: this._focusHandler,
           onBlur: this._blurHandler,

package/components/text/text.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
+var styles = {"text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
 
 const _excluded = ["children", "className", "info", "size", "bold"];
 const TextSize = {
@@ -25,12 +25,12 @@ class Text extends Component {
         bold
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info,
-      [modules_78d1bce6.bold]: bold,
-      [modules_78d1bce6.sizeS]: size === Text.Size.S,
-      [modules_78d1bce6.sizeM]: size === Text.Size.M,
-      [modules_78d1bce6.sizeL]: size === Text.Size.L
+    const classes = classNames(styles.text, className, {
+      [styles.info]: info,
+      [styles.bold]: bold,
+      [styles.sizeS]: size === Text.Size.S,
+      [styles.sizeM]: size === Text.Size.M,
+      [styles.sizeL]: size === Text.Size.L
     });
     return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
       className: classes

package/components/toggle/toggle.d.ts

@@ -5,8 +5,8 @@ export declare const Size: {
     Size20: string;
 };
 /**
-  * @name Toggle
-  */
+ * @name Toggle
+ */
 export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     size: string;
     leftLabel?: ReactNode;