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

package/components/editable-heading/editable-heading.js

@@ -6,7 +6,7 @@ import { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
-import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -34,7 +34,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
+var styles = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
 
 const _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
 function noop() {}
@@ -91,18 +91,18 @@ const EditableHeading = props => {
     }
     return map;
   }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
-  const classes = classNames(modules_6e69b0fe.editableHeading, className, {
-    [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
-    [modules_6e69b0fe.isEditing]: isEditing,
-    [modules_6e69b0fe.error]: hasError,
-    [modules_6e69b0fe.disabled]: disabled,
-    [modules_6e69b0fe.multiline]: multiline,
-    [modules_6e69b0fe.selectionMode]: isInSelectionMode
+  const classes = classNames(styles.editableHeading, className, {
+    [styles.fullSize]: isEditing && size === Size.FULL,
+    [styles.isEditing]: isEditing,
+    [styles.error]: hasError,
+    [styles.disabled]: disabled,
+    [styles.multiline]: multiline,
+    [styles.selectionMode]: isInSelectionMode
   });
-  const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
-  const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
-    [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
-  }, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
+  const headingClasses = classNames(styles.heading, headingClassName, styles["size".concat(size)]);
+  const inputClasses = classNames('ring-js-shortcuts', styles.input, styles.textarea, {
+    [styles.textareaNotOverflow]: !isOverflow
+  }, inputStyles["size".concat(size)], styles["level".concat(level)], inputClassName);
   const stretch = useCallback(el => {
     if (!el || !el.style) {
       return;
@@ -188,7 +188,7 @@ const EditableHeading = props => {
           onFocus: onInputFocus,
           onBlur: onInputBlur
         })) : /*#__PURE__*/jsxs("div", {
-          className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40["size".concat(size)]),
+          className: classNames(styles.textareaWrapper, inputStyles["size".concat(size)]),
           children: [/*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
             ref: textAreaRef,
             className: inputClasses,
@@ -205,12 +205,12 @@ const EditableHeading = props => {
               maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
             }
           })), !isScrolledToBottom && /*#__PURE__*/jsx("div", {
-            className: modules_6e69b0fe.textareaFade
+            className: styles.textareaFade
           })]
         })]
       }) : /*#__PURE__*/jsx("button", {
         type: "button",
-        className: modules_6e69b0fe.headingWrapperButton,
+        className: styles.headingWrapperButton,
         onMouseDown: onHeadingMouseDown,
         children: /*#__PURE__*/jsx(Heading, {
           className: headingClasses,
@@ -220,21 +220,21 @@ const EditableHeading = props => {
         })
       }), !isEditing && renderMenu(), isEditing && !embedded && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Button, {
-          className: modules_6e69b0fe.button,
+          className: styles.button,
           primary: true,
           disabled: isSaveDisabled,
           loader: isSaving,
           onClick: onSave,
           children: translations.save
         }), /*#__PURE__*/jsx(Button, {
-          className: modules_6e69b0fe.button,
+          className: styles.button,
           disabled: isCancelDisabled,
           onClick: onCancel,
           children: translations.cancel
         })]
       })]
     }), isEditing && error && /*#__PURE__*/jsx("div", {
-      className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)]),
+      className: classNames(styles.errorText, inputStyles["size".concat(size)]),
       children: error
     })]
   });

package/components/error-bubble/error-bubble.js

