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

package/components/list/list__item.js

@@ -8,8 +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 { s as styles } from '../_helpers/list.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import '../global/url.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -26,7 +26,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 +76,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 +105,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 +135,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,7 +4,7 @@ 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';
@@ -32,10 +32,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,

package/components/list/list__title.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 { jsxs, jsx } from 'react/jsx-runtime';
 
 class ListTitle extends PureComponent {
@@ -12,18 +12,18 @@ class ListTitle extends PureComponent {
       label,
       isFirst
     } = this.props;
-    const classes = classNames(modules_3b67a421.title, className, {
-      [modules_3b67a421.title_first]: isFirst
+    const classes = classNames(styles.title, className, {
+      [styles.title_first]: isFirst
     });
     return /*#__PURE__*/jsxs("span", {
       className: classes,
       "data-test": "ring-list-title",
       children: [/*#__PURE__*/jsx("span", {
-        className: classNames(modules_3b67a421.label, modules_3b67a421.text),
+        className: classNames(styles.label, styles.text),
         "data-test": "ring-list-title-label",
         children: label
       }), /*#__PURE__*/jsx("div", {
-        className: modules_3b67a421.description,
+        className: styles.description,
         "data-test": "ring-list-title-description",
         children: description
       })]

package/components/loader/loader__core.js

@@ -3,7 +3,7 @@ import 'core-js/modules/es.regexp.exec.js';
 import { getPixelRatio } from '../global/dom.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_00b5ad26 = {"light":"light_rui_2ac4","canvas":"canvas_rui_eff2","animate":"animate_rui_eff2","rotation-keyframes":"rotation-keyframes_rui_eff2","text":"text_rui_eff2"};
+var styles = {"canvas":"canvas_rui_eff2","animate":"animate_rui_eff2","rotation-keyframes":"rotation-keyframes_rui_eff2","text":"text_rui_eff2"};
 
 const INITIAL_TICKS = 100;
 class Particle {
@@ -79,10 +79,10 @@ class LoaderCore {
     this.props = Object.assign({}, LoaderCore.defaultProps, props);
     this.canvas = document.createElement('canvas');
     this.canvas.dataset.test = 'ring-loader';
-    this.canvas.classList.add(modules_00b5ad26.canvas);
+    this.canvas.classList.add(styles.canvas);
     this.textNode = document.createElement('div');
     this.textNode.dataset.test = 'ring-loader-text';
-    this.textNode.classList.add(modules_00b5ad26.text);
+    this.textNode.classList.add(styles.text);
     this.textNode.textContent = this.props.message ? this.props.message : '';
     containerNode.appendChild(this.canvas);
     containerNode.appendChild(this.textNode);
@@ -202,11 +202,11 @@ class LoaderCore {
   }
   stopAnimation() {
     this.isRunning = false;
-    this.canvas.classList.remove(modules_00b5ad26.animate);
+    this.canvas.classList.remove(styles.animate);
   }
   startAnimation() {
     this.isRunning = true;
-    this.canvas.classList.add(modules_00b5ad26.animate);
+    this.canvas.classList.add(styles.animate);
     this.loop();
   }
   destroy() {

package/components/loader-inline/loader-inline.js

@@ -6,7 +6,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_e49a3529 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","loader":"loader_rui_092a","spin":"spin_rui_092a","pulse":"pulse_rui_092a","children":"children_rui_092a"};
+var styles = {"loader":"loader_rui_092a","spin":"spin_rui_092a","pulse":"pulse_rui_092a","children":"children_rui_092a"};
 
 const _excluded = ["className", "data-test", "children"];
 class LoaderInline extends PureComponent {
@@ -18,14 +18,14 @@ class LoaderInline extends PureComponent {
         children
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_e49a3529.loader, className);
+    const classes = classNames(styles.loader, className);
     const loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
       className: classes
     }));
     return children ? /*#__PURE__*/jsxs(Fragment, {
       children: [loader, /*#__PURE__*/jsx("span", {
-        className: modules_e49a3529.children,
+        className: styles.children,
         children: children
       })]
     }) : loader;

package/components/loader-screen/loader-screen.js

@@ -10,7 +10,7 @@ import '../loader/loader__core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import '../global/dom.js';
 
-var modules_122a82e9 = {"light":"light_rui_2ac4","loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
+var styles = {"loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
 
 const _excluded = ["message", "className", "containerClassName"];
 class LoaderScreen extends PureComponent {
@@ -22,9 +22,9 @@ class LoaderScreen extends PureComponent {
         containerClassName
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
-    const loaderClasses = classNames(className, modules_122a82e9.loader, {
-      [modules_122a82e9.loaderWithoutSpacing]: !message
+    const containerClasses = classNames(containerClassName, styles.loaderScreen);
+    const loaderClasses = classNames(className, styles.loader, {
+      [styles.loaderWithoutSpacing]: !message
     });
     return /*#__PURE__*/jsx("div", {
       className: containerClasses,

package/components/login-dialog/login-dialog.js

@@ -5,6 +5,7 @@ import Dialog from '../dialog/dialog.js';
 import 'classnames';
 import 'core-js/modules/es.array.reduce.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import '../_helpers/island.js';
 import '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import LoaderScreen from '../loader-screen/loader-screen.js';
@@ -15,7 +16,6 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -47,7 +47,7 @@ import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
 
-var modules_45da1992 = {"light":"light_rui_2ac4","iFrame":"iFrame_rui_2d2e","dialogContent":"dialogContent_rui_2d2e","nonOpaqueLoader":"nonOpaqueLoader_rui_2d2e","fallbackLinkContainer":"fallbackLinkContainer_rui_2d2e"};
+var styles = {"iFrame":"iFrame_rui_2d2e","dialogContent":"dialogContent_rui_2d2e","nonOpaqueLoader":"nonOpaqueLoader_rui_2d2e","fallbackLinkContainer":"fallbackLinkContainer_rui_2d2e"};
 
 const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
 const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
@@ -134,7 +134,7 @@ class LoginDialog extends Component {
     return /*#__PURE__*/jsxs(Dialog, {
       "data-test": "ring-login-dialog",
       className: className,
-      contentClassName: modules_45da1992.dialogContent,
+      contentClassName: styles.dialogContent,
       trapFocus: true,
       autoFocusFirst: false,
       show: show,
@@ -145,14 +145,14 @@ class LoginDialog extends Component {
           title: "Login dialog",
           style: iFrameStyle,
           src: url,
-          className: modules_45da1992.iFrame,
+          className: styles.iFrame,
           scrolling: "no"
         })
       }), loading && /*#__PURE__*/jsx(LoaderScreen, {
         message: loadingMessage,
-        containerClassName: modules_45da1992.nonOpaqueLoader
+        containerClassName: styles.nonOpaqueLoader
       }), showFallbackLink && /*#__PURE__*/jsx("div", {
-        className: modules_45da1992.fallbackLinkContainer,
+        className: styles.fallbackLinkContainer,
         children: renderFallbackLink(loggingIn)
       })]
     });

package/components/markdown/markdown.d.ts

@@ -5,8 +5,8 @@ export interface MarkdownProps {
     className?: string | null | undefined;
 }
 /**
-  * @name Markdown
-*/
+ * @name Markdown
+ */
 export default class Markdown extends PureComponent<MarkdownProps> {
     render(): import("react").JSX.Element;
 }

package/components/markdown/markdown.js

@@ -1,10 +1,10 @@
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { m as modules_901b77ec } from '../_helpers/heading.js';
-import { m as modules_607b0772 } from '../_helpers/link.js';
+import { s as styles$1 } from '../_helpers/heading.js';
+import { l as linkStyles } from '../_helpers/link.js';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_9c709e64 = {"p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
+var styles = {"inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
 
 class Markdown extends PureComponent {
   render() {
@@ -13,9 +13,9 @@ class Markdown extends PureComponent {
       children,
       inline
     } = this.props;
-    const classes = classNames(className, modules_901b77ec.contentWithHeadings, modules_607b0772.withLinks, {
-      [modules_9c709e64.markdown]: !inline,
-      [modules_9c709e64.inline]: inline
+    const classes = classNames(className, styles$1.contentWithHeadings, linkStyles.withLinks, {
+      [styles.markdown]: !inline,
+      [styles.inline]: inline
     });
     return /*#__PURE__*/jsx("div", {
       className: classes,

package/components/message/message.js

@@ -9,7 +9,7 @@ import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
-import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
+import { T as Theme, d as darkStyles, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -38,7 +38,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../i18n/i18n.js';
 
-var modules_8b837449 = {"light":"light_rui_2ac4","container":"container_rui_a216","message":"message_rui_a216","icon":"icon_rui_a216","title":"title_rui_a216 font-lower_rui_f295 font_rui_f295","description":"description_rui_a216","gotIt":"gotIt_rui_a216","tail":"tail_rui_a216"};
+var styles = {"container":"container_rui_a216","message":"message_rui_a216","icon":"icon_rui_a216","title":"title_rui_a216 font-lower_rui_f295 font_rui_f295","description":"description_rui_a216","gotIt":"gotIt_rui_a216","tail":"tail_rui_a216"};
 
 const UNIT = 8;
 const TAIL_SIZE = 11;
@@ -156,10 +156,10 @@ class Message extends Component {
       translations,
       theme
     } = this.props;
-    const classes = classNames(modules_8b837449.message, className, {
-      [modules_59717246.dark]: theme === Theme.DARK
+    const classes = classNames(styles.message, className, {
+      [darkStyles.dark]: theme === Theme.DARK
     });
-    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
+    const tailClasses = classNames(styles.tail, tailClassName);
     const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
     const {
       direction
@@ -188,17 +188,17 @@ class Message extends Component {
                   className: tailClasses,
                   style: getTailOffsets(this.getTailOffset())[direction]
                 }), icon && /*#__PURE__*/jsx(Icon, {
-                  className: modules_8b837449.icon,
+                  className: styles.icon,
                   glyph: icon
                 }), title && /*#__PURE__*/jsx("h1", {
                   "data-test": "rgMessageTitle",
-                  className: modules_8b837449.title,
+                  className: styles.title,
                   children: title
                 }), children && /*#__PURE__*/jsx("div", {
-                  className: modules_8b837449.description,
+                  className: styles.description,
                   children: children
                 }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
-                  className: modules_8b837449.gotIt,
+                  className: styles.gotIt,
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {

package/components/old-browsers-message/white-list.js

@@ -9,11 +9,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 129", "and_uc 15.5", "chrome 128", "chrome 127", "chrome 126", "chrome 109", "edge 127", "firefox 129", "ios_saf 17.6", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"]) {
+if (!["and_chr 130", "and_uc 15.5", "chrome 128", "chrome 127", "chrome 126", "chrome 109", "edge 127", "firefox 129", "ios_saf 17.6", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 129", "and_uc 15.5", "chrome 128", "chrome 127", "chrome 126", "chrome 109", "edge 127", "firefox 129", "ios_saf 17.6", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"] || [];
+const SUPPORTED = ["and_chr 130", "and_uc 15.5", "chrome 128", "chrome 127", "chrome 126", "chrome 109", "edge 127", "firefox 129", "ios_saf 17.6", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/components/pager/pager.js

@@ -88,7 +88,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../i18n/i18n.js';
 
-var modules_1a5f0d42 = {"light":"light_rui_2ac4","pager":"pager_rui_ad65","links":"links_rui_ad65","link":"link_rui_ad65","linkDisabled":"linkDisabled_rui_ad65","actions":"actions_rui_ad65","pageSize":"pageSize_rui_ad65"};
+var style = {"pager":"pager_rui_ad65","links":"links_rui_ad65","link":"link_rui_ad65","linkDisabled":"linkDisabled_rui_ad65","actions":"actions_rui_ad65","pageSize":"pageSize_rui_ad65"};
 
 class Pager extends PureComponent {
   constructor() {
@@ -189,7 +189,7 @@ class Pager extends PureComponent {
     const selectOptions = this.getSelectOptions();
     return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
       "data-test": "ring-pager-page-size-selector",
-      className: modules_1a5f0d42.pageSize,
+      className: style.pageSize,
       children: /*#__PURE__*/jsx(Select, {
         data: selectOptions.data,
         selected: selectOptions.selected,
@@ -223,14 +223,14 @@ class Pager extends PureComponent {
     const prevLinkHref = this.generateHref(this.props.currentPage - 1);
     const nextLinkHref = this.generateHref(this.props.currentPage + 1);
     const disabledLinkClasses = classNames({
-      [modules_1a5f0d42.link]: true,
-      [modules_1a5f0d42.linkDisabled]: true
+      [style.link]: true,
+      [style.linkDisabled]: true
     });
     return /*#__PURE__*/jsxs("div", {
-      className: modules_1a5f0d42.links,
+      className: style.links,
       children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
         href: prevLinkHref,
-        className: modules_1a5f0d42.link
+        className: style.link
       }, this.getClickProps(this.handlePrevClick)), {}, {
         children: prevLinkContent
       })) : /*#__PURE__*/jsxs("span", {
@@ -240,7 +240,7 @@ class Pager extends PureComponent {
         }, "text")]
       }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
         href: nextLinkHref,
-        className: modules_1a5f0d42.link
+        className: style.link
       }, this.getClickProps(this.handleNextClick)), {}, {
         children: nextLinkContent
       })) : /*#__PURE__*/jsxs("span", {
@@ -300,7 +300,7 @@ class Pager extends PureComponent {
     const lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
     return /*#__PURE__*/jsxs("div", {
       children: [this.getPagerLinks(), /*#__PURE__*/jsxs("div", {
-        className: modules_1a5f0d42.actions,
+        className: style.actions,
         children: [/*#__PURE__*/jsxs(ButtonToolbar, {
           children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
             children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
@@ -315,7 +315,7 @@ class Pager extends PureComponent {
     });
   }
   render() {
-    const classes = classNames(modules_1a5f0d42.pager, this.props.className);
+    const classes = classNames(style.pager, this.props.className);
     return /*#__PURE__*/jsx("div", {
       "data-test": "ring-pager",
       className: classes,

package/components/panel/panel.js

@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_cf670408 = {"light":"light_rui_2ac4","panel":"panel_rui_e32c panel_rui_027b"};
+var styles = {"panel":"panel_rui_e32c panel_rui_027b"};
 
 const _excluded = ["className", "children"];
 class Panel extends PureComponent {
@@ -14,7 +14,7 @@ class Panel extends PureComponent {
         children
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_cf670408.panel, className);
+    const classes = classNames(styles.panel, className);
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
       className: classes,
       children: children

package/components/permissions/permissions__cache.js

@@ -140,7 +140,7 @@ class PermissionCache {
     let result = this.and(lexems, projectId);
     while (lexems.length > 0 && lexems[0] !== ')') {
       if (lexems.shift() !== '|') {
-        throw new Error('Operator \'|\' was expected');
+        throw new Error("Operator '|' was expected");
       }
       result = this.and(lexems, projectId) || result;
     }
@@ -192,7 +192,7 @@ class PermissionCache {
       result = this.or(lexems, projectId);
       // Expect ')'
       if (lexems.shift() !== ')') {
-        throw new Error('Operator \')\' was expected');
+        throw new Error("Operator ')' was expected");
       }
     } else {
       result = t != null && this.testPermission(t, projectId);

package/components/popup/popup.js

@@ -22,7 +22,7 @@ import 'sniffr';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.sort.js';
 
-var modules_2f69e2e2 = {"light":"light_rui_2ac4","popup":"popup_rui_871b font_rui_f295","hidden":"hidden_rui_871b","showing":"showing_rui_871b","attached":"attached_rui_871b"};
+var styles = {"popup":"popup_rui_871b font_rui_f295","hidden":"hidden_rui_871b","showing":"showing_rui_871b","attached":"attached_rui_871b"};
 
 const isPossibleClientSideNavigation = event => {
   const target = event.target;
@@ -287,10 +287,10 @@ class Popup extends PureComponent {
       'data-test': dataTest
     } = this.props;
     const showing = this.state.display === Display.SHOWING;
-    const classes = classNames(className, modules_2f69e2e2.popup, {
-      [modules_2f69e2e2.attached]: attached,
-      [modules_2f69e2e2.hidden]: hidden,
-      [modules_2f69e2e2.showing]: showing
+    const classes = classNames(className, styles.popup, {
+      [styles.attached]: attached,
+      [styles.hidden]: hidden,
+      [styles.showing]: showing
     });
     const direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
     return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {

package/components/popup/position.js

@@ -206,9 +206,9 @@ function position(attrs) {
       styles = directionsMatrix[directions[0]];
       chosenDirection = directions[0];
     } else {
-      const sortedByIncreasingOverflow = directions.
+      const sortedByIncreasingOverflow = directions
       // Fall back to the first option
-      concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
+      .concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
         styles: directionsMatrix[direction],
         direction
       })).sort((_ref2, _ref3) => {

package/components/progress-bar/progress-bar.d.ts

@@ -41,9 +41,9 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
         value: number;
         label: string;
     };
-    progressbarWrapper?: (HTMLElement | null);
+    progressbarWrapper?: HTMLElement | null;
     progressbarWrapperRef: (el: HTMLElement | null) => void;
-    progressbar?: (HTMLElement | null);
+    progressbar?: HTMLElement | null;
     progressbarRef: (el: HTMLElement | null) => void;
     render(): import("react").JSX.Element;
 }

package/components/progress-bar/progress-bar.js

@@ -4,7 +4,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_fb7af416 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar-animation":"progress-bar-animation_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
+var styles = {"progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar-animation":"progress-bar-animation_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
 
 const _excluded = ["className", "global", "max", "value", "label", "staticColor"];
 class ProgressBar extends PureComponent {
@@ -42,15 +42,15 @@ class ProgressBar extends PureComponent {
       } = _this$props,
       otherProps = _objectWithoutProperties(_this$props, _excluded);
     const width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
-    const classes = classNames(modules_fb7af416.progressBar, className, {
-      [modules_fb7af416.globalMode]: global,
-      [modules_fb7af416.staticLineColor]: staticColor
+    const classes = classNames(styles.progressBar, className, {
+      [styles.globalMode]: global,
+      [styles.staticLineColor]: staticColor
     });
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
       className: classes,
       ref: this.progressbarWrapperRef,
       children: /*#__PURE__*/jsx("div", {
-        className: modules_fb7af416.line,
+        className: styles.line,
         ref: this.progressbarRef,
         role: "progressbar",
         "aria-label": label,