@jetbrains/ring-ui 7.0.111 → 7.0.113

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/popup/position-css.js

@@ -51,11 +51,11 @@ export const setCSSAnchorPositioning = ({ popup, anchor, uid, minWidth, top, lef
     if (calculatedMinWidth !== null) {
         popup.style.minWidth = `${calculatedMinWidth}px`;
     }
-    if (top) {
-        popup.style.transform = `translateY(${top}px)`;
+    if (top || left) {
+        popup.style.transform = [top && `translateY(${top}px)`, left && `translateX(${left}px)`].filter(Boolean).join(' ');
     }
-    if (left) {
-        popup.style.left = `${left}px`;
+    else {
+        popup.style.removeProperty('transform');
     }
     // When all directions are BOTTOM, the `max-height: 100%` from CSS should stay applied so popup doesn't overflow the anchor RG-2754
     const SHOULD_AUTO_SHRINK = directions.every(d => d.startsWith('BOTTOM'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.111",
+  "version": "7.0.113",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -106,37 +106,37 @@
     "@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",
     "@jetbrains/stylelint-config": "^4.0.2",
     "@jetbrains/typescript-plugin-css-modules": "^5.3.1",
-    "@primer/octicons": "^19.25.0",
+    "@primer/octicons": "^19.27.0",
     "@rollup/plugin-babel": "^7.0.0",
     "@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.1",
+    "@storybook/addon-docs": "^10.4.1",
+    "@storybook/addon-themes": "^10.4.1",
     "@storybook/csf": "^0.1.13",
-    "@storybook/react-webpack5": "10.3.6",
-    "@storybook/test-runner": "^0.24.3",
+    "@storybook/react-webpack5": "10.4.1",
+    "@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",
     "@types/chai-as-promised": "^8.0.2",
     "@types/chai-dom": "1.11.3",
     "@types/markdown-it": "^14.1.2",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.15",
     "@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",
-    "caniuse-lite": "^1.0.30001777",
+    "caniuse-lite": "^1.0.30001793",
     "chai-as-promised": "^8.0.2",
     "chai-dom": "^1.12.1",
     "cheerio": "^1.2.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.1",
     "eslint-plugin-unicorn": "^64.0.0",
     "events": "^3.3.0",
     "glob": "^13.0.6",
@@ -166,8 +166,8 @@
     "jest": "~30.4.2",
     "jest-environment-jsdom": "^30.4.1",
     "jest-teamcity": "^1.12.0",
-    "lint-staged": "^17.0.4",
-    "markdown-it": "^14.1.1",
+    "lint-staged": "^17.0.5",
+    "markdown-it": "^14.2.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
     "prettier": "^3.8.3",
@@ -176,22 +176,22 @@
     "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.12.0",
     "stylelint-config-sass-guidelines": "^13.0.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.6.0",
     "typed-css-modules": "^0.9.1",
     "typescript": "~6.0.3",
-    "typescript-eslint": "^8.59.3",
-    "vite": "^8.0.11",
-    "vitest": "^4.1.5",
+    "typescript-eslint": "^8.60.0",
+    "vite": "^8.0.14",
+    "vitest": "^4.1.7",
     "vitest-teamcity-reporter": "^0.4.1",
-    "webpack": "^5.106.2",
+    "webpack": "^5.107.1",
     "webpack-cli": "^7.0.2",
     "xmlappend": "^1.0.4"
   },
@@ -233,21 +233,21 @@
     "combokeys": "^3.0.1",
     "css-loader": "^7.1.4",
     "csstype": "^3.2.1",
-    "date-fns": "^4.1.0",
+    "date-fns": "^4.3.0",
     "dequal": "^2.0.3",
     "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",
-    "postcss": "^8.5.14",
+    "postcss": "^8.5.15",
     "postcss-calc": "^10.1.1",
     "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",