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

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,

package/components/query-assist/query-assist.js

@@ -21,9 +21,9 @@ import rerenderHOC from '../global/rerender-hoc.js';
 import { Button } from '../button/button.js';
 import Icon from '../icon/icon.js';
 import { ControlsHeightContext, ControlsHeight } from '../global/controls-height.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 { I18nContext } from '../i18n/i18n-context.js';
-import { Q as QueryAssistSuggestions, m as modules_da7ab055 } from '../_helpers/query-assist__suggestions.js';
+import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist__suggestions.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'react-dom/server';
@@ -737,7 +737,7 @@ class QueryAssist extends Component {
     } = this.state;
     const classes = [];
     const LETTER_CLASS = 'letter';
-    const LETTER_DEFAULT_CLASS = modules_da7ab055.letterDefault;
+    const LETTER_DEFAULT_CLASS = styles.letterDefault;
     if (styleRanges && styleRanges.length) {
       styleRanges.forEach((item, index) => {
         if (dirty && index === styleRanges.length - 1 && item.style === 'text') {
@@ -745,12 +745,12 @@ class QueryAssist extends Component {
         }
         const styleName = "".concat(LETTER_CLASS, "-").concat(item.style.replace('_', '-'));
         for (let i = item.start; i < item.start + item.length; i++) {
-          classes[i] = modules_da7ab055[styleName];
+          classes[i] = styles[styleName];
         }
       });
     }
     return query && Array.from(query).map((letter, index, letters) => {
-      const className = classNames(modules_da7ab055.letter, classes[index] || LETTER_DEFAULT_CLASS);
+      const className = classNames(styles.letter, classes[index] || LETTER_DEFAULT_CLASS);
       const dataTest = letters.length - 1 === index ? 'ring-query-assist-last-letter' : null;
       // \u00a0 === &nbsp;
       return /*#__PURE__*/jsx("span", {
@@ -787,7 +787,7 @@ class QueryAssist extends Component {
           } = _ref6;
           return /*#__PURE__*/jsx(Button, {
             icon: closeIcon,
-            className: modules_da7ab055.clear,
+            className: styles.clear,
             title: (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
             ref: this.clearRef,
             onClick: this.clearQuery,
@@ -812,23 +812,23 @@ class QueryAssist extends Component {
     const renderLoader = this.props.loader !== false && this.state.loading;
     const renderGlass = glass && !renderLoader;
     const actions = this.renderActions();
-    const containerClasses = classNames(className, modules_88cfaf40["size".concat(huge ? Size.FULL : size)], {
-      [modules_da7ab055.queryAssist]: true,
-      [modules_da7ab055.withIcon]: renderGlass && !huge || renderLoader,
-      [modules_da7ab055.huge]: huge,
-      [modules_da7ab055.queryAssistDisabled]: this.props.disabled
+    const containerClasses = classNames(className, inputStyles["size".concat(huge ? Size.FULL : size)], {
+      [styles.queryAssist]: true,
+      [styles.withIcon]: renderGlass && !huge || renderLoader,
+      [styles.huge]: huge,
+      [styles.queryAssistDisabled]: this.props.disabled
     });
     const inputClasses = classNames(this.props.inputClassName, {
-      ["".concat(modules_da7ab055.input, " ring-js-shortcuts")]: true,
-      [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
-      [modules_da7ab055.inputGap2]: actions.length === 2,
+      ["".concat(styles.input, " ring-js-shortcuts")]: true,
+      [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
+      [styles.inputGap2]: actions.length === 2,
       // TODO: replace with flex-box layout
-      [modules_da7ab055.inputRevertOrder]: !glass || huge
+      [styles.inputRevertOrder]: !glass || huge
     });
     const placeholderStyles = classNames({
-      [modules_da7ab055.placeholder]: true,
-      [modules_da7ab055.hugePlaceholder]: huge,
-      [modules_da7ab055.withoutGlass]: !glass || !renderLoader && huge
+      [styles.placeholder]: true,
+      [styles.hugePlaceholder]: huge,
+      [styles.withoutGlass]: !glass || !renderLoader && huge
     });
     return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
       value: ControlsHeight.M,
@@ -848,14 +848,14 @@ class QueryAssist extends Component {
               scope: this.shortcutsScope
             }), renderGlass && !huge && /*#__PURE__*/jsx(Icon, {
               glyph: searchIcon,
-              className: modules_da7ab055.icon,
+              className: styles.icon,
               title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
               ref: this.glassRef,
               "data-test": "query-assist-search-icon"
             }), renderLoader && /*#__PURE__*/jsx("div", {
-              className: classNames(modules_da7ab055.icon, modules_da7ab055.loader, {
-                [modules_da7ab055.loaderOnTheRight]: !glass && !huge,
-                [modules_da7ab055.loaderActive]: renderLoader
+              className: classNames(styles.icon, styles.loader, {
+                [styles.loaderOnTheRight]: !glass && !huge,
+                [styles.loaderActive]: renderLoader
               }),
               ref: this.loaderRef,
               children: /*#__PURE__*/jsx(LoaderInline, {})
@@ -893,7 +893,7 @@ class QueryAssist extends Component {
               children: this.props.placeholder
             }), actions.length ? /*#__PURE__*/jsx("div", {
               "data-test": "ring-query-assist-actions",
-              className: modules_da7ab055.actions,
+              className: styles.actions,
               children: actions
             }) : null, /*#__PURE__*/jsx(PopupMenu, {
               hidden: !this.state.showPopup,
@@ -915,11 +915,11 @@ class QueryAssist extends Component {
               onMouseUp: this.trackPopupMouseState,
               onSelect: item => this.handleComplete(item)
             }), glass && huge && /*#__PURE__*/jsx("div", {
-              className: modules_da7ab055.rightSearchButton,
+              className: styles.rightSearchButton,
               "data-test": "query-assist-search-button",
               children: /*#__PURE__*/jsx(Icon, {
                 glyph: searchIcon,
-                className: modules_da7ab055.rightSearchIcon,
+                className: styles.rightSearchIcon,
                 title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
                 onClick: this.handleApply,
                 ref: this.glassRef,