@jetbrains/ring-ui-built 7.0.0-beta.8 → 7.0.0

package/components/header/services.js

@@ -6,12 +6,11 @@ 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';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -90,24 +89,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/smart-profile.js

@@ -26,7 +26,6 @@ import '../_helpers/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';

package/components/header/smart-services.js

@@ -13,7 +13,6 @@ import '@jetbrains/icons/services-20px';
 import 'classnames';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';

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,11 +3,10 @@ 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';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/linear-function.js';
 import 'element-resize-detector';
@@ -25,9 +24,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,9 +3,8 @@ 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';
 
 const _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
@@ -28,16 +27,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,9 +23,8 @@ 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';
 import '../shortcuts/core.js';
 import 'combokeys';
@@ -571,7 +570,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 +627,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 +648,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 +665,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,9 +4,8 @@ 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';
 
 const _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
 class ListCustom extends PureComponent {
@@ -37,10 +36,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
     });

package/components/list/list__item.js

@@ -8,9 +8,8 @@ import Avatar, { Size } from '../avatar/avatar.js';
 import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
-import { m as modules_3b67a421 } from '../_helpers/list.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
+import { s as styles } from '../_helpers/list.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/url.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -26,7 +25,7 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../global/memoize.js';
 
-var modules_5b0fb3e8 = {"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
+var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
 
 const _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
 const RING_UNIT = 8;
@@ -76,16 +75,16 @@ class ListItem extends PureComponent {
     const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
     const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
     const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
-    const classes = classNames(modules_3b67a421.item, modules_5b0fb3e8.resetButton, className, {
-      [modules_3b67a421.action]: !disabled,
-      [modules_3b67a421.hover]: hover && !disabled,
-      [modules_3b67a421.compact]: compact,
-      [modules_3b67a421.scrolling]: scrolling,
-      [modules_3b67a421.disabled]: disabled
+    const classes = classNames(styles.item, globalStyles.resetButton, className, {
+      [styles.action]: !disabled,
+      [styles.hover]: hover && !disabled,
+      [styles.compact]: compact,
+      [styles.scrolling]: scrolling,
+      [styles.disabled]: disabled
     });
     const detailsClasses = classNames({
-      [modules_3b67a421.details]: details,
-      [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
+      [styles.details]: details,
+      [styles.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
     });
     const style = {
       paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
@@ -105,16 +104,16 @@ class ListItem extends PureComponent {
       'ring-list-item-selected': checkbox
     }, restProps['data-test']);
     const labelElement = /*#__PURE__*/jsx("span", {
-      className: modules_3b67a421.label,
+      className: styles.label,
       title: computedTitle,
       "data-test": "ring-list-item-label",
       children: label
     });
     return /*#__PURE__*/jsxs("div", {
-      className: modules_3b67a421.itemContainer,
+      className: styles.itemContainer,
       "data-test": dataTest,
       children: [showCheckbox && /*#__PURE__*/jsx("div", {
-        className: modules_3b67a421.checkboxContainer,
+        className: styles.checkboxContainer,
         children: /*#__PURE__*/jsx(Checkbox, {
           "aria-labelledby": this.id,
           checked: checkbox,
@@ -135,36 +134,36 @@ class ListItem extends PureComponent {
         style: style,
         disabled: disabled,
         children: [/*#__PURE__*/jsxs("div", {
-          className: modules_3b67a421.top,
+          className: styles.top,
           onMouseOut: this.stopBubbling,
           onBlur: this.stopBubbling,
           children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
-            className: modules_3b67a421.left,
+            className: styles.left,
             children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
-              className: modules_3b67a421.glyph,
+              className: styles.glyph,
               glyph: glyph,
               size: this.props.iconSize,
               suppressSizeWarning: this.props.suppressSizeWarning
             }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
-              className: modules_3b67a421.avatar,
+              className: styles.avatar,
               url: avatar,
               size: Size.Size20,
               subavatar: subavatar,
               username: username
             })]
           }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
-            className: modules_3b67a421.description,
+            className: styles.description,
             "data-test": "ring-list-item-description",
             children: description
           }), /*#__PURE__*/jsxs("div", {
-            className: modules_3b67a421.right,
+            className: styles.right,
             children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
-              className: modules_3b67a421.rightGlyph,
+              className: styles.rightGlyph,
               glyph: rightGlyph,
               suppressSizeWarning: this.props.suppressSizeWarning,
               size: this.props.iconSize
             }), icon && /*#__PURE__*/jsx("div", {
-              className: modules_3b67a421.icon,
+              className: styles.icon,
               style: {
                 backgroundImage: "url(\"".concat(icon, "\")")
               }

package/components/list/list__link.js

@@ -4,12 +4,11 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.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 '../link/clickableLink.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/link.js';
-import 'core-js/modules/es.array.reduce.js';
 
 const _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
 class ListLink extends PureComponent {
@@ -32,10 +31,10 @@ class ListLink extends PureComponent {
         children
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_3b67a421.item, className, {
-      [modules_3b67a421.actionLink]: !disabled,
-      [modules_3b67a421.compact]: compact,
-      [modules_3b67a421.scrolling]: scrolling
+    const classes = classNames(styles.item, className, {
+      [styles.actionLink]: !disabled,
+      [styles.compact]: compact,
+      [styles.scrolling]: scrolling
     });
     const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
     return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({

package/components/list/list__separator.js

@@ -1,7 +1,7 @@
 import 'core-js/modules/es.symbol.description.js';
 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 ListSeparator extends PureComponent {
@@ -11,8 +11,8 @@ class ListSeparator extends PureComponent {
       isFirst,
       className
     } = this.props;
-    const classes = classNames(modules_3b67a421.separator, className, {
-      [modules_3b67a421.separator_first]: isFirst
+    const classes = classNames(styles.separator, className, {
+      [styles.separator_first]: isFirst
     });
     return /*#__PURE__*/jsx("span", {
       className: classes,