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

package/components/header/header.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread
 import { Component } from 'react';
 import classNames from 'classnames';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
-import { m as modules_47759f5e } from '../_helpers/header.js';
+import { s as styles } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Logo } from './logo.js';
 export { default as Tray } from './tray.js';
@@ -119,8 +119,8 @@ class Header extends Component {
         vertical
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(vertical ? modules_47759f5e.headerVertical : modules_47759f5e.header, className, {
-      [modules_47759f5e.headerSpaced]: spaced && !vertical
+    const classes = classNames(vertical ? styles.headerVertical : styles.header, className, {
+      [styles.headerSpaced]: spaced && !vertical
     });
     const overrideOuterTheme = theme !== Theme.LIGHT;
     const header = /*#__PURE__*/jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {

package/components/header/links.js

@@ -1,7 +1,7 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import classNames from 'classnames';
 import ScrollableSection from '../scrollable-section/scrollable-section.js';
-import { m as modules_47759f5e } from '../_helpers/header.js';
+import { s as styles } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
@@ -13,7 +13,7 @@ function Links(_ref) {
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(ScrollableSection, _objectSpread2(_objectSpread2({}, restProps), {}, {
-    className: classNames(modules_47759f5e.links, className)
+    className: classNames(styles.links, className)
   }));
 }
 

package/components/header/logo.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
-import { m as modules_47759f5e } from '../_helpers/header.js';
+import { s as styles } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon__constants.js';
 import 'util-deprecate';
@@ -20,7 +20,7 @@ class Logo extends PureComponent {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_47759f5e.logo, className);
+    const classes = classNames(styles.logo, className);
     return /*#__PURE__*/jsx("div", {
       className: classes,
       children: /*#__PURE__*/jsx(Icon, _objectSpread2({}, restProps))

package/components/header/profile.d.ts

@@ -36,8 +36,8 @@ export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSe
     onRevertPostponement?: (() => void) | null | undefined;
     menuProps?: PopupMenuAttrs | null | undefined;
     activeClassName?: string | null | undefined;
-    onShow?: (() => void);
-    onHide?: (() => void);
+    onShow?: () => void;
+    onHide?: () => void;
 }
 export default class Profile extends PureComponent<ProfileProps> {
     static defaultProps: ProfileProps;

package/components/header/profile.js

@@ -7,7 +7,7 @@ import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { isTruthy } from '../global/typescript-utils.js';
-import { m as modules_47759f5e } from '../_helpers/header.js';
+import { s as styles } from '../_helpers/header.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
@@ -108,7 +108,7 @@ class Profile extends PureComponent {
     } = this.context;
     if (!user) {
       return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
-        className: classNames(modules_47759f5e.profileEmpty, className),
+        className: classNames(styles.profileEmpty, className),
         children: /*#__PURE__*/jsx(Avatar, {
           size: size,
           round: round
@@ -118,12 +118,12 @@ class Profile extends PureComponent {
     if (user.guest) {
       return renderGuest(this.props);
     }
-    const avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
-      [modules_47759f5e.hasUpdates]: hasUpdates
+    const avatarWrapper = classNames(styles.avatarWrapper, {
+      [styles.hasUpdates]: hasUpdates
     });
     const anchor = /*#__PURE__*/jsxs("button", {
       type: "button",
-      className: modules_47759f5e.anchorClassName,
+      className: styles.anchorClassName,
       children: [/*#__PURE__*/jsx("span", {
         className: avatarWrapper,
         children: /*#__PURE__*/jsx(Avatar, {
@@ -139,12 +139,12 @@ class Profile extends PureComponent {
     const items = [showApplyChangedUser && {
       rgItemType,
       label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
-      className: modules_47759f5e.profileMenuItem,
+      className: styles.profileMenuItem,
       onClick: onRevertPostponement
     }, showLogIn && {
       rgItemType,
       label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
-      className: modules_47759f5e.profileMenuItem,
+      className: styles.profileMenuItem,
       onClick: onRevertPostponement
     }, {
       rgItemType: PopupMenu.ListProps.Type.LINK,
@@ -156,7 +156,7 @@ class Profile extends PureComponent {
     }, showSwitchUser && {
       rgItemType,
       label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
-      className: modules_47759f5e.profileMenuItem,
+      className: styles.profileMenuItem,
       onClick: onSwitchUser
     }, showLogOut && {
       rgItemType,
@@ -170,7 +170,7 @@ class Profile extends PureComponent {
       anchor: anchor,
       data: renderPopupItems(items),
       "data-test": "ring-profile",
-      className: classNames(modules_47759f5e.profile, className),
+      className: classNames(styles.profile, className),
       activeClassName: activeClassName,
       menuProps: _objectSpread2({
         closeOnSelect,
@@ -199,7 +199,7 @@ _defineProperty(Profile, "defaultProps", {
           translate
         } = _ref2;
         return /*#__PURE__*/jsx("div", {
-          className: classNames(modules_47759f5e.profileEmpty, className),
+          className: classNames(styles.profileEmpty, className),
           children: /*#__PURE__*/jsx(Button, {
             primary: true,
             "data-test": "ring-header-login-button",

package/components/header/services.js

@@ -6,9 +6,9 @@ import servicesIcon from '@jetbrains/icons/services-20px';
 import classNames from 'classnames';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
-import { T as Theme, m as modules_59717246 } from '../_helpers/theme.js';
+import { T as Theme, d as darkStyles } from '../_helpers/theme.js';
 import HeaderIcon from './header-icon.js';
-import { m as modules_74a7bf8b, S as ServicesLink } from '../_helpers/services-link.js';
+import { s as styles, S as ServicesLink } from '../_helpers/services-link.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
@@ -90,24 +90,24 @@ class Services extends PureComponent {
       anchor: makeAnchor(loading),
       initShown: initShown,
       children: /*#__PURE__*/jsxs(Popup, {
-        className: classNames(modules_74a7bf8b.services, {
-          [modules_59717246.dark]: theme === Theme.DARK
+        className: classNames(styles.services, {
+          [darkStyles.dark]: theme === Theme.DARK
         }),
         top: -3,
         children: [servicesWithIcons.map(service => {
           const isActive = this.serviceIsActive(service);
           return /*#__PURE__*/jsx(Services.Link, {
             active: isActive,
-            className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
+            className: isActive ? styles.activeItem : styles.item,
             service: service
           }, service.id);
         }), separatorIsRequired && /*#__PURE__*/jsx("div", {
-          className: modules_74a7bf8b.line
+          className: styles.line
         }, "separator"), servicesWithOutIcons.map(service => {
           const isActive = this.serviceIsActive(service);
           return /*#__PURE__*/jsx(Services.Link, {
             active: isActive,
-            className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
+            className: isActive ? styles.activeItemStacked : styles.itemStacked,
             service: service
           }, service.id);
         })]

package/components/header/tray.js

@@ -1,12 +1,12 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component, Children } from 'react';
 import classNames from 'classnames';
-import { m as modules_47759f5e } from '../_helpers/header.js';
+import { s as styles } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children", "className"];
 const wrapChild = child => child && /*#__PURE__*/jsx("div", {
-  className: modules_47759f5e.trayItem,
+  className: styles.trayItem,
   children: child
 });
 class Tray extends Component {
@@ -17,7 +17,7 @@ class Tray extends Component {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_47759f5e.tray, className);
+    const classes = classNames(styles.tray, className);
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes,
       children: Children.map(children, wrapChild)

package/components/heading/heading.js

@@ -2,7 +2,7 @@ import { b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/
 import { memo } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
-import { m as modules_901b77ec } from '../_helpers/heading.js';
+import { s as styles } from '../_helpers/heading.js';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children", "className", "level"],
@@ -22,7 +22,7 @@ const HeadingMemo = /*#__PURE__*/memo(function Heading(_ref) {
       level = Levels.H1
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const classes = classNames(modules_901b77ec.heading, className);
+  const classes = classNames(styles.heading, className);
   const Tag = level <= Levels.H4 ? "h".concat(level) : fallbackHeading();
   return /*#__PURE__*/jsx(Tag, _objectSpread2(_objectSpread2({}, restProps), {}, {
     className: classes,
@@ -53,7 +53,7 @@ const H4 = /*#__PURE__*/memo(function H4(_ref2) {
     } = _ref2,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
   const classes = classNames(className, {
-    [modules_901b77ec.bold]: bold
+    [styles.bold]: bold
   });
   return /*#__PURE__*/jsx(Heading, _objectSpread2(_objectSpread2({}, restProps), {}, {
     className: classes,

package/components/http/http.d.ts

@@ -15,7 +15,7 @@ export interface FetchParams<T = unknown> extends Omit<RequestInit, 'body' | 'he
     query?: Record<string, unknown> | undefined;
     headers?: HeadersInit | Record<string, null | undefined>;
 }
-export interface RequestParams<RawBody extends boolean = true | false> extends FetchParams<RawBody extends true ? (BodyInit | null) : unknown> {
+export interface RequestParams<RawBody extends boolean = true | false> extends FetchParams<RawBody extends true ? BodyInit | null : unknown> {
     sendRawBody?: RawBody;
 }
 export type RequestParamsWithoutMethod<RawBody extends boolean = boolean> = Omit<RequestParams<RawBody>, 'method'>;
@@ -50,9 +50,9 @@ export default class HTTP implements Partial<HTTPAuth> {
      * Usage: const {promise, abort} = http.abortify(http.get<{id: string}>)('http://test.com');
      * @param method
      */
-    abortify: <T>(method: Method<T>) => ((...p: Parameters<Method<T>>) => ({
+    abortify: <T>(method: Method<T>) => ((...p: Parameters<Method<T>>) => {
         promise: Promise<T>;
         abort: () => void;
-    }));
+    });
 }
 export {};

package/components/icon/icon.js

@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import { Color, Size } from './icon__constants.js';
-import { m as modules_29747b80, I as IconSVG } from '../_helpers/icon__svg.js';
+import { s as styles, I as IconSVG } from '../_helpers/icon__svg.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -57,17 +57,19 @@ class Icon extends PureComponent {
     if (!Glyph) {
       return null;
     }
-    const classes = classNames(modules_29747b80.icon, {
-      [modules_29747b80[color]]: !!color,
-      [modules_29747b80.loading]: loading
+    const classes = classNames(styles.icon, {
+      [styles[color]]: !!color,
+      [styles.loading]: loading
     }, className);
-    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+      "data-test": "ring-icon"
+    }, restProps), {}, {
       className: classes,
       children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
         src: Glyph,
         style: this.getStyle()
       }) : /*#__PURE__*/jsx(Glyph, {
-        className: modules_29747b80.glyph,
+        className: styles.glyph,
         style: this.getStyle()
       })
     }));

package/components/input/input-legacy.js

@@ -1,4 +1,3 @@
-var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,225,229;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:211,213,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:129,133,148;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-white-components:255,255,255;--ring-icon-white-color:rgb(var(--ring-icon-white-components));--ring-icon-secondary-components:129,133,148;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:235,236,240;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:201,204,214;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:211,213,219;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:160,189,248;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:90,93,107;--ring-icon-hover-color:rgb(var(--ring-icon-hover-components));--ring-main-components:53,116,240;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:46,85,163;--ring-action-link-color:rgb(var(--ring-action-link-components));--ring-main-hover-components:51,105,214;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,59,75;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:255,175,15;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:85,167,106;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:194,214,252;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:108,112,126;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:49,95,189;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:112,156,245;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:46,85,163;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:46,85,163;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:34,60,114;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:204,54,69;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:164,103,4;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:31,117,54;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:39,40,46;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:108,112,126;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:168,173,189;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,248,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-secondary-background-components:247,248,250;--ring-secondary-background-color:rgb(var(--ring-secondary-background-components));--ring-selected-background-components:212,226,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:237,243,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:235,236,240;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,213,219;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:250,212,216;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:255,241,209;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:197,229,204;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:247,248,250;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:235,236,240;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:250,212,216;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:70,130,250;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:53,116,240;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-removed-subtle-background-components:255,247,247;--ring-removed-subtle-background-color:rgb(var(--ring-removed-subtle-background-components));--ring-warning-subtle-background-components:255,250,235;--ring-warning-subtle-background-color:rgb(var(--ring-warning-subtle-background-components));--ring-added-subtle-background-components:242,252,243;--ring-added-subtle-background-color:rgb(var(--ring-added-subtle-background-components));--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:140,140,140;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:158,136,13;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,51,179;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:235,236,240;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:135,16,148;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:23,80,235;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:6,125,23;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:197,229,204;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:223,225,229;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}.ring-input{--ring-input-padding-block:1px;--ring-input-padding-inline:var(--ring-unit);--ring-input-padding-start:var(--ring-input-padding-inline);--ring-input-padding-end:var(--ring-input-padding-inline);background-color:var(--ring-content-background-color);border:1px solid var(--ring-borders-color);border-radius:var(--ring-border-radius);box-sizing:border-box;caret-color:var(--ring-main-color);color:var(--ring-text-color);font:inherit;font-size:var(--ring-font-size);line-height:var(--ring-line-height);margin:0;outline:none;padding:var(--ring-input-padding-block) var(--ring-input-padding-end) var(--ring-input-padding-block) var(--ring-input-padding-start);transition:border-color var(--ring-ease);width:100%}[dir=rtl] .ring-input{padding-left:var(--ring-input-padding-end);padding-right:var(--ring-input-padding-start)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:hover{border-color:var(--ring-border-hover-color);transition:none}}}.error_rui_cc63 .ring-input{border-color:var(--ring-icon-error-color)}.ring-input:focus{border-color:var(--ring-main-color);transition:none}[disabled].ring-input{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:-webkit-autofill:hover{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}}}.ring-input:-webkit-autofill,.ring-input:-webkit-autofill:focus{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.ring-input_error{border-color:var(--ring-icon-error-color)}.ring-input_filter-popup{min-width:200px;width:100%}.ring-input.ring-input:disabled,.ring-input.ring-input[disabled],.ring-input.ring-input_disabled{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}textarea.ring-input{box-sizing:border-box;min-height:calc(var(--ring-unit)*8);resize:none}.ring-input::placeholder{color:var(--ring-disabled-color)}";
-var modules_7dcda5db = {"light":"light_rui_2ac4","error":"error_rui_cc63"};
+var inputLegacy = {"error":"error_rui_cc63"};
 
-export { css, modules_7dcda5db as default };
+export { inputLegacy as default };

package/components/input-size/input-size.js

@@ -1,4 +1,3 @@
-var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,225,229;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:211,213,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:129,133,148;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-white-components:255,255,255;--ring-icon-white-color:rgb(var(--ring-icon-white-components));--ring-icon-secondary-components:129,133,148;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:235,236,240;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:201,204,214;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:211,213,219;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:160,189,248;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:90,93,107;--ring-icon-hover-color:rgb(var(--ring-icon-hover-components));--ring-main-components:53,116,240;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:46,85,163;--ring-action-link-color:rgb(var(--ring-action-link-components));--ring-main-hover-components:51,105,214;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,59,75;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:255,175,15;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:85,167,106;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:194,214,252;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:108,112,126;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:49,95,189;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:112,156,245;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:46,85,163;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:46,85,163;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:34,60,114;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:204,54,69;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:164,103,4;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:31,117,54;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:39,40,46;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:108,112,126;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:168,173,189;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,248,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-secondary-background-components:247,248,250;--ring-secondary-background-color:rgb(var(--ring-secondary-background-components));--ring-selected-background-components:212,226,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:237,243,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:235,236,240;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,213,219;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:250,212,216;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:255,241,209;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:197,229,204;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:247,248,250;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:235,236,240;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:250,212,216;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:70,130,250;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:53,116,240;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-removed-subtle-background-components:255,247,247;--ring-removed-subtle-background-color:rgb(var(--ring-removed-subtle-background-components));--ring-warning-subtle-background-components:255,250,235;--ring-warning-subtle-background-color:rgb(var(--ring-warning-subtle-background-components));--ring-added-subtle-background-components:242,252,243;--ring-added-subtle-background-color:rgb(var(--ring-added-subtle-background-components));--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:140,140,140;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:158,136,13;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,51,179;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:235,236,240;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:135,16,148;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:23,80,235;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:6,125,23;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:197,229,204;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:223,225,229;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}:root{--ring-input-xs:calc(var(--ring-unit)*12);--ring-input-s:calc(var(--ring-unit)*12);--ring-input-m:calc(var(--ring-unit)*30);--ring-input-l:calc(var(--ring-unit)*50)}.ring-input-size_xs.ring-input-size_xs{display:inline-block;width:var(--ring-input-xs)}.ring-input-size_xs.ring-input-size_xs~.ring-error-bubble{left:calc(var(--ring-input-xs) + 2px)}.ring-input-size_s.ring-input-size_s{display:inline-block;width:var(--ring-input-s)}.ring-input-size_s.ring-input-size_s~.ring-error-bubble{left:calc(var(--ring-input-s) + 2px)}.ring-input-size_m.ring-input-size_m{display:inline-block;width:var(--ring-input-m)}.ring-input-size_m.ring-input-size_m~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_md.ring-input-size_md{display:inline-block;width:var(--ring-input-m)}.ring-input-size_md.ring-input-size_md~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_l.ring-input-size_l{display:inline-block;width:var(--ring-input-l)}.ring-input-size_l.ring-input-size_l~.ring-error-bubble{left:calc(var(--ring-input-l) + 2px)}.ring-input-height_s.ring-input-height_s{--ring-input-padding-block:1px}.ring-input-height_m.ring-input-height_m{--ring-input-padding-block:3px}.ring-input-height_l.ring-input-height_l{--ring-input-padding-block:5px}";
-var modules_3471936d = {"light":"light_rui_2ac4"};
+var inputSize = {};
 
-export { css, modules_3471936d as default };
+export { inputSize as default };

package/components/island/content.js

@@ -4,7 +4,7 @@ import { forwardRef, Component } from 'react';
 import classNames from 'classnames';
 import createResizeDetector from 'element-resize-detector';
 import scheduleRAF from '../global/schedule-raf.js';
-import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import { s as styles } from '../_helpers/island.js';
 import { ScrollHandlerContext } from './adaptive-island-hoc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/linear-function.js';
@@ -88,13 +88,13 @@ class Content extends Component {
       scrolledToTop,
       scrolledToBottom
     } = this.state;
-    const classes = classNames(modules_e6a056e1.content, className, {
-      [modules_e6a056e1.contentWithTopFade]: fade && !scrolledToTop,
-      [modules_e6a056e1.contentWithBottomFade]: fade && !scrolledToBottom,
-      [modules_e6a056e1.withTransparentBottomBorder]: bottomBorder,
-      [modules_e6a056e1.withBottomBorder]: bottomBorder && !scrolledToBottom
+    const classes = classNames(styles.content, className, {
+      [styles.contentWithTopFade]: fade && !scrolledToTop,
+      [styles.contentWithBottomFade]: fade && !scrolledToBottom,
+      [styles.withTransparentBottomBorder]: bottomBorder,
+      [styles.withBottomBorder]: bottomBorder && !scrolledToBottom
     });
-    const scrollableWrapperClasses = classNames(modules_e6a056e1.scrollableWrapper, scrollableWrapperClassName);
+    const scrollableWrapperClasses = classNames(styles.scrollableWrapper, scrollableWrapperClassName);
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       "data-test": "ring-island-content",
       className: classes,

package/components/island/header.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutPropertie
 import { Component } from 'react';
 import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
-import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import { s as styles } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -43,8 +43,8 @@ class Header extends Component {
         phase
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_e6a056e1.header, className, {
-      [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
+    const classes = classNames(styles.header, className, {
+      [styles.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
     });
     const headerStyle = phase != null ? {
       lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
@@ -63,7 +63,7 @@ class Header extends Component {
       className: classes,
       style: headerStyle,
       children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
-        className: modules_e6a056e1.title,
+        className: styles.title,
         style: titleStyle,
         children: children
       }), !wrapWithTitle && children]

package/components/island/island.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import adaptiveIslandHOC from './adaptive-island-hoc.js';
-import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import { s as styles } from '../_helpers/island.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
@@ -25,9 +25,9 @@ class Island extends Component {
         'data-test': dataTest
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_e6a056e1.island, className, {
-      [modules_e6a056e1.narrowIsland]: narrow,
-      [modules_e6a056e1.withoutPaddings]: withoutPaddings
+    const classes = classNames(styles.island, className, {
+      [styles.narrowIsland]: narrow,
+      [styles.withoutPaddings]: withoutPaddings
     });
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes,

package/components/link/link.js

@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
-import { m as modules_607b0772 } from '../_helpers/link.js';
+import { l as linkStyles } from '../_helpers/link.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -28,16 +28,16 @@ function linkHOC(ComposedComponent) {
         } = _this$props,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       const useButton = pseudo || !isCustom && href == null;
-      const classes = classNames(modules_607b0772.link, className, {
-        [modules_607b0772.active]: active,
-        [modules_607b0772.inherit]: inherit,
-        [modules_607b0772.hover]: hover,
-        [modules_607b0772.pseudo]: useButton
+      const classes = classNames(linkStyles.link, className, {
+        [linkStyles.active]: active,
+        [linkStyles.inherit]: inherit,
+        [linkStyles.hover]: hover,
+        [linkStyles.pseudo]: useButton
       });
       let props = restProps;
       if (isCustom && !props.activeClassName) {
         props = _objectSpread2(_objectSpread2({}, props), {}, {
-          activeClassName: modules_607b0772.active
+          activeClassName: linkStyles.active
         });
       }
       if (useButton) {

package/components/list/list.d.ts

@@ -163,7 +163,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     containerRef: (el: HTMLElement | null) => void;
     private _inner?;
     get inner(): HTMLElement | null | undefined;
-    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): import("react").JSX.Element;
+    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react").JSX.Element;
     renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
     renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
     id: string;

package/components/list/list.js

@@ -23,7 +23,7 @@ import ListTitle from './list__title.js';
 import ListSeparator from './list__separator.js';
 import ListHint from './list__hint.js';
 import { Type, Dimension, DEFAULT_ITEM_TYPE } from './consts.js';
-import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { s as styles } from '../_helpers/list.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -571,7 +571,7 @@ class List extends Component {
             "aria-label": this.props.ariaLabel,
             ref: this.virtualizedListRef,
             className: classNames('ring-list__i', {
-              [modules_3b67a421.overscrollNone]: this.props.preventListOverscroll
+              [styles.overscrollNone]: this.props.preventListOverscroll
             }),
             autoHeight: autoHeight,
             style: maxHeight ? _objectSpread2({
@@ -628,7 +628,7 @@ class List extends Component {
       }));
     }
     return /*#__PURE__*/jsx("div", {
-      className: classNames('ring-list__i', modules_3b67a421.simpleInner),
+      className: classNames('ring-list__i', styles.simpleInner),
       onScroll: this.scrollHandler,
       onMouseMove: this.mouseHandler,
       children: /*#__PURE__*/jsx("div", {
@@ -649,7 +649,7 @@ class List extends Component {
     } : undefined;
     const rowCount = this.props.data.length + 2;
     const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);
-    const classes = classNames(modules_3b67a421.list, this.props.className);
+    const classes = classNames(styles.list, this.props.className);
     return /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(ActiveItemContext.Updater, {
         value: this.getId(this.state.activeItem),
@@ -666,7 +666,7 @@ class List extends Component {
           map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
           scope: this.shortcutsScope
         }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/jsx("div", {
-          className: modules_3b67a421.fade,
+          className: styles.fade,
           style: fadeStyles
         }), hint && /*#__PURE__*/jsx(ListHint, {
           label: hint

package/components/list/list__custom.js

@@ -4,7 +4,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
-import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { s as styles } from '../_helpers/list.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 
@@ -37,10 +37,10 @@ class ListCustom extends PureComponent {
         tagName
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_3b67a421.item, className, {
-      [modules_3b67a421.action]: !disabled,
-      [modules_3b67a421.hover]: hover && !disabled,
-      [modules_3b67a421.scrolling]: scrolling
+    const classes = classNames(styles.item, className, {
+      [styles.action]: !disabled,
+      [styles.hover]: hover && !disabled,
+      [styles.scrolling]: scrolling
     });
     const dataTest = joinDataTestAttributes('ring-list-item-custom', {
       'ring-list-item-action': !disabled

package/components/list/list__hint.js

@@ -1,12 +1,12 @@
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { s as styles } from '../_helpers/list.js';
 import { jsx } from 'react/jsx-runtime';
 
 class ListHint extends PureComponent {
   render() {
     return /*#__PURE__*/jsx("span", {
-      className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
+      className: classNames(styles.item, styles.hint),
       "data-test": "ring-list-hint",
       children: this.props.label
     });