@synerise/ds-tag 1.3.3 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/Tag.d.ts +20 -2
- package/dist/Tag.js +4 -3
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.4.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.4.0...@synerise/ds-tag@1.4.1) (2025-11-28)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-tag
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [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)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [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)
|
|
7
26
|
|
|
8
27
|
|
package/dist/Tag.d.ts
CHANGED
|
@@ -1,4 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
declare const Tag:
|
|
2
|
+
import { TagShape } from './Tag.types';
|
|
3
|
+
declare const Tag: React.ForwardRefExoticComponent<{
|
|
4
|
+
id?: string | number;
|
|
5
|
+
name?: string;
|
|
6
|
+
textColor?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
image?: string;
|
|
9
|
+
shape?: TagShape;
|
|
10
|
+
removable?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
onRemove?: (tag: string | number) => void;
|
|
15
|
+
prefixel?: React.ReactNode;
|
|
16
|
+
suffixel?: React.ReactNode;
|
|
17
|
+
texts?: import("./Tag.types").TagTexts;
|
|
18
|
+
asPill?: boolean;
|
|
19
|
+
dashed?: boolean;
|
|
20
|
+
tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
|
|
21
|
+
} & 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>>;
|
|
4
22
|
export default Tag;
|
package/dist/Tag.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["id", "name", "className", "disabled", "removable", "image", "shape", "color", "textColor", "onRemove", "onClick", "prefixel", "suffixel", "texts", "asPill", "dashed", "tooltipProps"];
|
|
2
2
|
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); }
|
|
3
3
|
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; }
|
|
4
|
-
import React, { useState } from 'react';
|
|
4
|
+
import React, { forwardRef, useState } from 'react';
|
|
5
5
|
import { useTheme } from '@synerise/ds-core';
|
|
6
6
|
import Icon, { CloseS } from '@synerise/ds-icon';
|
|
7
7
|
import Tooltip from '@synerise/ds-tooltip';
|
|
@@ -9,7 +9,7 @@ import * as S from './Tag.styles';
|
|
|
9
9
|
import { getColorText } from './Tag.styles';
|
|
10
10
|
import { TagShape } from './Tag.types';
|
|
11
11
|
import { useDefaultTexts } from './hooks/useDefaultTexts';
|
|
12
|
-
var Tag = function
|
|
12
|
+
var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
13
|
var id = _ref.id,
|
|
14
14
|
name = _ref.name,
|
|
15
15
|
className = _ref.className,
|
|
@@ -68,6 +68,7 @@ var Tag = function Tag(_ref) {
|
|
|
68
68
|
htmlAttributes.onMouseLeave == null || htmlAttributes.onMouseLeave(event);
|
|
69
69
|
};
|
|
70
70
|
var renderedTag = /*#__PURE__*/React.createElement(S.Tag, _extends({
|
|
71
|
+
ref: ref,
|
|
71
72
|
className: "ds-tag " + (className != null ? className : ''),
|
|
72
73
|
isStatusShape: isStatusShape,
|
|
73
74
|
shape: shape,
|
|
@@ -105,5 +106,5 @@ var Tag = function Tag(_ref) {
|
|
|
105
106
|
color: getColorText(theme, color)
|
|
106
107
|
})))));
|
|
107
108
|
return tooltipProps ? /*#__PURE__*/React.createElement(Tooltip, tooltipProps, renderedTag) : renderedTag;
|
|
108
|
-
};
|
|
109
|
+
});
|
|
109
110
|
export default Tag;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-tag",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.1",
|
|
4
4
|
"description": "Tag UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-icon": "^1.
|
|
39
|
-
"@synerise/ds-tooltip": "^1.
|
|
38
|
+
"@synerise/ds-icon": "^1.9.0",
|
|
39
|
+
"@synerise/ds-tooltip": "^1.3.1",
|
|
40
40
|
"@synerise/ds-utils": "^1.5.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"react": ">=16.9.0 <= 18.3.1",
|
|
45
45
|
"styled-components": "^5.3.3"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "d5bd7fbc9d840ac30e2b79b36c451b486e178445"
|
|
48
48
|
}
|