@jetbrains/ring-ui 5.0.107 → 5.0.108

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

@@ -9,6 +9,7 @@ export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'chil
     children: Children;
     onSelect: (key: string) => void;
     className?: string | null | undefined;
+    tabContainerClassName?: string | null | undefined;
     autoCollapse?: boolean | null | undefined;
     'data-test'?: string | null | undefined;
 }
@@ -16,6 +17,7 @@ declare class Tabs extends PureComponent<TabsProps> {
     static propTypes: {
         selected: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
+        tabContainerClassName: PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;

package/components/tabs/dumb-tabs.js

@@ -12,6 +12,7 @@ class Tabs extends PureComponent {
     static propTypes = {
         selected: PropTypes.string,
         className: PropTypes.string,
+        tabContainerClassName: PropTypes.string,
         href: PropTypes.string,
         children: PropTypes.node.isRequired,
         onSelect: PropTypes.func,
@@ -36,7 +37,7 @@ class Tabs extends PureComponent {
         return (<TabLink title={title} isSelected={isSelected} key={key} href={href} innerClassName={titleClasses} className={titleClasses} disabled={disabled} onPlainLeftClick={this.handleSelect(key)} {...titleProps}/>);
     };
     render() {
-        const { className, children, selected, autoCollapse, 'data-test': dataTest, ...restProps } = this.props;
+        const { className, tabContainerClassName, children, selected, autoCollapse, 'data-test': dataTest, ...restProps } = this.props;
         const classes = classNames(styles.tabs, className);
         const childrenArray = React.Children.toArray(children).
             filter(Boolean);
@@ -46,7 +47,7 @@ class Tabs extends PureComponent {
                 : (<div className={styles.titles}>
               {childrenArray.map(this.getTabTitle)}
             </div>)}
-        <div className={styles.tab}>
+        <div className={classNames(tabContainerClassName)}>
           {childrenArray.find(({ props }, i) => (props.id || String(i)) === selected)}
         </div>
       </div>);

package/components/tabs/tab.js

@@ -2,7 +2,6 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import dataTests from '../global/data-tests';
-import styles from './tabs.css';
 export default class Tab extends PureComponent {
     static propTypes = {
         title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
@@ -13,7 +12,8 @@ export default class Tab extends PureComponent {
     };
     render() {
         const { className, children, 'data-test': dataTest } = this.props;
-        const classes = classNames(styles.tab, className);
-        return (<div data-test={dataTests('ring-tab', dataTest)} className={classes}>{children}</div>);
+        return (<div data-test={dataTests('ring-tab', dataTest)} className={classNames(className)}>
+        {children}
+      </div>);
     }
 }

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

@@ -5,11 +5,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 109", "and_uc 13.4", "chrome 108", "chrome 107", "edge 108", "edge 107", "firefox 107", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "safari 15.6", "samsung 19.0"]) {
+if (!["and_chr 109", "chrome 109", "chrome 108", "edge 109", "edge 108", "firefox 108", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "op_mini all", "safari 15.6", "samsung 19.0"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 109", "and_uc 13.4", "chrome 108", "chrome 107", "edge 108", "edge 107", "firefox 107", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "safari 15.6", "samsung 19.0"] || [];
+const SUPPORTED = ["and_chr 109", "chrome 109", "chrome 108", "edge 109", "edge 108", "firefox 108", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "op_mini all", "safari 15.6", "samsung 19.0"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;