@@ -17,13 +17,12 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 
-var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
+var styles = {"errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
 
 const _excluded = ["children", "className"];
 class ErrorBubble extends PureComponent {
@@ -34,12 +33,13 @@ class ErrorBubble extends PureComponent {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
+    const errorBubbleClasses = classNames(styles.errorBubble, className);
     return /*#__PURE__*/jsxs("div", {
-      className: modules_ee284100.errorBubbleWrapper,
+      className: styles.errorBubbleWrapper,
+      "data-test": "ring-error-bubble-wrapper",
       children: [Children.map(children, child => /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps))), restProps.error && /*#__PURE__*/jsx(Popup, {
         trapFocus: false,
-        className: modules_ee284100.errorBubblePopup,
+        className: styles.errorBubblePopup,
         hidden: false,
         attached: false,
         directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],

package/components/error-message/error-message.js

@@ -12,9 +12,8 @@ import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.array.reduce.js';
 
-var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
+var styles = {"errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
 
 class ErrorMessage extends Component {
   render() {
@@ -27,23 +26,23 @@ class ErrorMessage extends Component {
       children,
       'data-test': dataTest
     } = this.props;
-    const classes = classNames(modules_2c5e8509.errorMessage, className);
+    const classes = classNames(styles.errorMessage, className);
     return /*#__PURE__*/jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-error-message', dataTest),
       children: [icon && /*#__PURE__*/jsx(Icon, {
-        className: modules_2c5e8509.icon,
+        className: styles.icon,
         glyph: icon,
         size: Size.Size64,
         suppressSizeWarning: true
       }), /*#__PURE__*/jsxs("div", {
-        className: modules_2c5e8509.content,
+        className: styles.content,
         children: [/*#__PURE__*/jsxs("div", {
-          className: modules_2c5e8509.title,
+          className: styles.title,
           "data-test": "ring-error-message-title",
           children: [code && "".concat(code, ":"), " ", message]
         }), description && /*#__PURE__*/jsx("div", {
-          className: modules_2c5e8509.description,
+          className: styles.description,
           children: description
         }), children]
       })]

package/components/footer/footer.js

@@ -4,12 +4,11 @@ import Link from '../link/link.js';
 import { jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
-var modules_7385b3fd = {"light":"light_rui_2ac4","footer":"footer_rui_b622 font_rui_f295","footerFloating":"footerFloating_rui_b622 footer_rui_b622 font_rui_f295","column":"column_rui_b622","columnItem":"columnItem_rui_b622","columnLeft":"columnLeft_rui_b622 column_rui_b622","columnCenter":"columnCenter_rui_b622 column_rui_b622","line":"line_rui_b622","columnRight":"columnRight_rui_b622 column_rui_b622","lineCenter":"lineCenter_rui_b622"};
+var styles = {"footer":"footer_rui_b622 font_rui_f295","footerFloating":"footerFloating_rui_b622 footer_rui_b622 font_rui_f295","column":"column_rui_b622","columnItem":"columnItem_rui_b622","columnLeft":"columnLeft_rui_b622 column_rui_b622","columnCenter":"columnCenter_rui_b622 column_rui_b622","line":"line_rui_b622","columnRight":"columnRight_rui_b622 column_rui_b622","lineCenter":"lineCenter_rui_b622"};
 
 const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
   let {
@@ -17,14 +16,14 @@ const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
     children
   } = _ref;
   const classes = classNames({
-    [modules_7385b3fd.columnLeft]: position === 'left',
-    [modules_7385b3fd.columnCenter]: position === 'center',
-    [modules_7385b3fd.columnRight]: position === 'right'
+    [styles.columnLeft]: position === 'left',
+    [styles.columnCenter]: position === 'center',
+    [styles.columnRight]: position === 'right'
   });
   return /*#__PURE__*/jsx("div", {
     className: classes,
     children: /*#__PURE__*/jsx("ul", {
-      className: modules_7385b3fd.columnItem,
+      className: styles.columnItem,
       children: children
     })
   });
@@ -53,7 +52,7 @@ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
   const items = Array.isArray(props.item) ? props.item : [props.item];
   function renderItem(item) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if ( /*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
+    if (/*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
       return item;
     }
     const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
@@ -68,7 +67,7 @@ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
     return element;
   }
   return /*#__PURE__*/jsx("li", {
-    className: modules_7385b3fd.line,
+    className: styles.line,
     children: items.map(renderItem)
   });
 });
@@ -93,8 +92,8 @@ const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
       }, idx))
     }, position);
   }
-  const classes = classNames(modules_7385b3fd.footer, className, {
-    [modules_7385b3fd.footerFloating]: floating
+  const classes = classNames(styles.footer, className, {
+    [styles.footerFloating]: floating
   });
   return /*#__PURE__*/jsx("footer", {
     className: classes,

package/components/form/form.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-form{color:var(--ring-text-color);font-family:var(--ring-font-family);font-size:var(--ring-font-size)}.ring-form_white-bg{background:var(--ring-content-background-color)}.ring-form_border{border:1px solid var(--ring-disabled-color);border-radius:2px}.ring-form_rows .ring-form__label{float:none;max-width:none}.ring-form_rows.ring-form__control{margin-left:0;width:calc(var(--ring-unit)*42)}.ring-form__wrap{margin-bottom:0;padding:calc(var(--ring-unit)*3) calc(var(--ring-unit)*4) 0}.ring-form__header{min-height:13px;padding-bottom:calc(var(--ring-unit)*2)}.ring-form__control__description{color:var(--ring-secondary-color);display:block;font-size:var(--ring-font-size-smaller);line-height:16px!important;max-width:900px;padding-top:calc(var(--ring-unit)/2)}.ring-form__title-img{border:0;float:left;height:calc(var(--ring-unit)*4)}.ring-form__title{display:block;font-weight:var(--ring-font-weight-bold);margin-bottom:calc(var(--ring-unit))}.ring-form__main-title{color:var(--ring-text-color);font-family:var(--ring-font-family);font-size:19px}.ring-form__title_separated{margin:calc(var(--ring-unit)*3) 0}.ring-form__group{margin:calc(var(--ring-unit)*2) 0;position:relative}.ring-form__group:first-child{margin-top:0}.ring-form__group:after{clear:both;content:\"\";display:block}.ring-form__group_united{padding-bottom:0}.ring-form__group .ring_form__group{padding-left:calc(var(--ring-unit)*2);padding-top:0}.ring-form__group .ring_form__group .ring-form__control{margin-left:calc(var(--ring-unit)*18)}.ring-form__group_nested{padding-left:calc(var(--ring-unit)*2);padding-top:0}.ring-form__group_nested .ring-form__control{margin-left:calc(var(--ring-unit)*18)}.ring-form__label{display:inline-block;float:left;line-height:calc(var(--ring-unit)*2);max-width:calc(var(--ring-unit)*18);padding-top:calc(var(--ring-unit)/2);position:relative;top:0;vertical-align:top}.ring-form__label .ring-checkbox__label,.ring-form__label .ring-radio-btn__label{top:-2px}.ring-form__label_title{font-weight:var(--ring-font-weight-bold)}.ring-form__control{line-height:calc(var(--ring-unit)*3);margin-left:calc(var(--ring-unit)*20);min-height:calc(var(--ring-unit)*3);position:relative;vertical-align:top;width:auto}.ring-form__control_text:after{content:\"\";display:inline-block;height:calc(var(--ring-unit)*3);vertical-align:middle}.ring-form__control_secondary{left:calc(var(--ring-unit)*27);position:absolute;top:var(--ring-unit)}.ring-form__control_on{color:var(--ring-success-color)}.ring-form__control_off{color:var(--ring-secondary-color)}.ring-form__control-link{position:relative;top:6px}.ring-form__control_small{margin-left:calc(var(--ring-unit)*16)!important}.ring-form__info{line-height:20px;margin-bottom:calc(var(--ring-unit)*-1 + 2px);margin-left:calc(var(--ring-unit)*20);width:calc(var(--ring-unit)*85)}.ring-form__control__part{margin-right:var(--ring-unit)}.ring-form__group_short{padding-bottom:0;padding-top:calc(var(--ring-unit)/2)}.ring-form__group_short:last-child{padding-bottom:var(--ring-unit)}.ring-form__group_short.ring-form__control{margin-left:calc(var(--ring-unit)*3)}.ring-form_small .ring-form__label{max-width:calc(var(--ring-unit)*12)}.ring-form_small .ring-form__control{margin-left:calc(var(--ring-unit)*16)}";
-var modules_bbe19eab = {"light":"light_rui_2ac4"};
+var form = {};
 
-export { css, modules_bbe19eab as default };
+export { form as default };

package/components/global/compose.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.array.reduce.js';
-
 function compose() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];

package/components/global/data-tests.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 function expandMap(attrsMap) {

package/components/global/theme.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes, ReactElement, FunctionComponent } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",
@@ -16,10 +16,12 @@ export interface WithThemeClassesProps {
 }
 export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare function applyTheme(theme: Theme.DARK | Theme.LIGHT, container: HTMLElement): void;
+type WrapperType = FunctionComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
     theme?: Theme;
     passToPopups?: boolean;
+    WrapperComponent?: WrapperType;
     target?: HTMLElement;
 }
-export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLElement>>;
 export default Theme;

package/components/global/theme.js

@@ -5,7 +5,7 @@ import 'classnames';
 import 'react-dom';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
-export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, d as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
+export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, e as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
 import 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
@@ -18,7 +18,6 @@ import 'combokeys';
 import './sniffer.js';
 import 'sniffr';
 import './data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';

package/components/grid/col.js

@@ -3,7 +3,7 @@ import 'core-js/modules/es.array.reverse.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import classNames from 'classnames';
-import { m as modules_855170c0 } from '../_helpers/grid.js';
+import { s as styles } from '../_helpers/grid.js';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children", "className", "reverse"];
@@ -28,7 +28,7 @@ function getClassNames(props) {
     return classMap[key];
   }).map(_ref2 => {
     let [key, value] = _ref2;
-    return modules_855170c0[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
+    return styles[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
   });
 }
 class Col extends Component {
@@ -40,11 +40,12 @@ class Col extends Component {
         reverse
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
-      [modules_855170c0.reverse]: reverse
+    const classes = classNames(styles.col, className, getClassNames(restProps), {
+      [styles.reverse]: reverse
     });
     return /*#__PURE__*/jsx("div", {
       className: classes,
+      "data-test": "ring-grid-column",
       children: children
     });
   }

package/components/grid/grid.js

@@ -1,11 +1,10 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
 import classNames from 'classnames';
-import { m as modules_855170c0 } from '../_helpers/grid.js';
+import { s as styles } from '../_helpers/grid.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Row } from './row.js';
 export { default as Col } from './col.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.reverse.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
@@ -18,8 +17,10 @@ class Grid extends Component {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_855170c0['container-fluid'], className);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    const classes = classNames(styles['container-fluid'], className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+      "data-test": "ring-grid"
+    }, restProps), {}, {
       className: classes,
       children: children
     }));

package/components/grid/row.js

@@ -1,9 +1,8 @@
 import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.reverse.js';
 import { Component } from 'react';
 import classNames from 'classnames';
-import { m as modules_855170c0 } from '../_helpers/grid.js';
+import { s as styles } from '../_helpers/grid.js';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children", "className", "reverse"];
@@ -23,7 +22,7 @@ const modifierKeys = ['start', 'center', 'end',
 function getModifierClassNames(props) {
   return modifierKeys.reduce((result, key) => {
     if (props[key]) {
-      return result.concat(modules_855170c0["".concat(key, "-").concat(props[key])]);
+      return result.concat(styles["".concat(key, "-").concat(props[key])]);
     }
     return result;
   }, []);
@@ -37,11 +36,12 @@ class Row extends Component {
         reverse
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
-      [modules_855170c0.reverse]: reverse
+    const classes = classNames(className, styles.row, getModifierClassNames(restProps), {
+      [styles.reverse]: reverse
     });
     return /*#__PURE__*/jsx("div", {
       className: classes,
+      "data-test": "ring-grid-row",
       children: children
     });
   }

package/components/group/group.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_d9da30c7 = {"light":"light_rui_2ac4","group":"group_rui_bce8"};
+var styles = {"group":"group_rui_bce8"};
 
 const _excluded = ["children", "className"];
 class Group extends Component {
@@ -14,8 +14,10 @@ class Group extends Component {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_d9da30c7.group, className);
-    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    const classes = classNames(styles.group, className);
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+      "data-test": "ring-group"
+    }, restProps), {}, {
       className: classes,
       children: children
     }));

package/components/header/header-icon.js

@@ -2,7 +2,7 @@ import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/
 import { Component } from 'react';
 import classNames from 'classnames';
 import { Button } from '../button/button.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 '@jetbrains/icons/chevron-down';
@@ -26,9 +26,9 @@ class HeaderIcon extends Component {
         rotatable: rotatable
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_47759f5e.icon, className, {
-      [modules_47759f5e.rotatable]: rotatable,
-      [modules_47759f5e.rotated]: rotatable && restProps.active
+    const classes = classNames(styles.icon, className, {
+      [styles.rotatable]: rotatable,
+      [styles.rotated]: rotatable && restProps.active
     });
     return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
       className: classes

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';
@@ -26,7 +26,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
@@ -119,8 +118,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';
@@ -33,7 +33,6 @@ import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -108,7 +107,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 +117,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 +138,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 +155,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 +169,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 +198,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-link.js

@@ -5,7 +5,6 @@ export { S as default } from '../_helpers/services-link.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';