@jetbrains/ring-ui 7.0.35 → 7.0.37

package/components/button/button.css

@@ -146,7 +146,14 @@
   line-height: var(--ring-button-icon-line-height);
 }
 
-.block .icon {
+.iconRight {
+  margin-left: calc(var(--ring-unit) * 0.5);
+
+  line-height: var(--ring-button-icon-line-height);
+}
+
+.block .icon,
+.block .iconRight {
   margin-top: -1px;
 }
 
@@ -309,6 +316,10 @@
     margin-right: 0;
   }
 
+  & .iconRight {
+    margin-left: 0;
+  }
+
   &.block {
     vertical-align: -2px;
 

package/components/button/button.d.ts

@@ -23,11 +23,13 @@ export interface ButtonBaseProps {
     dropdown?: boolean | null | undefined;
     disabled?: boolean | undefined;
     icon?: string | IconType | null | undefined;
+    iconRight?: string | IconType | null | undefined;
     /**
      * @deprecated Use icons with appropriate intrinsic sizes instead
      */
     iconSize?: IconProps['size'];
     iconClassName?: string | null | undefined;
+    iconRightClassName?: string | null | undefined;
     iconSuppressSizeWarning?: boolean | null | undefined;
 }
 export interface ButtonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonBaseProps {
@@ -45,6 +47,9 @@ export type ButtonProps = ButtonButtonProps | ButtonLinkProps;
  * A component for displaying variously styled buttons.
  */
 export declare class Button extends PureComponent<ButtonProps> {
+    /**
+     * @deprecated Use icons with appropriate intrinsic sizes instead
+     */
     static IconSize: typeof Size;
     static contextType: React.Context<ControlsHeight>;
     context: React.ContextType<typeof ControlsHeightContext>;

package/components/button/button.js

@@ -17,6 +17,9 @@ const warnText = deprecate(() => { }, 'Button: "text" prop is deprecated and wil
  * A component for displaying variously styled buttons.
  */
 export class Button extends PureComponent {
+    /**
+     * @deprecated Use icons with appropriate intrinsic sizes instead
+     */
     static IconSize = Size;
     static contextType = ControlsHeightContext;
     buttonRef = createRef();
@@ -25,7 +28,7 @@ export class Button extends PureComponent {
         // Modifiers
         active, danger, delayed, loader, primary, success, error, secondary, ghost, short, text, dropdown, height, 
         // Props
-        icon, iconSize, iconClassName, iconSuppressSizeWarning, className, children, inline, ...props } = this.props;
+        icon, iconRight, iconSize, iconClassName, iconRightClassName, iconSuppressSizeWarning, className, children, inline, ...props } = this.props;
         const isInline = inline ?? text ?? icon != null;
         if (text != null) {
             warnText();
@@ -35,7 +38,7 @@ export class Button extends PureComponent {
             inline: isInline,
             height: height ?? this.context,
         });
-        const content = (_jsxs(_Fragment, { children: [icon && (_jsx(Icon, { className: classNames(styles.icon, iconClassName), glyph: icon, size: iconSize, suppressSizeWarning: iconSuppressSizeWarning })), children, dropdown && _jsx(Icon, { glyph: isInline ? chevron12pxDown : chevronDown, className: styles.dropdownIcon })] }));
+        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 commonProps = {
             tabIndex: loader ? -1 : 0,
             ...props,

package/components/icon/icon.d.ts

@@ -29,6 +29,9 @@ export default class Icon extends PureComponent<IconProps> {
         glyph: string;
     };
     static Color: typeof Color;
+    /**
+     * @deprecated Use icons with appropriate intrinsic sizes instead
+     */
     static Size: typeof Size;
     warnSize(): void;
     getStyle(): {

package/components/icon/icon.js

@@ -18,6 +18,9 @@ export default class Icon extends PureComponent {
         glyph: '',
     };
     static Color = Color;
+    /**
+     * @deprecated Use icons with appropriate intrinsic sizes instead
+     */
     static Size = Size;
     warnSize() {
         if (this.props.suppressSizeWarning) {

package/components/icon/icon__constants.d.ts

@@ -13,6 +13,7 @@ export declare enum Color {
 }
 /**
  * @enum {number}
+ * @deprecated Use icons with appropriate intrinsic sizes instead
  */
 export declare enum Size {
     Size12 = 12,

package/components/icon/icon__constants.js

@@ -14,6 +14,7 @@ export var Color;
 })(Color || (Color = {}));
 /**
  * @enum {number}
+ * @deprecated Use icons with appropriate intrinsic sizes instead
  */
 export var Size;
 (function (Size) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.35",
+  "version": "7.0.37",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -90,7 +90,7 @@
     "@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.7",
+    "@eslint/compat": "^1.2.8",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.20.0",
     "@figma/code-connect": "^1.3.1",
@@ -103,26 +103,24 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
-    "@storybook/addon-a11y": "8.6.11",
-    "@storybook/addon-docs": "8.6.11",
-    "@storybook/addon-essentials": "8.6.11",
-    "@storybook/addon-themes": "^8.6.11",
-    "@storybook/components": "8.6.11",
+    "@storybook/addon-a11y": "8.6.12",
+    "@storybook/addon-docs": "8.6.12",
+    "@storybook/addon-essentials": "8.6.12",
+    "@storybook/addon-themes": "^8.6.12",
+    "@storybook/components": "8.6.12",
     "@storybook/csf": "^0.1.13",
-    "@storybook/manager-api": "8.6.11",
-    "@storybook/preview-api": "8.6.11",
-    "@storybook/react": "8.6.11",
-    "@storybook/react-webpack5": "8.6.11",
+    "@storybook/manager-api": "8.6.12",
+    "@storybook/preview-api": "8.6.12",
+    "@storybook/react": "8.6.12",
+    "@storybook/react-webpack5": "8.6.12",
     "@storybook/test-runner": "^0.22.0",
-    "@storybook/theming": "8.6.11",
+    "@storybook/theming": "8.6.12",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@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-enzyme": "^0.6.13",
-    "@types/enzyme": "^3.10.18",
     "@types/eslint__js": "^8.42.3",
     "@types/markdown-it": "^14.1.2",
     "@types/react": "^18.3.12",
@@ -131,29 +129,26 @@
     "@types/sinon-chai": "^4.0.0",
     "@types/webpack-env": "^1.18.8",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/eslint-plugin": "^1.1.38",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "@vitest/eslint-plugin": "^1.1.39",
     "acorn": "^8.14.1",
     "axe-playwright": "^2.1.0",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001707",
+    "caniuse-lite": "^1.0.30001709",
     "chai": "^5.2.0",
     "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.27.0",
     "core-js": "^3.41.0",
     "cpy-cli": "^5.0.0",
     "dotenv-cli": "^8.0.0",
-    "enzyme": "^3.11.0",
     "eslint": "^9.23.0",
     "eslint-config-prettier": "^10.1.1",
     "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.5",
+    "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "^0.12.0",
@@ -178,18 +173,18 @@
     "react-test-renderer": "^19.1.0",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.38.0",
+    "rollup": "^4.39.0",
     "rollup-plugin-clear": "^2.0.7",
     "sinon": "^20.0.0",
     "sinon-chai": "^4.0.0",
     "storage-mock": "^2.1.0",
-    "storybook": "8.6.11",
+    "storybook": "8.6.12",
     "stylelint": "^16.17.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.28.0",
+    "typescript-eslint": "^8.29.0",
     "vitest": "^3.1.1",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",