@zendeskgarden/react-tags 8.49.2 → 8.49.3
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.
|
|
107
|
+
'data-garden-version': '8.49.3'
|
|
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.
|
|
121
|
+
'data-garden-version': '8.49.3',
|
|
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.
|
|
206
|
+
'data-garden-version': '8.49.3'
|
|
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(
|
|
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.
|
|
79
|
+
'data-garden-version': '8.49.3'
|
|
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.
|
|
93
|
+
'data-garden-version': '8.49.3',
|
|
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.
|
|
178
|
+
'data-garden-version': '8.49.3'
|
|
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(
|
|
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
|
|
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
|
*/
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -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
|
-
|
|
9
|
-
|
|
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.
|
|
3
|
+
"version": "8.49.3",
|
|
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.
|
|
36
|
-
"@zendeskgarden/svg-icons": "6.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.49.3",
|
|
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": "
|
|
48
|
+
"gitHead": "983322364971c051ca6ce478770edfc3310e4c4b"
|
|
49
49
|
}
|