@jetbrains/ring-ui 7.0.37 → 7.0.39

package/components/button/button.js

@@ -28,7 +28,7 @@ export class Button extends PureComponent {
         // Modifiers
         active, danger, delayed, loader, primary, success, error, secondary, ghost, short, text, dropdown, height, 
         // Props
-        icon, iconRight, iconSize, iconClassName, iconRightClassName, iconSuppressSizeWarning, className, children, inline, ...props } = this.props;
+        icon, iconRight, iconSize, iconClassName, iconRightClassName, iconSuppressSizeWarning, className, children, inline, disabled, href, ...props } = this.props;
         const isInline = inline ?? text ?? icon != null;
         if (text != null) {
             warnText();
@@ -39,13 +39,14 @@ export class Button extends PureComponent {
             height: height ?? this.context,
         });
         const content = (_jsxs(_Fragment, { children: [icon && (_jsx(Icon, { className: classNames(styles.icon, iconClassName), glyph: icon, size: iconSize, suppressSizeWarning: iconSuppressSizeWarning })), children, iconRight && _jsx(Icon, { className: classNames(styles.iconRight, iconRightClassName), glyph: iconRight }), dropdown && _jsx(Icon, { glyph: isInline ? chevron12pxDown : chevronDown, className: styles.dropdownIcon })] }));
+        const isDisabled = disabled || loader || undefined;
         const commonProps = {
-            tabIndex: loader ? -1 : 0,
             ...props,
+            href: isDisabled ? undefined : href,
             className: classes,
             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 }));
+        return commonProps.href != null ? (_jsx(ClickableLink, { ...commonProps })) : (_jsx("button", { ref: this.buttonRef, type: "button", disabled: isDisabled, ...commonProps }));
     }
 }
 export { Size as IconSize };

package/components/button/button__classes.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from './button';
-export declare function getButtonClasses({ className, active, disabled, loader, primary, success, error, secondary, ghost, short, inline, danger, delayed, icon, height, children, }: ButtonProps): string;
+export declare function getButtonClasses({ className, active, disabled, loader, primary, success, error, secondary, ghost, short, inline, danger, delayed, icon, iconRight, height, children, }: ButtonProps): string;

