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

package/components/date-picker/month.js

@@ -6,7 +6,7 @@ import { getDay } from 'date-fns/getDay';
 import { setDay } from 'date-fns/setDay';
 import Day from './day.js';
 import { shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -37,9 +37,9 @@ function Month(props) {
     day = addDays(day, 1);
   }
   return /*#__PURE__*/jsxs("div", {
-    className: modules_0c7b7d96.month,
+    className: styles.month,
     children: [/*#__PURE__*/jsx("span", {
-      className: modules_0c7b7d96.monthTitle,
+      className: styles.monthTitle,
       children: format(props.month, 'LLLL', {
         locale
       })

package/components/date-picker/months.js

@@ -11,7 +11,7 @@ import linearFunction from '../global/linear-function.js';
 import useEventCallback from '../global/use-event-callback.js';
 import Month from './month.js';
 import MonthNames from './month-names.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, WEEK, weekdays } from './consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -111,13 +111,13 @@ function Months(props) {
     };
   }, [handleWheel]);
   return /*#__PURE__*/jsxs("div", {
-    className: modules_0c7b7d96.months,
+    className: styles.months,
     ref: componentRef,
     children: [/*#__PURE__*/jsx("div", {
       style: {
         top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
       },
-      className: modules_0c7b7d96.days,
+      className: styles.days,
       children: months.map(date => /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
         month: date,
         key: +date

package/components/date-picker/weekdays.js

@@ -4,7 +4,7 @@ import { format } from 'date-fns/format';
 import { setDay } from 'date-fns/setDay';
 import { startOfDay } from 'date-fns/startOfDay';
 import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
@@ -15,10 +15,10 @@ function Weekdays(props) {
     locale
   } = props;
   return /*#__PURE__*/jsx("div", {
-    className: modules_0c7b7d96.weekdays,
+    className: styles.weekdays,
     children: days.map(day => /*#__PURE__*/jsx("span", {
-      className: classNames(modules_0c7b7d96.weekday, {
-        [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
+      className: classNames(styles.weekday, {
+        [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
       }),
       children: format(day, 'EEEEEE', {
         locale

package/components/date-picker/years.js

@@ -11,7 +11,7 @@ import { setYear } from 'date-fns/setYear';
 import { startOfYear } from 'date-fns/startOfYear';
 import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, yearDuration } from './consts.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
@@ -86,7 +86,7 @@ class Years extends PureComponent {
     }
     const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
     return /*#__PURE__*/jsx("div", {
-      className: modules_0c7b7d96.years,
+      className: styles.years,
       ref: this.componentRef,
       style: {
         transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
@@ -94,9 +94,9 @@ class Years extends PureComponent {
       },
       children: years.map(item => /*#__PURE__*/jsx("button", {
         type: "button",
-        className: classNames(modules_0c7b7d96.year, {
-          [modules_0c7b7d96.currentYear]: isSameYear(item, date),
-          [modules_0c7b7d96.today]: isThisYear(item)
+        className: classNames(styles.year, {
+          [styles.currentYear]: isSameYear(item, date),
+          [styles.today]: isThisYear(item)
         }),
         onClick: function handleClick() {
           onScrollChange(Number(setYear(scrollDate, getYear(item))));

package/components/dialog/dialog.d.ts

@@ -20,6 +20,7 @@ export interface DialogProps extends Partial<TabTrapProps> {
     dense?: boolean | null | undefined;
     native?: boolean;
     modal?: boolean;
+    preventBodyScroll?: boolean;
 }
 export default class Dialog extends PureComponent<DialogProps> {
     static defaultProps: Partial<DialogProps>;

package/components/dialog/dialog.js

@@ -11,7 +11,7 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
-import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.js';
+import { p as preventerFactory, s as styles } from '../_helpers/dialog__body-scroll-preventer.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -39,7 +39,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
-const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal"];
+const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal", "preventBodyScroll"];
 function noop() {}
 class Dialog extends PureComponent {
   constructor() {
@@ -118,6 +118,9 @@ class Dialog extends PureComponent {
     }
   }
   toggleScrollPreventer() {
+    if (!this.props.preventBodyScroll) {
+      return;
+    }
     if (this.props.show) {
       this.scrollPreventer.prevent();
     } else {
@@ -145,10 +148,11 @@ class Dialog extends PureComponent {
         dense,
         shortcutOptions,
         native,
-        modal
+        modal,
+        preventBodyScroll
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_5e9b8c03.container, className);
+    const classes = classNames(styles.container, className);
     const shortcutsMap = this.getShortcutsMap();
     const content = /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(Shortcuts, {
@@ -158,14 +162,14 @@ class Dialog extends PureComponent {
       }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
         // click handler is duplicated in close button
         role: "presentation",
-        className: modules_5e9b8c03.clickableOverlay,
+        className: styles.clickableOverlay,
         onClick: this.handleClick,
         "data-test": "ring-dialog-overlay"
       }), /*#__PURE__*/jsx("div", {
-        className: modules_5e9b8c03.innerContainer,
+        className: styles.innerContainer,
         children: /*#__PURE__*/jsxs(AdaptiveIsland, {
-          className: classNames(modules_5e9b8c03.content, contentClassName, {
-            [modules_5e9b8c03.dense]: dense
+          className: classNames(styles.content, contentClassName, {
+            [styles.dense]: dense
           }),
           "data-test": "ring-dialog",
           role: "dialog",
@@ -173,11 +177,11 @@ class Dialog extends PureComponent {
           children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
             icon: closeIcon,
             "data-test": "ring-dialog-close-button",
-            className: classNames(modules_5e9b8c03.closeButton, {
-              [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
-              [modules_5e9b8c03.closeButtonInside]: closeButtonInside
+            className: classNames(styles.closeButton, {
+              [styles.closeButtonOutside]: !closeButtonInside,
+              [styles.closeButtonInside]: closeButtonInside
             }),
-            iconClassName: modules_5e9b8c03.closeIcon,
+            iconClassName: styles.closeIcon,
             onClick: this.onCloseClick,
             title: closeButtonTitle,
             "aria-label": closeButtonTitle || 'close dialog'
@@ -187,11 +191,11 @@ class Dialog extends PureComponent {
     });
     if (native) {
       return /*#__PURE__*/jsx("dialog", {
-        className: classNames(modules_5e9b8c03.nativeDialog, className),
+        className: classNames(styles.nativeDialog, className),
         ref: this.nativeDialog,
         children: /*#__PURE__*/jsx(PopupTarget, {
           id: this.uid,
-          className: modules_5e9b8c03.popupTarget,
+          className: styles.popupTarget,
           children: target => /*#__PURE__*/jsxs(Fragment, {
             children: [content, target]
           })
@@ -200,7 +204,7 @@ class Dialog extends PureComponent {
     }
     return show && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
       id: this.uid,
-      className: modules_5e9b8c03.popupTarget,
+      className: styles.popupTarget,
       children: target => /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
         trapDisabled: !trapFocus,
         "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
@@ -226,7 +230,8 @@ _defineProperty(Dialog, "defaultProps", {
   },
   trapFocus: false,
   autoFocusFirst: true,
-  modal: true
+  modal: true,
+  preventBodyScroll: true
 });
 
 export { Dialog as default };

package/components/dropdown/dropdown.d.ts

@@ -26,8 +26,8 @@ export interface DropdownProps extends Omit<HTMLAttributes<HTMLElement>, 'childr
     hoverMode: boolean;
     hoverShowTimeOut: number;
     hoverHideTimeOut: number;
-    onShow: (() => void);
-    onHide: (() => void);
+    onShow: () => void;
+    onHide: () => void;
     activeClassName?: string | null | undefined;
     'data-test'?: string | null | undefined;
 }

package/components/dropdown/dropdown.js

@@ -4,7 +4,7 @@ import { Component, cloneElement } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
-import { m as modules_d9414203, A as Anchor } from '../_helpers/anchor.js';
+import { s as styles, A as Anchor } from '../_helpers/anchor.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import '@jetbrains/icons/chevron-10px';
@@ -140,7 +140,7 @@ class Dropdown extends Component {
         disabled
       } = _this$props3,
       restProps = _objectWithoutProperties(_this$props3, _excluded);
-    const classes = classNames(modules_d9414203.dropdown, className, {
+    const classes = classNames(styles.dropdown, className, {
       [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
     });
     let anchorElement;

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

@@ -23,7 +23,7 @@ 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,13 +34,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

@@ -14,7 +14,7 @@ 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 +27,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

@@ -9,7 +9,7 @@ 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 +17,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
     })
   });
@@ -68,7 +68,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 +93,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/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';

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

package/components/grid/grid.js

@@ -1,7 +1,7 @@
 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';
@@ -18,7 +18,7 @@ class Grid extends Component {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_855170c0['container-fluid'], className);
+    const classes = classNames(styles['container-fluid'], className);
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
       "data-test": "ring-grid"
     }, restProps), {}, {

package/components/grid/row.js

@@ -3,7 +3,7 @@ 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 +23,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,8 +37,8 @@ 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,

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,7 +14,7 @@ class Group extends Component {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_d9da30c7.group, className);
+    const classes = classNames(styles.group, className);
     return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
       "data-test": "ring-group"
     }, restProps), {}, {

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