@jetbrains/ring-ui 7.0.63 → 7.0.65

package/components/button/button.js

@@ -49,7 +49,7 @@ export class Button extends PureComponent {
             className: classes,
             children: (_jsxs(_Fragment, { children: [loader && !isInline && _jsx("div", { className: styles.loaderBackground }), content] })),
         };
-        return 'href' in this.props && this.props.href !== undefined ? (_jsx(ClickableLink, { ...commonProps })) : (_jsx("button", { ref: this.buttonRef, type: 'button', disabled: isDisabled, ...commonProps }));
+        return 'href' in commonProps && commonProps.href !== undefined ? (_jsx(ClickableLink, { ...commonProps })) : (_jsx("button", { ref: this.buttonRef, type: 'button', disabled: isDisabled, ...commonProps }));
     }
 }
 export { Size as IconSize };

package/components/tag/tag.css

@@ -28,8 +28,6 @@
 
   padding: 0 var(--ring-unit);
 
-  cursor: pointer;
-
   vertical-align: top;
 
   color: var(--ring-tag-text-color);
@@ -64,6 +62,10 @@
   background-color: var(--ring-tag-container-background-color);
 }
 
+.interactive {
+  cursor: pointer;
+}
+
 .default {
   --ring-tag-container-background-color: var(--ring-tag-background-color);
   --ring-tag-container-hover-background-color: var(--ring-tag-hover-background-color);
@@ -147,7 +149,7 @@
 
 .focused,
 .tag:focus-visible,
-.container:hover {
+.interactive:hover {
   --ring-tag-outline-color: var(--ring-tag-outline-hover-color);
   --ring-tag-container-background-color: var(--ring-tag-container-hover-background-color);
 

package/components/tag/tag.d.ts

@@ -5,6 +5,7 @@ export interface TagRenderProps extends HTMLAttributes<HTMLElement> {
     disabled: boolean;
     ref: RefCallback<HTMLElement>;
     'data-test': string;
+    interactive?: boolean;
 }
 export declare enum TagType {
     DEFAULT = "default",
@@ -20,7 +21,7 @@ export interface TagProps {
     readOnly: boolean;
     disabled: boolean;
     focused: boolean;
-    render: (props: TagRenderProps) => ReactNode;
+    render: (props: TagRenderProps, interactive?: boolean) => ReactNode;
     children?: ReactNode;
     className?: string | null | undefined;
     containerClassName?: string | null | undefined;
@@ -32,6 +33,7 @@ export interface TagProps {
     backgroundColor?: string | undefined;
     outline?: boolean;
     tagType?: TagType;
+    interactive?: boolean;
 }
 /**
  * @name Tag

package/components/tag/tag.js

@@ -24,7 +24,8 @@ export default class Tag extends PureComponent {
         readOnly: false,
         disabled: false,
         focused: false,
-        render: props => _jsx("button", { type: 'button', ...props }),
+        interactive: true,
+        render: (props, interactive) => (interactive ? _jsx("button", { type: 'button', ...props }) : _jsx("span", { ...props })),
         tagType: TagType.DEFAULT,
     };
     state = {
@@ -101,6 +102,7 @@ export default class Tag extends PureComponent {
         const { backgroundColor, textColor, render } = this.props;
         return (_jsxs("span", { className: classNames(styles.container, this.props.containerClassName, styles[this.props.tagType], {
                 [styles.outline]: this.props.outline,
+                [styles.interactive]: this.props.interactive,
             }), children: [render({
                     'data-test': 'ring-tag',
                     className: classes,
@@ -109,6 +111,6 @@ export default class Tag extends PureComponent {
                     style: { backgroundColor, color: textColor },
                     disabled: this.props.disabled,
                     children: (_jsxs(_Fragment, { children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), _jsx("span", { className: styles.content, children: this.props.children })] })),
-                }), this.renderRemoveIcon()] }));
+                }, this.props.interactive), this.renderRemoveIcon()] }));
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.63",
+  "version": "7.0.65",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"