package/components/button/button__classes.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import styles from './button.css';
-export function getButtonClasses({ className, active, disabled, loader, primary, success, error, secondary, ghost, short, inline, danger, delayed, icon, height, children, }) {
-    const iconOnly = icon && !children;
+export function getButtonClasses({ className, active, disabled, loader, primary, success, error, secondary, ghost, short, inline, danger, delayed, icon, iconRight, height, children, }) {
+    const iconOnly = (icon || iconRight) && !children;
     const primaryBlock = primary && !inline;
     const withNormalIcon = iconOnly && inline && !active && !danger && !primary && !disabled;
     return classNames(styles.button, className, styles[`height${height}`], inline ? styles.inline : styles.block, {

package/components/error-bubble/error-bubble-legacy.css

@@ -1,3 +1,5 @@
+@import './error-bubble.css';
+
 :global(.ring-error-bubble) {
   position: absolute;
   z-index: 2;
@@ -17,7 +19,7 @@
   border: 1px solid var(--ring-popup-border-color);
 
   border-radius: var(--ring-border-radius);
-  background: var(--ring-popup-background-color);
+  background: var(--ring-error-bubble-background-color);
   box-shadow: var(--ring-popup-shadow);
 
   font-family: var(--ring-font-family);
@@ -49,7 +51,7 @@
   border-top: none;
   border-right: none;
 
-  background: var(--ring-popup-background-color);
+  background: var(--ring-error-bubble-background-color);
 }
 
 :global(.ring-error-bubble_material) {

package/components/error-bubble/error-bubble.css

@@ -1,5 +1,13 @@
 @import "../global/variables.css";
 
+:root {
+  --ring-error-bubble-background-color: var(--ring-popup-background-color);
+}
+
+:global(.ring-ui-theme-dark) {
+  --ring-error-bubble-background-color: var(--ring-secondary-background-color);
+}
+
 .errorBubblePopup {
   overflow: visible;
 
@@ -26,7 +34,7 @@
   border: 1px solid var(--ring-popup-border-color);
   border-radius: var(--ring-border-radius);
 
-  background: var(--ring-popup-background-color);
+  background: var(--ring-error-bubble-background-color);
   box-shadow: var(--ring-popup-shadow);
 
   font-size: var(--ring-font-size-smaller);
@@ -49,5 +57,5 @@
   border: 1px solid var(--ring-popup-border-color);
   border-top: none;
   border-right: none;
-  background: var(--ring-popup-background-color);
+  background: var(--ring-error-bubble-background-color);
 }

package/components/user-agreement/service.js

@@ -24,6 +24,12 @@ const DEFAULT_AGREEMENT = {
     requiredForREST: false,
     content: '',
 };
+function ignorePostponedCatchReason(reason) {
+    if (reason === 'Postponed') {
+        return;
+    }
+    throw reason;
+}
 export default class UserAgreementService {
     config;
     constructor(config) {
@@ -55,14 +61,9 @@ export default class UserAgreementService {
     userConsent = DEFAULT_CONSENT;
     intervalId;
     startChecking = () => {
-        this.intervalId = window.setInterval(() => this.checkConsentAndShowDialog().catch(reason => {
-            if (reason === 'Postponed') {
-                return;
-            }
-            throw reason;
-        }), this.interval);
+        this.intervalId = window.setInterval(() => this.checkConsentAndShowDialog().catch(ignorePostponedCatchReason), this.interval);
         window.addEventListener('storage', this.onStorageEvent);
-        this.checkConsentAndShowDialog();
+        this.checkConsentAndShowDialog().catch(ignorePostponedCatchReason);
     };
     stopChecking = () => {
         clearInterval(this.intervalId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.37",
+  "version": "7.0.39",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -87,13 +87,12 @@
   "devDependencies": {
     "@babel/cli": "^7.27.0",
     "@babel/eslint-parser": "^7.27.0",
-    "@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.8",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.20.0",
-    "@figma/code-connect": "^1.3.1",
+    "@figma/code-connect": "^1.3.2",
     "@jetbrains/eslint-config": "^6.0.4",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
@@ -120,7 +119,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/chai": "^5.2.1",
     "@types/chai-as-promised": "^8.0.2",
-    "@types/chai-dom": "0.0.10",
+    "@types/chai-dom": "1.11.3",
     "@types/eslint__js": "^8.42.3",
     "@types/markdown-it": "^14.1.2",
     "@types/react": "^18.3.12",
@@ -129,27 +128,27 @@
     "@types/sinon-chai": "^4.0.0",
     "@types/webpack-env": "^1.18.8",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/eslint-plugin": "^1.1.39",
+    "@vitest/eslint-plugin": "^1.1.42",
     "acorn": "^8.14.1",
     "axe-playwright": "^2.1.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "caniuse-lite": "^1.0.30001709",
     "chai": "^5.2.0",
     "chai-as-promised": "^8.0.1",
-    "chai-dom": "^1.10.0",
-    "cheerio": "^1.0.0-rc.12",
-    "chromatic": "^11.27.0",
+    "chai-dom": "^1.12.1",
+    "cheerio": "^1.0.0",
+    "chromatic": "^11.28.0",
     "core-js": "^3.41.0",
     "cpy-cli": "^5.0.0",
     "dotenv-cli": "^8.0.0",
-    "eslint": "^9.23.0",
-    "eslint-config-prettier": "^10.1.1",
+    "eslint": "^9.24.0",
+    "eslint-config-prettier": "^10.1.2",
     "eslint-formatter-jslint-xml": "^8.40.0",
     "eslint-import-resolver-webpack": "^0.13.10",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.2.6",
-    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "^0.12.0",
     "events": "^3.3.0",
@@ -179,16 +178,16 @@
     "sinon-chai": "^4.0.0",
     "storage-mock": "^2.1.0",
     "storybook": "8.6.12",
-    "stylelint": "^16.17.0",
+    "stylelint": "^16.18.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.14",
-    "typescript": "~5.8.2",
-    "typescript-eslint": "^8.29.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.29.1",
     "vitest": "^3.1.1",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.98.0",
+    "webpack": "^5.99.5",
     "webpack-cli": "^6.0.1",
     "xmlappend": "^1.0.4"
   },