@synerise/ds-tags 1.4.1 → 1.4.4

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.3...@synerise/ds-tags@1.4.4) (2025-10-03)
+
+
+### Bug Fixes
+
+* **table:** tags in table cell layout ([a072a1b](https://github.com/Synerise/synerise-design/commit/a072a1ba596043c31fa9eb92bf00a5b044e94898))
+
+
+
+
+
+## [1.4.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.2...@synerise/ds-tags@1.4.3) (2025-09-30)
+
+**Note:** Version bump only for package @synerise/ds-tags
+
+
+
+
+
+## [1.4.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.1...@synerise/ds-tags@1.4.2) (2025-09-30)
+
+**Note:** Version bump only for package @synerise/ds-tags
+
+
+
+
+
 ## [1.4.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.0...@synerise/ds-tags@1.4.1) (2025-09-26)
 
 **Note:** Version bump only for package @synerise/ds-tags

package/dist/Tags.styles.d.ts

@@ -1,6 +1,7 @@
 import { type TagShape } from '@synerise/ds-tag';
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TagOverflow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LimitedTag: import("styled-components").StyledComponent<({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, dashed, tooltipProps, ...htmlAttributes }: import("@synerise/ds-tag").TagProps) => React.JSX.Element, any, {}, never>;
 export declare const TagsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"div", any, {
     shape?: TagShape;

package/dist/Tags.styles.js

@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+import Tag from '@synerise/ds-tag';
 export var Container = styled.div.withConfig({
   displayName: "Tagsstyles__Container",
   componentId: "sc-156lf0a-0"
@@ -6,18 +7,22 @@ export var Container = styled.div.withConfig({
 export var TagOverflow = styled.div.withConfig({
   displayName: "Tagsstyles__TagOverflow",
   componentId: "sc-156lf0a-1"
-})(["display:flex;height:32px;align-items:center;max-width:100%;"]);
+})(["display:flex;height:32px;align-items:center;max-width:100%;min-width:0;flex:0 1 auto;"]);
+export var LimitedTag = styled(Tag).withConfig({
+  displayName: "Tagsstyles__LimitedTag",
+  componentId: "sc-156lf0a-2"
+})(["flex:0 0 auto;"]);
 export var TagsWrapper = styled.div.withConfig({
   displayName: "Tagsstyles__TagsWrapper",
-  componentId: "sc-156lf0a-2"
+  componentId: "sc-156lf0a-3"
 })(["display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;min-width:0;"]);
 export var Title = styled.div.withConfig({
   displayName: "Tagsstyles__Title",
-  componentId: "sc-156lf0a-3"
+  componentId: "sc-156lf0a-4"
 })(["color:", ";font-weight:500;display:block;margin:6px 4px 0 0;"], function (props) {
   return props.theme.palette['grey-800'];
 });
 export var SelectedTags = styled.div.withConfig({
   displayName: "Tagsstyles__SelectedTags",
-  componentId: "sc-156lf0a-4"
+  componentId: "sc-156lf0a-5"
 })(["display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;min-width:0;&& .ds-tag{margin:4px;}"]);

package/dist/components/AddTags/AddTags.js

@@ -95,6 +95,7 @@ export var AddTags = function AddTags(_ref) {
       clearTooltip: texts.clearTooltip
     })
   }, /*#__PURE__*/React.createElement(S.AddTagButton, {
+    isOpen: isTagAddDropdownOpen,
     type: "ghost",
     mode: addButtonType || (texts != null && texts.addButtonLabel ? 'icon-label' : 'single-icon')
   }, /*#__PURE__*/React.createElement(Icon, {

package/dist/components/AddTags/AddTags.styles.d.ts

@@ -3,4 +3,6 @@ export declare const CreateTagDropdownButton: import("styled-components").Styled
     marginless: boolean;
 }, never>;
 export declare const Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
-export declare const AddTagButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
+export declare const AddTagButton: import("styled-components").StyledComponent<typeof Button, any, {
+    isOpen?: boolean;
+}, never>;

package/dist/components/AddTags/AddTags.styles.js

@@ -16,4 +16,6 @@ export var Separator = styled.hr.withConfig({
 export var AddTagButton = styled(Button).withConfig({
   displayName: "AddTagsstyles__AddTagButton",
   componentId: "sc-1wg5ubr-2"
-})([""]);
+})(["flex:0 0 auto;", ""], function (props) {
+  return props.isOpen && " &&&&& { visibility: visible }";
+});

package/dist/components/LimitedTags/LimitedTags.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Tag from '@synerise/ds-tag';
+import * as S from '../../Tags.styles';
 import { TagsDropdown } from '../TagsDropdown/TagsDropdown';
 export var LimitedTags = function LimitedTags(_ref) {
   var tagShape = _ref.tagShape,
@@ -18,7 +18,7 @@ export var LimitedTags = function LimitedTags(_ref) {
     onRemove: removable ? onRemove : undefined,
     disabled: disabled,
     asPill: asPill
-  }, /*#__PURE__*/React.createElement(Tag, {
+  }, /*#__PURE__*/React.createElement(S.LimitedTag, {
     id: "limited-tags",
     shape: tagShape,
     name: "+" + limitedSelectedTags.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tags",
-  "version": "1.4.1",
+  "version": "1.4.4",
   "description": "Tags UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -36,12 +36,12 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^1.4.12",
-    "@synerise/ds-dropdown": "^1.0.26",
+    "@synerise/ds-dropdown": "^1.0.29",
     "@synerise/ds-icon": "^1.7.2",
-    "@synerise/ds-information-card": "^1.1.4",
+    "@synerise/ds-information-card": "^1.1.7",
     "@synerise/ds-result": "^1.0.25",
     "@synerise/ds-scrollbar": "^1.1.8",
-    "@synerise/ds-search-bar": "^1.3.14",
+    "@synerise/ds-search-bar": "^1.3.15",
     "@synerise/ds-tag": "^1.3.0",
     "@synerise/ds-tooltip": "^1.2.0"
   },
@@ -50,5 +50,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "25221abb694880c2416ceb5f7598a5c7329f3379"
+  "gitHead": "1f909e1fc4174f1c05c148338e64652a893ef926"
 }