@commercetools-uikit/tag 19.9.0 → 19.10.0

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.
@@ -186,7 +186,7 @@ TagList.displayName = 'TagList';
186
186
  var TagList$1 = TagList;
187
187
 
188
188
  // NOTE: This string will be replaced on build time with the package version.
189
- var version = "19.9.0";
189
+ var version = "19.10.0";
190
190
 
191
191
  exports.Tag = Tag$1;
192
192
  exports.TagList = TagList$1;
@@ -152,7 +152,7 @@ TagList.displayName = 'TagList';
152
152
  var TagList$1 = TagList;
153
153
 
154
154
  // NOTE: This string will be replaced on build time with the package version.
155
- var version = "19.9.0";
155
+ var version = "19.10.0";
156
156
 
157
157
  exports.Tag = Tag$1;
158
158
  exports.TagList = TagList$1;
@@ -164,6 +164,6 @@ TagList.displayName = 'TagList';
164
164
  var TagList$1 = TagList;
165
165
 
166
166
  // NOTE: This string will be replaced on build time with the package version.
167
- var version = "19.9.0";
167
+ var version = "19.10.0";
168
168
 
169
169
  export { Tag$1 as Tag, TagList$1 as TagList, Tag$1 as default, version };
@@ -1,3 +1,4 @@
1
+ /** @deprecated Please use the named export instead `import { Tag } from '@commercetools-uikit/tag';` */
1
2
  export { default } from "./tag.js";
2
3
  export { default as Tag } from "./tag.js";
3
4
  export { default as TagList } from "./tag-list/index.js";
@@ -1,6 +1,13 @@
1
1
  import { type ReactNode } from 'react';
2
2
  export type TTagListProps = {
3
3
  children: ReactNode;
4
+ /**
5
+ * @deprecated
6
+ *
7
+ * Allow to override the styles by passing a `className` prop.
8
+ * <br/>
9
+ * Custom styles can also be passed using the [`css` prop from emotion](https://emotion.sh/docs/css-prop#style-precedence).
10
+ */
4
11
  className?: string;
5
12
  };
6
13
  declare const TagList: {
@@ -2,14 +2,41 @@ import type { LocationDescriptor } from 'history';
2
2
  import { ReactNode, MouseEvent, KeyboardEvent } from 'react';
3
3
  import { type SerializedStyles } from '@emotion/react';
4
4
  export type TTagProps = {
5
+ /**
6
+ * Indicates color scheme of the tag.
7
+ */
5
8
  type?: 'normal' | 'warning';
9
+ /**
10
+ * Styles object that is spread into the tag body.
11
+ */
6
12
  styles?: Record<string, SerializedStyles>;
13
+ /**
14
+ * Link of the tag when not disabled
15
+ */
7
16
  to?: string | LocationDescriptor;
17
+ /**
18
+ * Disable the tag element along with the option to remove it.
19
+ */
8
20
  isDisabled?: boolean;
21
+ /**
22
+ * Adds the draggable icon on the left side.
23
+ */
9
24
  isDraggable?: boolean;
25
+ /**
26
+ * Called when remove button is clicked.
27
+ */
10
28
  onRemove?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
29
+ /**
30
+ * Called when tag element is clicked. This is not called when remove button is clicked.
31
+ */
11
32
  onClick?: (event: MouseEvent<HTMLElement>) => void;
33
+ /**
34
+ * Horizontal size limit of the input field.
35
+ */
12
36
  horizontalConstraint?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
37
+ /**
38
+ * Content rendered within the tag
39
+ */
13
40
  children: ReactNode;
14
41
  };
15
42
  declare const Tag: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/tag",
3
3
  "description": "A tag is often used for items that need to be labeled or categorized.",
4
- "version": "19.9.0",
4
+ "version": "19.10.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,13 +21,13 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.9.0",
25
- "@commercetools-uikit/constraints": "19.9.0",
26
- "@commercetools-uikit/design-system": "19.9.0",
27
- "@commercetools-uikit/icons": "19.9.0",
28
- "@commercetools-uikit/spacings": "19.9.0",
29
- "@commercetools-uikit/text": "19.9.0",
30
- "@commercetools-uikit/utils": "19.9.0",
24
+ "@commercetools-uikit/accessible-button": "19.10.0",
25
+ "@commercetools-uikit/constraints": "19.10.0",
26
+ "@commercetools-uikit/design-system": "19.10.0",
27
+ "@commercetools-uikit/icons": "19.10.0",
28
+ "@commercetools-uikit/spacings": "19.10.0",
29
+ "@commercetools-uikit/text": "19.10.0",
30
+ "@commercetools-uikit/utils": "19.10.0",
31
31
  "@emotion/react": "^11.10.5",
32
32
  "@emotion/styled": "^11.10.5",
33
33
  "prop-types": "15.8.1",