@jetbrains/ring-ui 7.0.110 → 7.0.112

package/components/dialog/dialog.css

@@ -69,6 +69,14 @@
   }
 }
 
+.contentCloseButtonOutside {
+  max-width: calc(100dvw - var(--ring-unit) * 8);
+}
+
+.contentCloseButtonInside {
+  max-width: calc(100dvw - var(--ring-unit) * 4);
+}
+
 .content.content {
   box-shadow: var(--ring-dialog-shadow);
 }

package/components/dialog/dialog.js

@@ -120,6 +120,8 @@ export default class Dialog extends PureComponent {
         <div className={styles.innerContainer}>
           <AdaptiveIsland className={classNames(styles.content, contentClassName, {
                 [styles.dense]: dense,
+                [styles.contentCloseButtonOutside]: !closeButtonInside,
+                [styles.contentCloseButtonInside]: closeButtonInside,
             })} data-test='ring-dialog' role='dialog' aria-label={label}>
             {children}
             {showCloseButton && (<Button icon={closeIcon} data-test='ring-dialog-close-button' className={classNames(styles.closeButton, {

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

@@ -11,6 +11,7 @@ export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'chil
     onLastVisibleIndexChange?: ((index: number) => void) | null | undefined;
     className?: string | null | undefined;
     tabContainerClassName?: string | null | undefined;
+    tabContainerDataTest?: string | null | undefined;
     titleContainerClassName?: string | null | undefined;
     autoCollapse?: boolean | null | undefined;
     'data-test'?: string | null | undefined;

package/components/tabs/dumb-tabs.js

@@ -33,7 +33,7 @@ class Tabs extends PureComponent {
         return (<TabLink title={title} isSelected={isSelected} key={key} href={href} className={titleClasses} disabled={disabled} onPlainLeftClick={onSelect ? this.handleSelect(key) : undefined} {...titleProps}/>);
     }
     render() {
-        const { className, tabContainerClassName, titleContainerClassName, children, selected, autoCollapse, 'data-test': dataTest, onSelect, ...restProps } = this.props;
+        const { className, tabContainerClassName, tabContainerDataTest, titleContainerClassName, children, selected, autoCollapse, 'data-test': dataTest, onSelect, ...restProps } = this.props;
         const classes = classNames(styles.tabs, className);
         const childrenArray = React.Children.toArray(children).filter(Boolean);
         const { selectedItem, selectedKey } = this.getSelectedItem();
@@ -43,7 +43,9 @@ class Tabs extends PureComponent {
           </CollapsibleTabs>) : (<div className={classNames(styles.titles, titleContainerClassName)}>
             {childrenArray.map((tab, index) => this.getTabTitle(selectedKey, tab, index))}
           </div>)}
-        <div className={classNames(tabContainerClassName)}>{selectedItem}</div>
+        <div className={classNames(tabContainerClassName)} data-test={dataTests('ring-tabs-container', tabContainerDataTest)}>
+          {selectedItem}
+        </div>
       </div>);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.110",
+  "version": "7.0.112",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -106,7 +106,7 @@
     "@eslint/compat": "^2.1.0",
     "@eslint/eslintrc": "^3.3.5",
     "@eslint/js": "^10.0.1",
-    "@figma/code-connect": "^1.4.4",
+    "@figma/code-connect": "^1.4.5",
     "@jetbrains/eslint-config": "^6.0.5",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
@@ -117,12 +117,12 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
-    "@storybook/addon-a11y": "10.3.6",
-    "@storybook/addon-docs": "^10.3.6",
-    "@storybook/addon-themes": "^10.3.6",
+    "@storybook/addon-a11y": "10.4.0",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-themes": "^10.4.0",
     "@storybook/csf": "^0.1.13",
-    "@storybook/react-webpack5": "10.3.6",
-    "@storybook/test-runner": "^0.24.3",
+    "@storybook/react-webpack5": "10.4.0",
+    "@storybook/test-runner": "^0.24.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -132,7 +132,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/webpack-env": "^1.18.8",
-    "@vitejs/plugin-react": "^6.0.1",
+    "@vitejs/plugin-react": "^6.0.2",
     "@vitest/eslint-plugin": "^1.6.17",
     "acorn": "^8.16.0",
     "babel-plugin-require-context-hook": "^1.0.0",
@@ -154,7 +154,7 @@
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-storybook": "^10.3.6",
+    "eslint-plugin-storybook": "^10.4.0",
     "eslint-plugin-unicorn": "^64.0.0",
     "events": "^3.3.0",
     "glob": "^13.0.6",
@@ -166,7 +166,7 @@
     "jest": "~30.4.2",
     "jest-environment-jsdom": "^30.4.1",
     "jest-teamcity": "^1.12.0",
-    "lint-staged": "^17.0.4",
+    "lint-staged": "^17.0.5",
     "markdown-it": "^14.1.1",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
@@ -176,11 +176,11 @@
     "react-dom": "^19.2.6",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.1.3",
-    "rollup": "^4.60.3",
+    "rollup": "^4.60.4",
     "rollup-plugin-clear": "^2.0.7",
     "storage-mock": "^2.1.0",
-    "storybook": "10.3.6",
-    "stylelint": "^17.11.0",
+    "storybook": "10.4.1",
+    "stylelint": "^17.11.1",
     "stylelint-config-sass-guidelines": "^13.0.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
@@ -188,8 +188,8 @@
     "typed-css-modules": "^0.9.1",
     "typescript": "~6.0.3",
     "typescript-eslint": "^8.59.3",
-    "vite": "^8.0.11",
-    "vitest": "^4.1.5",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.6",
     "vitest-teamcity-reporter": "^0.4.1",
     "webpack": "^5.106.2",
     "webpack-cli": "^7.0.2",
@@ -238,7 +238,7 @@
     "element-resize-detector": "^1.2.4",
     "fastdom": "^1.0.12",
     "file-loader": "^6.2.0",
-    "focus-trap": "^8.2.0",
+    "focus-trap": "^8.2.1",
     "highlight.js": "^10.7.2",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
@@ -247,7 +247,7 @@
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.2.1",
     "postcss-modules-values-replace": "^4.2.2",
-    "postcss-preset-env": "^11.2.1",
+    "postcss-preset-env": "^11.3.0",
     "react-compiler-runtime": "^1.0.0",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",