@jetbrains/ring-ui 5.0.0-beta.7 → 5.0.1

package/components/table/smart-table.js

@@ -19,11 +19,15 @@ class SmartTable extends PureComponent {
         })
     };
     UNSAFE_componentWillReceiveProps(nextProps) {
-        const { data, isItemSelectable } = nextProps;
-        if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
-            const selection = new Selection({ data, isItemSelectable });
+        const { data, isItemSelectable, selection } = nextProps;
+        if (this.props.remoteSelection && this.props.selection !== selection) {
             this.setState({ selection });
         }
+        else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
+            this.setState({
+                selection: new Selection({ data, isItemSelectable })
+            });
+        }
     }
     onSelect = (selection) => {
         this.setState({ selection });

package/components/table/table.d.ts

@@ -103,12 +103,10 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };
@@ -132,12 +130,10 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };

package/components/tabs/collapsible-more.js

@@ -27,11 +27,11 @@ const morePopupDirections = [
     Directions.BOTTOM_RIGHT
 ];
 export const MoreButton = React.memo(({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd }) => {
-    const onSelectHandler = React.useCallback(listItem => {
+    const onSelectHandler = React.useCallback((listItem) => {
         if (listItem.disabled === true || listItem.custom === true) {
             return;
         }
-        const cb = onSelect(listItem.key);
+        const cb = onSelect(String(listItem.key));
         cb();
     }, [onSelect]);
     const hasActiveChild = React.useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);

package/components/tabs/collapsible-tabs.d.ts

@@ -15,7 +15,7 @@ export interface CollapsibleTabsProps {
 export declare const CollapsibleTabs: {
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;
@@ -29,7 +29,7 @@ export declare const CollapsibleTabs: {
 declare const _default: React.MemoExoticComponent<{
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;

package/components/tabs/collapsible-tabs.js

@@ -42,7 +42,7 @@ export const CollapsibleTabs = ({ children, selected, onSelect, moreClassName, m
         onSelect,
         selected
     ]);
-    const adjustTabs = React.useCallback(entry => {
+    const adjustTabs = React.useCallback((entry) => {
         const containerWidth = entry.contentRect.width;
         const { tabs: tabsSizes, more = 0 } = elements.sizes;
         let renderMore = children.some(tab => tab.props.alwaysHidden);

package/components/tabs/custom-item.d.ts

@@ -4,6 +4,6 @@ import { TabProps } from './tab';
 export declare const CustomItem: {
     ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
 };

package/components/tabs/dumb-tabs.d.ts

@@ -4,7 +4,7 @@ import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
 export { CustomItem };
-declare type Children = readonly Children[] | ReactElement<TabProps> | null | boolean;
+export declare type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
 export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
     children: Children;
     onSelect: (key: string) => void;
@@ -17,7 +17,7 @@ declare class Tabs extends PureComponent<TabsProps> {
         selected: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         'data-test': PropTypes.Requireable<string>;
         autoCollapse: PropTypes.Requireable<boolean>;

package/components/tabs/smart-tabs.d.ts

@@ -1,9 +1,8 @@
-import { PureComponent, ReactElement } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { TabsAttrs } from './dumb-tabs';
-import { TabProps } from './tab';
+import { TabsAttrs, Children } from './dumb-tabs';
 export interface SmartTabsProps extends TabsAttrs {
-    children: ReactElement<TabProps>[];
+    children: Children;
     initSelected?: string | null | undefined;
 }
 export default class SmartTabs extends PureComponent<SmartTabsProps> {
@@ -12,6 +11,7 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         initSelected: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
+    constructor(props: SmartTabsProps);
     state: {
         selected: string;
     };

package/components/tabs/smart-tabs.js

@@ -8,9 +8,15 @@ export default class SmartTabs extends PureComponent {
         initSelected: PropTypes.string,
         'data-test': PropTypes.string
     };
-    state = {
-        selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    };
+    constructor(props) {
+        super(props);
+        this.state = {
+            selected: this.props.initSelected ||
+                (Array.isArray(this.props.children) && this.props.children[0].props.id) ||
+                '0'
+        };
+    }
+    state;
     handleSelect = (selected) => this.setState({ selected });
     render() {
         const { children, initSelected, 'data-test': dataTest, ...restProps } = this.props;

package/components/tabs/tab-link.d.ts

@@ -11,7 +11,7 @@ declare namespace TabLink {
     var propTypes: {
         isSelected: PropTypes.Requireable<boolean>;
         collapsed: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
     };
 }
 declare const _default: React.MemoExoticComponent<typeof TabLink>;

package/components/tabs/tab.d.ts

@@ -17,7 +17,7 @@ export interface TabProps {
 }
 export default class Tab extends PureComponent<TabProps> {
     static propTypes: {
-        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
         id: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/components/tabs/tabs.css

@@ -1,9 +1,18 @@
 @import "../global/variables.css";
 
+@value dark from "../global/variables_dark.css";
 @value unit from "../global/global.css";
 @value line-shadow: inset 0 -1px 0 0;
 @value selected-line-shadow: inset 0 -2px 0 0;
 
+:root {
+  --ring-selected-tab-color: var(--ring-text-color);
+}
+
+.dark {
+  --ring-selected-tab-color: var(--ring-main-color);
+}
+
 .tabs {
   composes: font from "../global/global.css";
 }
@@ -82,7 +91,7 @@
   color: var(--ring-active-text-color);
 
   outline: none;
-  box-shadow: selected-line-shadow var(--ring-main-color);
+  box-shadow: selected-line-shadow var(--ring-selected-tab-color);
 
   font-weight: bold;
 }

package/components/tag/tag.css

@@ -128,7 +128,7 @@
 .remove {
   position: absolute;
   z-index: 1;
-  top: 1px;
+  top: 2px;
   right: 0;
 
   height: auto;

package/components/tag/tag.js

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close';
+import closeIcon from '@jetbrains/icons/close-12px';
 import Icon from '../icon/icon';
 import Button from '../button/button';
 import styles from './tag.css';
@@ -39,7 +39,6 @@ export default class Tag extends PureComponent {
     };
     componentDidUpdate(prevProps) {
         if (this.props.focused !== prevProps.focused) {
-            // eslint-disable-next-line react/no-did-update-set-state
             this.setState({ focused: this.props.focused });
         }
         if (this.state.focused) {

package/components/tags-input/tags-input.d.ts

@@ -120,18 +120,14 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
 }
 export declare const RerenderableTagsInput: {
     new (props: TagsInputProps): {
-        _propsCache: Readonly<TagsInputProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        rerender(props?: Partial<TagsInputProps>, callback?: (() => void) | undefined): void | Element | React.Component<TagsInputProps, any, any>;
+        _propsCache: TagsInputProps & React.RefAttributes<unknown>;
+        rerender(props?: Partial<TagsInputProps>, callback?: (() => void) | undefined): void;
         node?: HTMLElement | null | undefined;
-        context: any;
+        context: unknown;
         setState<K extends keyof TagsInputState>(state: TagsInputState | ((prevState: Readonly<TagsInputState>, props: Readonly<TagsInputProps>) => TagsInputState | Pick<TagsInputState, K> | null) | Pick<TagsInputState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         render(): React.ReactNode;
-        readonly props: Readonly<TagsInputProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<TagsInputProps>;
         state: Readonly<TagsInputState>;
         refs: {
             [key: string]: React.ReactInstance;

package/components/tags-list/tags-list.d.ts

@@ -2,7 +2,7 @@ import React, { Component, ComponentType, HTMLAttributes, ReactNode } from 'reac
 import PropTypes from 'prop-types';
 import { TagAttrs } from '../tag/tag';
 declare function noop(): void;
-export interface TagType extends Omit<TagAttrs, 'onClick'> {
+export interface TagType extends Omit<TagAttrs, 'onClick' | 'children'> {
     label?: ReactNode;
     key?: string | number | null | undefined;
 }

package/components/tooltip-ng/tooltip-ng.js

@@ -1,9 +1,9 @@
 import angular from 'angular';
 
 import {createElement} from 'react';
-import {render} from 'react-dom';
 import classNames from 'classnames';
 
+import {render} from '../global/react-render-adapter';
 import Popup from '../popup/popup';
 
 import './tooltip-ng.css';
@@ -58,15 +58,18 @@ name.factory('RgTooltipPopup', function RgTooltipPopupDirective() {
       trapFocus: false
     };
 
-    this.renderPopup = props => {
-      this.popup = render(
-        createElement(Popup, {
-          ...this.defaultProps,
-          ...props
-        }, this.text),
-        this.wrapperElement
-      );
-    };
+    this.renderPopup = props => render(
+      createElement(Popup, {
+        ...this.defaultProps,
+        ...props,
+        ref: instance => {
+          if (instance != null) {
+            this.popup = instance;
+          }
+        }
+      }, this.text),
+      this.wrapperElement
+    );
 
     this.displayTooltip = customClass => {
       const text = textGetter();

package/components/user-agreement/service.d.ts

@@ -75,37 +75,13 @@ export default class UserAgreementService {
             remindLater: import("prop-types").Validator<string>;
         }>>;
         className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "onClose" | "show" | "translations" | "onAccept" | "onDecline">> & Partial<Pick<{
-        translations: {
-            userAgreement: string;
-            accept: string;
-            decline: string;
-            close: string;
-            scrollToAccept: string;
-            remindLater: string;
-        };
-        show: boolean;
-        onAccept: () => void;
-        onDecline: () => void;
-        onClose: () => void;
-    }, never>>> | undefined) => Promise<unknown>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
+        onClose?: (() => void) | undefined;
+        show?: boolean | undefined;
+        translations?: UserAgreementTranslations | undefined;
+        onAccept?: (() => void) | undefined;
+        onDecline?: (() => void) | undefined;
+    } & {}> | undefined) => Promise<unknown>;
     hideDialog: (withoutNotifications?: boolean | undefined) => void;
     showDialogOrAlert: (withoutNotifications?: boolean | undefined, preview?: boolean | undefined, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
         show: import("prop-types").Requireable<boolean>;
@@ -124,37 +100,13 @@ export default class UserAgreementService {
             remindLater: import("prop-types").Validator<string>;
         }>>;
         className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "onClose" | "show" | "translations" | "onAccept" | "onDecline">> & Partial<Pick<{
-        translations: {
-            userAgreement: string;
-            accept: string;
-            decline: string;
-            close: string;
-            scrollToAccept: string;
-            remindLater: string;
-        };
-        show: boolean;
-        onAccept: () => void;
-        onDecline: () => void;
-        onClose: () => void;
-    }, never>>> | undefined) => Promise<unknown>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
+        onClose?: (() => void) | undefined;
+        show?: boolean | undefined;
+        translations?: UserAgreementTranslations | undefined;
+        onAccept?: (() => void) | undefined;
+        onDecline?: (() => void) | undefined;
+    } & {}> | undefined) => Promise<unknown>;
     hideDialogAndAlert: (withoutNotifications?: boolean | undefined) => void;
     onAccept: () => Promise<void>;
     onDecline: () => void;

package/components/user-agreement/service.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, unmountComponentAtNode } from 'react-dom';
+import { render, unmountComponentAtNode } from '../global/react-render-adapter';
 import Storage from '../storage/storage';
 import alertService from '../alert-service/alert-service';
 import Link from '../link/link';

package/dist/_helpers/anchor.js

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 
-var modules_d9414203 = {"dropdown":"dropdown_rui_b492","anchor":"anchor_rui_b492","chevron":"chevron_rui_b492"};
+var modules_d9414203 = {"dropdown":"dropdown_rui_13c4","anchor":"anchor_rui_13c4","chevron":"chevron_rui_13c4"};
 
 const Anchor = _ref => {
   let {

package/dist/_helpers/badge.js

@@ -1,3 +1,3 @@
-var modules_6c9187df = {"unit":"8px","badge":"badge_rui_3977","gray":"gray_rui_3977","valid":"valid_rui_3977","invalid":"invalid_rui_3977","disabled":"disabled_rui_3977"};
+var modules_6c9187df = {"unit":"8px","badge":"badge_rui_4b7d","gray":"gray_rui_4b7d","valid":"valid_rui_4b7d","invalid":"invalid_rui_4b7d","disabled":"disabled_rui_4b7d"};
 
 export { modules_6c9187df as m };

package/dist/_helpers/button-group.js

@@ -1,3 +1,3 @@
-var modules_1068e447 = {"unit":"8px","button":"button_rui_0a35","active":"active_rui_0a35","primary":"primary_rui_0a35","button-shadow":"inset 0 0 0 1px","buttonGroup":"buttonGroup_rui_fa3c common_rui_fa3c buttonGroup_rui_9262","common":"common_rui_fa3c","split":"split_rui_fa3c common_rui_fa3c","caption":"caption_rui_fa3c font_rui_750f"};
+var modules_1068e447 = {"unit":"8px","button":"button_rui_0b90","active":"active_rui_0b90","primary":"primary_rui_0b90","button-shadow":"inset 0 0 0 1px","buttonGroup":"buttonGroup_rui_bbca common_rui_bbca buttonGroup_rui_f4fc","common":"common_rui_bbca","split":"split_rui_bbca common_rui_bbca","caption":"caption_rui_bbca font_rui_8bff"};
 
 export { modules_1068e447 as m };

package/dist/_helpers/button-set.js

@@ -1,3 +1,3 @@
-var modules_fd849143 = {"unit":"8px","button":"button_rui_0a35","buttonSet":"buttonSet_rui_98d8"};
+var modules_fd849143 = {"unit":"8px","button":"button_rui_0b90","buttonSet":"buttonSet_rui_b2a9"};
 
 export { modules_fd849143 as m };

package/dist/_helpers/button-toolbar.js

@@ -1,3 +1,3 @@
-var modules_34154ec0 = {"unit":"8px","button":"button_rui_0a35","buttonToolbar":"buttonToolbar_rui_f7e2","buttonGroup":"buttonGroup_rui_f7e2"};
+var modules_34154ec0 = {"unit":"8px","button":"button_rui_0b90","buttonToolbar":"buttonToolbar_rui_f4fc","buttonGroup":"buttonGroup_rui_f4fc"};
 
 export { modules_34154ec0 as m };

package/dist/_helpers/button__classes.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 
-var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","heightS":"heightS_rui_18b9","heightM":"heightM_rui_18b9","heightL":"heightL_rui_18b9","button":"button_rui_18b9","active":"active_rui_18b9","withIcon":"withIcon_rui_18b9","icon":"icon_rui_18b9","primary":"primary_rui_18b9","loader":"loader_rui_18b9","loaderBackground":"loaderBackground_rui_18b9","danger":"danger_rui_18b9","text":"text_rui_18b9","content":"content_rui_18b9","text-loading":"textLoading_rui_18b9","inline":"inline_rui_18b9","withNormalIcon":"withNormalIcon_rui_18b9","withDangerIcon":"withDangerIcon_rui_18b9","progress":"progress_rui_18b9","delayed":"delayed_rui_18b9","short":"short_rui_18b9","dropdownIcon":"dropdownIcon_rui_18b9"};
+var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","heightS":"heightS_rui_0b90","heightM":"heightM_rui_0b90","heightL":"heightL_rui_0b90","button":"button_rui_0b90","active":"active_rui_0b90","withIcon":"withIcon_rui_0b90","icon":"icon_rui_0b90","primary":"primary_rui_0b90","loader":"loader_rui_0b90","loaderBackground":"loaderBackground_rui_0b90","danger":"danger_rui_0b90","text":"text_rui_0b90","content":"content_rui_0b90","text-loading":"text-loading_rui_0b90","inline":"inline_rui_0b90","withNormalIcon":"withNormalIcon_rui_0b90","withDangerIcon":"withDangerIcon_rui_0b90","progress":"progress_rui_0b90","delayed":"delayed_rui_0b90","short":"short_rui_0b90","dropdownIcon":"dropdownIcon_rui_0b90"};
 
 function getButtonClasses(_ref) {
   let {
@@ -18,7 +18,7 @@ function getButtonClasses(_ref) {
     height
   } = _ref;
   const withNormalIcon = icon && !active && !danger && !primary && !disabled;
-  return classNames(modules_e81895c9.button, className, modules_e81895c9[`height${height}`], {
+  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], {
     [modules_e81895c9.active]: active,
     [modules_e81895c9.danger]: danger,
     [modules_e81895c9.delayed]: delayed,

package/dist/_helpers/card.js

@@ -6,7 +6,7 @@ import Avatar, { Size } from '../avatar/avatar.js';
 import Link from '../link/link.js';
 import { m as modules_6c9187df } from './badge.js';
 
-var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCardSpaced_rui_547f","userInformationContainer":"userInformationContainer_rui_547f","userInformation":"userInformation_rui_547f","userName":"userName_rui_547f","userActiveStatus":"userActiveStatus_rui_547f","online":"online_rui_547f"};
+var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userInformation":"userInformation_rui_6e59","userName":"userName_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
 
 class UserCard extends PureComponent {
   render() {

package/dist/_helpers/checkbox.js

@@ -1,3 +1,3 @@
-var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_4a09","cell":"cell_rui_4a09","icon":"icon_rui_4a09","check":"check_rui_4a09 icon_rui_4a09","minus":"minus_rui_4a09 icon_rui_4a09","input":"input_rui_4a09","focus":"focus_rui_4a09","label":"label_rui_4a09"};
+var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_d990","cell":"cell_rui_d990","icon":"icon_rui_d990","check":"check_rui_d990 icon_rui_d990","minus":"minus_rui_d990 icon_rui_d990","input":"input_rui_d990","focus":"focus_rui_d990","label":"label_rui_d990"};
 
 export { modules_3199090e as m };

package/dist/_helpers/date-picker.js

@@ -1,3 +1,3 @@
-var modules_0c7b7d96 = {"unit":"8px","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"container_rui_f615","hoverable":"hoverable_rui_f615","datePicker":"datePicker_rui_f615","displayDate":"displayDate_rui_f615","displayRange":"displayRange_rui_f615","clear":"clear_rui_f615","datePopup":"datePopup_rui_f615","filterWrapper":"filterWrapper_rui_f615 filterWrapper_rui_7e99","filter":"filter_rui_f615 filter_rui_7e99","filterIcon":"filterIcon_rui_f615 filterIcon_rui_7e99","fromInput":"fromInput_rui_f615","fromInputWithDivider":"fromInputWithDivider_rui_f615","toInput":"toInput_rui_f615","dateInput":"dateInput_rui_f615","timeInputWithDivider":"timeInputWithDivider_rui_f615","weekdays":"weekdays_rui_f615","weekday":"weekday_rui_f615","weekend":"weekend_rui_f615","calendar":"calendar_rui_f615","months":"months_rui_f615","days":"days_rui_f615","month":"month_rui_f615","monthTitle":"monthTitle_rui_f615","day":"day_rui_f615 resetButton_rui_750f","between":"between_rui_f615","activeBetween":"activeBetween_rui_f615","current":"current_rui_f615","active":"active_rui_f615","disabled":"disabled_rui_f615","from":"from_rui_f615","to":"to_rui_f615","Monday":"Monday_rui_f615","spread":"spread_rui_f615","activeSpread":"activeSpread_rui_f615","first":"first_rui_f615","Tuesday":"Tuesday_rui_f615","Friday":"Friday_rui_f615","Saturday":"Saturday_rui_f615","Sunday":"Sunday_rui_f615","empty":"empty_rui_f615","today":"today_rui_f615","year":"year_rui_f615 hoverable_rui_f615 resetButton_rui_750f","monthNames":"monthNames_rui_f615","monthName":"monthName_rui_f615 hoverable_rui_f615 resetButton_rui_750f","monthSlider":"monthSlider_rui_f615 resetButton_rui_750f","dragging":"dragging_rui_f615","range":"range_rui_f615","years":"years_rui_f615","currentYear":"currentYear_rui_f615"};
+var modules_0c7b7d96 = {"unit":"8px","footer-height":"64px","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)","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","clearfix":"clearfix_rui_e0bd","font":"font_rui_e0bd","font-lower":"font-lower_rui_e0bd font_rui_e0bd","font-smaller":"font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-smaller-lower":"font-smaller-lower_rui_e0bd font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger-lower":"font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger":"font-larger_rui_e0bd font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","thin-font":"thin-font_rui_e0bd","monospace-font":"monospace-font_rui_e0bd","ellipsis":"ellipsis_rui_e0bd","resetButton":"resetButton_rui_e0bd","container":"container_rui_e0bd","hoverable":"hoverable_rui_e0bd","datePicker":"datePicker_rui_e0bd","displayDate":"displayDate_rui_e0bd","displayRange":"displayRange_rui_e0bd","clear":"clear_rui_e0bd","datePopup":"datePopup_rui_e0bd","filterWrapper":"filterWrapper_rui_e0bd filterWrapper_rui_531d","filter":"filter_rui_e0bd filter_rui_531d","filterIcon":"filterIcon_rui_e0bd filterIcon_rui_531d","fromInput":"fromInput_rui_e0bd","fromInputWithDivider":"fromInputWithDivider_rui_e0bd","toInput":"toInput_rui_e0bd","dateInput":"dateInput_rui_e0bd","timeInputWithDivider":"timeInputWithDivider_rui_e0bd","weekdays":"weekdays_rui_e0bd","weekday":"weekday_rui_e0bd","weekend":"weekend_rui_e0bd","calendar":"calendar_rui_e0bd","months":"months_rui_e0bd","days":"days_rui_e0bd","month":"month_rui_e0bd","monthTitle":"monthTitle_rui_e0bd","day":"day_rui_e0bd resetButton_rui_8bff","between":"between_rui_e0bd","activeBetween":"activeBetween_rui_e0bd","current":"current_rui_e0bd","active":"active_rui_e0bd","disabled":"disabled_rui_e0bd","from":"from_rui_e0bd","to":"to_rui_e0bd","Monday":"Monday_rui_e0bd","spread":"spread_rui_e0bd","activeSpread":"activeSpread_rui_e0bd","first":"first_rui_e0bd","Tuesday":"Tuesday_rui_e0bd","Friday":"Friday_rui_e0bd","Saturday":"Saturday_rui_e0bd","Sunday":"Sunday_rui_e0bd","empty":"empty_rui_e0bd","today":"today_rui_e0bd","year":"year_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthNames":"monthNames_rui_e0bd","monthName":"monthName_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthSlider":"monthSlider_rui_e0bd resetButton_rui_8bff","dragging":"dragging_rui_e0bd","range":"range_rui_e0bd","years":"years_rui_e0bd","currentYear":"currentYear_rui_e0bd"};
 
 export { modules_0c7b7d96 as m };

package/dist/_helpers/dialog__body-scroll-preventer.js

@@ -1,6 +1,7 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import scrollbarWidth from 'scrollbar-width';
 
-var modules_5e9b8c03 = {"unit":"8px","header":"header_rui_1dc5","container":"container_rui_a22f","innerContainer":"innerContainer_rui_a22f","content":"content_rui_a22f","panel":"panel_rui_a22f","clickableOverlay":"clickableOverlay_rui_a22f","closeIcon":"closeIcon_rui_a22f","closeButton":"closeButton_rui_a22f","closeButtonOutside":"closeButtonOutside_rui_a22f","closeButtonInside":"closeButtonInside_rui_a22f","documentWithoutScroll":"documentWithoutScroll_rui_a22f","popupTarget":"popupTarget_rui_a22f"};
+var modules_5e9b8c03 = {"unit":"8px","header":"header_rui_1d72","container":"container_rui_381e","innerContainer":"innerContainer_rui_381e","content":"content_rui_381e","panel":"panel_rui_381e","clickableOverlay":"clickableOverlay_rui_381e","closeIcon":"closeIcon_rui_381e","closeButton":"closeButton_rui_381e","closeButtonOutside":"closeButtonOutside_rui_381e","closeButtonInside":"closeButtonInside_rui_381e","documentWithoutScroll":"documentWithoutScroll_rui_381e","popupTarget":"popupTarget_rui_381e"};
 
 const isPrevented = new Set();
 let previousDocumentWidth = null;
@@ -22,7 +23,7 @@ const prevent = key => {
 
   if (documentHasScroll && scrollWidth != null && scrollWidth > 0) {
     previousDocumentWidth = document.documentElement.style.width;
-    document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
+    document.documentElement.style.width = "calc(100% - ".concat(scrollWidth, "px)");
   }
 };
 

package/dist/_helpers/error-message.js

@@ -1,3 +1,3 @@
-var modules_2c5e8509 = {"errorMessage":"errorMessage_rui_57f4","title":"title_rui_57f4","description":"description_rui_57f4","content":"content_rui_57f4","icon":"icon_rui_57f4"};
+var modules_2c5e8509 = {"errorMessage":"errorMessage_rui_c974","title":"title_rui_c974","description":"description_rui_c974","content":"content_rui_c974","icon":"icon_rui_c974"};
 
 export { modules_2c5e8509 as m };

package/dist/_helpers/footer.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Link from '../link/link.js';
 
-var modules_7385b3fd = {"unit":"8px","footer-height":"64px","footer":"footer_rui_34a3 font_rui_750f","footerFloating":"footerFloating_rui_34a3 footer_rui_34a3 font_rui_750f","column":"column_rui_34a3","columnItem":"columnItem_rui_34a3","columnLeft":"columnLeft_rui_34a3 column_rui_34a3","columnCenter":"columnCenter_rui_34a3 column_rui_34a3","line":"line_rui_34a3","columnRight":"columnRight_rui_34a3 column_rui_34a3","lineCenter":"lineCenter_rui_34a3"};
+var modules_7385b3fd = {"unit":"8px","footer-height":"64px","footer":"footer_rui_fade font_rui_8bff","footerFloating":"footerFloating_rui_fade footer_rui_fade font_rui_8bff","column":"column_rui_fade","columnItem":"columnItem_rui_fade","columnLeft":"columnLeft_rui_fade column_rui_fade","columnCenter":"columnCenter_rui_fade column_rui_fade","line":"line_rui_fade","columnRight":"columnRight_rui_fade column_rui_fade","lineCenter":"lineCenter_rui_fade"};
 
 const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
   let {