@jetbrains/ring-ui 7.0.25 → 7.0.27

package/components/button/button.css

@@ -331,6 +331,12 @@
   box-shadow: var(--ring-button-shadow) var(--ring-button-default-border-color);
 }
 
+.loader.inline {
+  animation-name: text-loading;
+  animation-duration: 1200ms;
+  animation-iteration-count: infinite;
+}
+
 .loaderBackground {
   position: absolute;
   z-index: -1;
@@ -365,8 +371,7 @@
   }
 }
 
-.flat .loaderBackground,
-.inline .loaderBackground {
+.flat .loaderBackground {
     top: 0;
     right: 0;
     bottom: 0;
@@ -408,3 +413,9 @@
     transform: translateX(0);
   }
 }
+
+@keyframes text-loading {
+  50% {
+    opacity: 0.5;
+  }
+}

package/components/button/button.js

@@ -40,7 +40,7 @@ export class Button extends PureComponent {
             tabIndex: loader ? -1 : 0,
             ...props,
             className: classes,
-            children: (_jsxs(_Fragment, { children: [loader && _jsx("div", { className: styles.loaderBackground }), content] })),
+            children: (_jsxs(_Fragment, { children: [loader && !isInline && _jsx("div", { className: styles.loaderBackground }), content] })),
         };
         return commonProps.href != null ? (_jsx(ClickableLink, { ...commonProps })) : (_jsx("button", { ref: this.buttonRef, type: "button", ...commonProps }));
     }

package/components/list/list.css

@@ -304,7 +304,7 @@
   color: var(--ring-disabled-color);
 }
 
-.item:not(.action),
+.item:not(.action, .hint),
 .disabled {
   pointer-events: none;
 }

package/components/list/list.js

