@synerise/ds-tag 1.3.2 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.3.3...@synerise/ds-tag@1.4.0) (2025-11-06)
+
+
+### Features
+
+* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
+
+
+
+
+
+## [1.3.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.3.2...@synerise/ds-tag@1.3.3) (2025-10-16)
+
+
+### Bug Fixes
+
+* **tags:** adjust tags to table requirements ([fe1aa4d](https://github.com/Synerise/synerise-design/commit/fe1aa4d00f8ad95fb191f866b548af72863a8963))
+
+
+
+
+
 ## [1.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.3.1...@synerise/ds-tag@1.3.2) (2025-10-10)
 
 **Note:** Version bump only for package @synerise/ds-tag

package/dist/Tag.d.ts

@@ -1,4 +1,22 @@
 import React from 'react';
-import { type TagProps } from './Tag.types';
-declare const Tag: ({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, dashed, tooltipProps, ...htmlAttributes }: TagProps) => React.JSX.Element;
+import { TagShape } from './Tag.types';
+declare const Tag: React.ForwardRefExoticComponent<{
+    id?: string | number;
+    name?: string;
+    textColor?: string;
+    color?: string;
+    image?: string;
+    shape?: TagShape;
+    removable?: boolean;
+    className?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+    onRemove?: (tag: string | number) => void;
+    prefixel?: React.ReactNode;
+    suffixel?: React.ReactNode;
+    texts?: import("./Tag.types").TagTexts;
+    asPill?: boolean;
+    dashed?: boolean;
+    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "className" | "color" | "onClick" | "name" | "textColor" | "image" | "shape" | "removable" | "disabled" | "onRemove" | "prefixel" | "suffixel" | "texts" | "asPill" | "dashed" | "tooltipProps"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
 export default Tag;

package/dist/Tag.js

@@ -1,7 +1,7 @@
 var _excluded = ["id", "name", "className", "disabled", "removable", "image", "shape", "color", "textColor", "onRemove", "onClick", "prefixel", "suffixel", "texts", "asPill", "dashed", "tooltipProps"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import { useTheme } from '@synerise/ds-core';
 import Icon, { CloseS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
@@ -9,7 +9,7 @@ import * as S from './Tag.styles';
 import { getColorText } from './Tag.styles';
 import { TagShape } from './Tag.types';
 import { useDefaultTexts } from './hooks/useDefaultTexts';
-var Tag = function Tag(_ref) {
+var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     className = _ref.className,
@@ -68,6 +68,7 @@ var Tag = function Tag(_ref) {
     htmlAttributes.onMouseLeave == null || htmlAttributes.onMouseLeave(event);
   };
   var renderedTag = /*#__PURE__*/React.createElement(S.Tag, _extends({
+    ref: ref,
     className: "ds-tag " + (className != null ? className : ''),
     isStatusShape: isStatusShape,
     shape: shape,
@@ -91,7 +92,8 @@ var Tag = function Tag(_ref) {
     alt: ""
   }), !!prefixel && renderPrefixel(), /*#__PURE__*/React.createElement(S.TagName, null, name), !!suffixel && renderSuffixel(), isRemovable && /*#__PURE__*/React.createElement(Tooltip, {
     title: allTexts.deleteTooltip,
-    open: isIconHovered
+    open: isIconHovered,
+    zIndex: parseInt(theme.variables['@zindex-tooltip'], 10) + 1
   }, /*#__PURE__*/React.createElement(S.RemoveButton, {
     onClick: onRemoveCall,
     onMouseOver: handleMouseOver,
@@ -104,5 +106,5 @@ var Tag = function Tag(_ref) {
     color: getColorText(theme, color)
   })))));
   return tooltipProps ? /*#__PURE__*/React.createElement(Tooltip, tooltipProps, renderedTag) : renderedTag;
-};
+});
 export default Tag;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tag",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "Tag UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,8 +35,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.7.3",
-    "@synerise/ds-tooltip": "^1.2.1",
+    "@synerise/ds-icon": "^1.8.0",
+    "@synerise/ds-tooltip": "^1.3.0",
     "@synerise/ds-utils": "^1.5.0"
   },
   "peerDependencies": {
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
+  "gitHead": "cbbb7d9f155735bcc4035d8fd8a7813878d6e051"
 }