@zendeskgarden/react-tags 8.49.1 → 8.49.4

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/dist/index.cjs.js CHANGED
@@ -94,6 +94,8 @@ function _objectWithoutProperties(source, excluded) {
94
94
  return target;
95
95
  }
96
96
 
97
+ var SIZE = ['small', 'medium', 'large'];
98
+
97
99
  var _excluded$1 = ["children"];
98
100
  var COMPONENT_ID$2 = 'tags.avatar';
99
101
  var StyledAvatar = styled__default["default"](function (_ref) {
@@ -102,7 +104,7 @@ var StyledAvatar = styled__default["default"](function (_ref) {
102
104
  return React__default["default"].cloneElement(React.Children.only(children), props);
103
105
  }).attrs({
104
106
  'data-garden-id': COMPONENT_ID$2,
105
- 'data-garden-version': '8.49.1'
107
+ 'data-garden-version': '8.49.4'
106
108
  }).withConfig({
107
109
  displayName: "StyledAvatar",
108
110
  componentId: "sc-3kdmgt-0"
@@ -116,7 +118,7 @@ StyledAvatar.defaultProps = {
116
118
  var COMPONENT_ID$1 = 'tags.close';
117
119
  var StyledClose = styled__default["default"].div.attrs({
118
120
  'data-garden-id': COMPONENT_ID$1,
119
- 'data-garden-version': '8.49.1',
121
+ 'data-garden-version': '8.49.4',
120
122
  'aria-label': 'Press delete to remove'
121
123
  }).withConfig({
122
124
  displayName: "StyledClose",
@@ -201,7 +203,7 @@ var sizeStyles = function sizeStyles(props) {
201
203
  };
202
204
  var StyledTag = styled__default["default"].div.attrs({
203
205
  'data-garden-id': COMPONENT_ID,
204
- 'data-garden-version': '8.49.1'
206
+ 'data-garden-version': '8.49.4'
205
207
  }).withConfig({
206
208
  displayName: "StyledTag",
207
209
  componentId: "sc-1jvbe03-0"
@@ -275,7 +277,7 @@ var TagComponent = React.forwardRef(function (_ref, ref) {
275
277
  });
276
278
  TagComponent.displayName = 'Tag';
277
279
  TagComponent.propTypes = {
278
- size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
280
+ size: PropTypes__default["default"].oneOf(SIZE),
279
281
  hue: PropTypes__default["default"].string,
280
282
  isPill: PropTypes__default["default"].bool,
281
283
  isRound: PropTypes__default["default"].bool,
package/dist/index.esm.js CHANGED
@@ -66,6 +66,8 @@ function _objectWithoutProperties(source, excluded) {
66
66
  return target;
67
67
  }
68
68
 
69
+ var SIZE = ['small', 'medium', 'large'];
70
+
69
71
  var _excluded$1 = ["children"];
70
72
  var COMPONENT_ID$2 = 'tags.avatar';
71
73
  var StyledAvatar = styled(function (_ref) {
@@ -74,7 +76,7 @@ var StyledAvatar = styled(function (_ref) {
74
76
  return React__default.cloneElement(Children.only(children), props);
75
77
  }).attrs({
76
78
  'data-garden-id': COMPONENT_ID$2,
77
- 'data-garden-version': '8.49.1'
79
+ 'data-garden-version': '8.49.4'
78
80
  }).withConfig({
79
81
  displayName: "StyledAvatar",
80
82
  componentId: "sc-3kdmgt-0"
@@ -88,7 +90,7 @@ StyledAvatar.defaultProps = {
88
90
  var COMPONENT_ID$1 = 'tags.close';
89
91
  var StyledClose = styled.div.attrs({
90
92
  'data-garden-id': COMPONENT_ID$1,
91
- 'data-garden-version': '8.49.1',
93
+ 'data-garden-version': '8.49.4',
92
94
  'aria-label': 'Press delete to remove'
93
95
  }).withConfig({
94
96
  displayName: "StyledClose",
@@ -173,7 +175,7 @@ var sizeStyles = function sizeStyles(props) {
173
175
  };
174
176
  var StyledTag = styled.div.attrs({
175
177
  'data-garden-id': COMPONENT_ID,
176
- 'data-garden-version': '8.49.1'
178
+ 'data-garden-version': '8.49.4'
177
179
  }).withConfig({
178
180
  displayName: "StyledTag",
179
181
  componentId: "sc-1jvbe03-0"
@@ -247,7 +249,7 @@ var TagComponent = forwardRef(function (_ref, ref) {
247
249
  });
248
250
  TagComponent.displayName = 'Tag';
249
251
  TagComponent.propTypes = {
250
- size: PropTypes.oneOf(['small', 'medium', 'large']),
252
+ size: PropTypes.oneOf(SIZE),
251
253
  hue: PropTypes.string,
252
254
  isPill: PropTypes.bool,
253
255
  isRound: PropTypes.bool,
@@ -4,25 +4,10 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import React, { HTMLAttributes } from 'react';
7
+ import React from 'react';
8
+ import { ITagProps } from '../types';
8
9
  import { Close } from './Close';
9
10
  import { Avatar } from './Avatar';
10
- export interface ITagProps extends HTMLAttributes<HTMLDivElement> {
11
- /** Adjusts font size and padding */
12
- size?: 'small' | 'medium' | 'large';
13
- /**
14
- * Sets the color of the tag. Refer to
15
- * [PALETTE](/components/palette#palette)
16
- * for available colors. Accepts any hex value.
17
- */
18
- hue?: string;
19
- /** Applies pill styling */
20
- isPill?: boolean;
21
- /** Applies styles to round the tag */
22
- isRound?: boolean;
23
- /** Applies regular (non-bold) font weight */
24
- isRegular?: boolean;
25
- }
26
11
  /**
27
12
  * @extends HTMLAttributes<HTMLDivElement>
28
13
  */
@@ -5,4 +5,4 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  export { Tag } from './elements/Tag';
8
- export type { ITagProps } from './elements/Tag';
8
+ export type { ITagProps } from './types';
@@ -5,12 +5,5 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import { DefaultTheme } from 'styled-components';
8
- interface IStyledTagProps {
9
- hue?: string;
10
- size?: 'small' | 'medium' | 'large';
11
- isPill?: boolean;
12
- isRound?: boolean;
13
- isRegular?: boolean;
14
- }
15
- export declare const StyledTag: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTagProps, never>;
16
- export {};
8
+ import { ITagProps } from '../types';
9
+ export declare const StyledTag: import("styled-components").StyledComponent<"div", DefaultTheme, ITagProps, never>;
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import { HTMLAttributes } from 'react';
8
+ export declare const SIZE: readonly ["small", "medium", "large"];
9
+ export interface ITagProps extends HTMLAttributes<HTMLDivElement> {
10
+ /** Adjusts font size and padding */
11
+ size?: typeof SIZE[number];
12
+ /**
13
+ * Sets the color of the tag. Refer to
14
+ * [PALETTE](/components/palette#palette)
15
+ * for available colors. Accepts any hex value.
16
+ */
17
+ hue?: string;
18
+ /** Applies pill styling */
19
+ isPill?: boolean;
20
+ /** Applies styles to round the tag */
21
+ isRound?: boolean;
22
+ /** Applies regular (non-bold) font weight */
23
+ isRegular?: boolean;
24
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tags",
3
- "version": "8.49.1",
3
+ "version": "8.49.4",
4
4
  "description": "Components relating to tags in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,8 +32,8 @@
32
32
  "styled-components": "^4.2.0 || ^5.0.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^8.49.1",
36
- "@zendeskgarden/svg-icons": "6.30.2"
35
+ "@zendeskgarden/react-theming": "^8.49.4",
36
+ "@zendeskgarden/svg-icons": "6.31.1"
37
37
  },
38
38
  "keywords": [
39
39
  "components",
@@ -45,5 +45,5 @@
45
45
  "access": "public"
46
46
  },
47
47
  "zendeskgarden:src": "src/index.ts",
48
- "gitHead": "40c9f918b5517480f73fc0ed4a47ffde212b28b6"
48
+ "gitHead": "7d8cf45fb734c345fac9e0673236578b2ac9c03b"
49
49
  }