@@ -442,7 +442,8 @@ export default class List extends Component {
                     // ensure rerendering
                     noop: () => { }, scrollToIndex: !this.props.disableScrollToActive && this.state.needScrollToActive && this.state.activeIndex != null
                         ? this.state.activeIndex + 1
-                        : undefined, scrollToAlignment: "center", deferredMeasurementCache: this._cache, onRowsRendered: this.checkOverflow }) })) }));
+                        : undefined, scrollToAlignment: "center", deferredMeasurementCache: this._cache, onRowsRendered: this.checkOverflow, containerRole: "none" // row role is set by rowRenderer
+                 }) })) }));
     }
     renderVirtualized(maxHeight, rowCount) {
         if (maxHeight) {

package/components/shortcuts/shortcut-title.js

@@ -7,12 +7,12 @@ const macSymbolsMap = {
     alt: '⌥',
     ctrl: '⌃',
     backspace: '⌫',
-    esc: 'Esc',
-    tab: 'Tab',
-    del: 'Del',
-    home: 'Home',
-    end: 'End',
-    space: 'Space',
+    esc: '⎋',
+    tab: '⇥',
+    del: '⌦',
+    home: '⇱',
+    end: '⇲',
+    space: '␣',
     ins: 'Insert',
     left: '←',
     up: '↑',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.25",
+  "version": "7.0.27",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -90,31 +90,31 @@
     "@babel/plugin-syntax-import-assertions": "^7.26.0",
     "@csstools/css-parser-algorithms": "^3.0.4",
     "@csstools/stylelint-no-at-nest-rule": "^4.0.0",
-    "@eslint/compat": "^1.2.5",
+    "@eslint/compat": "^1.2.6",
     "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.18.0",
+    "@eslint/js": "^9.19.0",
     "@figma/code-connect": "^1.2.4",
     "@jetbrains/eslint-config": "^6.0.4",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
     "@jetbrains/stylelint-config": "^4.0.2",
-    "@primer/octicons": "^19.14.0",
+    "@primer/octicons": "^19.15.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.2",
-    "@storybook/addon-a11y": "8.4.7",
-    "@storybook/addon-docs": "8.4.7",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/components": "8.4.7",
+    "@storybook/addon-a11y": "8.5.3",
+    "@storybook/addon-docs": "8.5.3",
+    "@storybook/addon-essentials": "8.5.3",
+    "@storybook/addon-themes": "^8.5.3",
+    "@storybook/components": "8.5.3",
     "@storybook/csf": "^0.1.13",
-    "@storybook/manager-api": "8.4.7",
-    "@storybook/preview-api": "8.4.7",
-    "@storybook/react": "8.4.7",
-    "@storybook/react-webpack5": "8.4.7",
+    "@storybook/manager-api": "8.5.3",
+    "@storybook/preview-api": "8.5.3",
+    "@storybook/react": "8.5.3",
+    "@storybook/react-webpack5": "8.5.3",
     "@storybook/test-runner": "^0.21.0",
-    "@storybook/theming": "8.4.7",
+    "@storybook/theming": "8.5.3",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
@@ -129,25 +129,25 @@
     "@types/react-dom": "^18.3.1",
     "@types/sinon": "^17.0.3",
     "@types/sinon-chai": "^4.0.0",
-    "@types/webpack-env": "^1.18.5",
+    "@types/webpack-env": "^1.18.8",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/eslint-plugin": "^1.1.25",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.14.0",
-    "axe-playwright": "^2.0.3",
+    "axe-playwright": "^2.1.0",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001695",
+    "caniuse-lite": "^1.0.30001698",
     "chai": "^5.1.2",
     "chai-as-promised": "^8.0.1",
     "chai-dom": "^1.10.0",
     "chai-enzyme": "1.0.0-beta.1",
     "cheerio": "^1.0.0-rc.12",
-    "chromatic": "^11.25.1",
+    "chromatic": "^11.25.2",
     "core-js": "^3.40.0",
     "cpy-cli": "^5.0.0",
     "dotenv-cli": "^8.0.0",
     "enzyme": "^3.11.0",
-    "eslint": "^9.18.0",
+    "eslint": "^9.19.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-formatter-jslint-xml": "^8.40.0",
     "eslint-import-resolver-webpack": "^0.13.10",
@@ -167,7 +167,7 @@
     "jest": "~29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-teamcity": "^1.12.0",
-    "lint-staged": "^15.4.2",
+    "lint-staged": "^15.4.3",
     "markdown-it": "^14.1.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
@@ -178,19 +178,19 @@
     "react-test-renderer": "^19.0.0",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.32.0",
+    "rollup": "^4.34.5",
     "rollup-plugin-clear": "^2.0.7",
     "sinon": "^19.0.2",
     "sinon-chai": "^4.0.0",
     "storage-mock": "^2.1.0",
-    "storybook": "8.4.7",
-    "stylelint": "^16.13.2",
+    "storybook": "8.5.3",
+    "stylelint": "^16.14.1",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.11",
     "typescript": "~5.7.3",
-    "typescript-eslint": "^8.21.0",
-    "vitest": "^3.0.4",
+    "typescript-eslint": "^8.23.0",
+    "vitest": "^3.0.5",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",
     "webpack": "^5.97.1",
@@ -217,7 +217,7 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.26.0",
+    "@babel/core": "^7.26.7",
     "@babel/preset-typescript": "^7.26.0",
     "@jetbrains/babel-preset-jetbrains": "^2.4.0",
     "@jetbrains/icons": "^5.4.0",
@@ -245,14 +245,14 @@
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
     "postcss": "^8.5.1",
-    "postcss-calc": "^10.1.0",
+    "postcss-calc": "^10.1.1",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.1.1",
     "postcss-modules-values-replace": "^4.2.0",
     "postcss-preset-env": "^10.1.3",
     "react-movable": "^3.4.0",
-    "react-virtualized": "^9.22.5",
+    "react-virtualized": "^9.22.6",
     "react-waypoint": "^10.3.0",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",