@zendeskgarden/react-tags 8.62.0 → 8.62.2
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 +20 -23
- package/dist/index.esm.js +3 -3
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -7,15 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var React = require('react');
|
|
13
11
|
var PropTypes = require('prop-types');
|
|
14
12
|
var styled = require('styled-components');
|
|
15
13
|
var polished = require('polished');
|
|
16
14
|
var reactTheming = require('@zendeskgarden/react-theming');
|
|
17
15
|
|
|
18
|
-
function
|
|
16
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
17
|
|
|
20
18
|
function _interopNamespace(e) {
|
|
21
19
|
if (e && e.__esModule) return e;
|
|
@@ -31,14 +29,13 @@ function _interopNamespace(e) {
|
|
|
31
29
|
}
|
|
32
30
|
});
|
|
33
31
|
}
|
|
34
|
-
n
|
|
32
|
+
n.default = e;
|
|
35
33
|
return Object.freeze(n);
|
|
36
34
|
}
|
|
37
35
|
|
|
38
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
39
36
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
40
|
-
var PropTypes__default = /*#__PURE__*/
|
|
41
|
-
var styled__default = /*#__PURE__*/
|
|
37
|
+
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
38
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
42
39
|
|
|
43
40
|
function _extends$1() {
|
|
44
41
|
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -58,15 +55,15 @@ function _extends$1() {
|
|
|
58
55
|
const SIZE = ['small', 'medium', 'large'];
|
|
59
56
|
|
|
60
57
|
const COMPONENT_ID$2 = 'tags.avatar';
|
|
61
|
-
const StyledAvatar = styled__default
|
|
58
|
+
const StyledAvatar = styled__default.default(_ref => {
|
|
62
59
|
let {
|
|
63
60
|
children,
|
|
64
61
|
...props
|
|
65
62
|
} = _ref;
|
|
66
|
-
return
|
|
63
|
+
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
67
64
|
}).attrs({
|
|
68
65
|
'data-garden-id': COMPONENT_ID$2,
|
|
69
|
-
'data-garden-version': '8.62.
|
|
66
|
+
'data-garden-version': '8.62.2'
|
|
70
67
|
}).withConfig({
|
|
71
68
|
displayName: "StyledAvatar",
|
|
72
69
|
componentId: "sc-3kdmgt-0"
|
|
@@ -76,9 +73,9 @@ StyledAvatar.defaultProps = {
|
|
|
76
73
|
};
|
|
77
74
|
|
|
78
75
|
const COMPONENT_ID$1 = 'tags.close';
|
|
79
|
-
const StyledClose = styled__default
|
|
76
|
+
const StyledClose = styled__default.default.div.attrs({
|
|
80
77
|
'data-garden-id': COMPONENT_ID$1,
|
|
81
|
-
'data-garden-version': '8.62.
|
|
78
|
+
'data-garden-version': '8.62.2',
|
|
82
79
|
'aria-label': 'Press delete to remove'
|
|
83
80
|
}).withConfig({
|
|
84
81
|
displayName: "StyledClose",
|
|
@@ -159,9 +156,9 @@ const sizeStyles = props => {
|
|
|
159
156
|
}
|
|
160
157
|
return styled.css(["border-radius:", ";padding:0 ", "px;min-width:", ";height:", "px;line-height:", ";font-size:", ";& > *{width:100%;min-width:", ";}& ", "{margin-", ":-", "px;margin-", ":", "px;border-radius:", ";width:", "px;min-width:", "px;height:", "px;}& ", "{margin-", ":-", "px;border-radius:", ";width:", "px;height:", "px;}"], borderRadius, padding, minWidth ? `${minWidth}px` : `calc(${padding * 2}px + 1ch)`, height, reactTheming.getLineHeight(height, fontSize), fontSize, minWidth ? `${minWidth - padding * 2}px` : '1ch', StyledAvatar, props.theme.rtl ? 'right' : 'left', padding - avatarMargin, props.theme.rtl ? 'left' : 'right', avatarTextMargin, avatarBorderRadius, avatarSize, avatarSize, avatarSize, StyledClose, props.theme.rtl ? 'left' : 'right', padding, borderRadius, height, height);
|
|
161
158
|
};
|
|
162
|
-
const StyledTag = styled__default
|
|
159
|
+
const StyledTag = styled__default.default.div.attrs({
|
|
163
160
|
'data-garden-id': COMPONENT_ID,
|
|
164
|
-
'data-garden-version': '8.62.
|
|
161
|
+
'data-garden-version': '8.62.2'
|
|
165
162
|
}).withConfig({
|
|
166
163
|
displayName: "StyledTag",
|
|
167
164
|
componentId: "sc-1jvbe03-0"
|
|
@@ -191,13 +188,13 @@ var SvgXStroke = function SvgXStroke(props) {
|
|
|
191
188
|
})));
|
|
192
189
|
};
|
|
193
190
|
|
|
194
|
-
const CloseComponent = React.forwardRef((props, ref) =>
|
|
191
|
+
const CloseComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledClose, _extends$1({
|
|
195
192
|
ref: ref
|
|
196
|
-
}, props),
|
|
193
|
+
}, props), React__namespace.default.createElement(SvgXStroke, null)));
|
|
197
194
|
CloseComponent.displayName = 'Tag.Close';
|
|
198
195
|
const Close = CloseComponent;
|
|
199
196
|
|
|
200
|
-
const AvatarComponent = props =>
|
|
197
|
+
const AvatarComponent = props => React__namespace.default.createElement(StyledAvatar, props);
|
|
201
198
|
AvatarComponent.displayName = 'Tag.Avatar';
|
|
202
199
|
const Avatar = AvatarComponent;
|
|
203
200
|
|
|
@@ -207,7 +204,7 @@ const TagComponent = React.forwardRef((_ref, ref) => {
|
|
|
207
204
|
hue,
|
|
208
205
|
...otherProps
|
|
209
206
|
} = _ref;
|
|
210
|
-
return
|
|
207
|
+
return React__namespace.default.createElement(StyledTag, _extends$1({
|
|
211
208
|
ref: ref,
|
|
212
209
|
size: size,
|
|
213
210
|
hue: hue
|
|
@@ -215,11 +212,11 @@ const TagComponent = React.forwardRef((_ref, ref) => {
|
|
|
215
212
|
});
|
|
216
213
|
TagComponent.displayName = 'Tag';
|
|
217
214
|
TagComponent.propTypes = {
|
|
218
|
-
size: PropTypes__default
|
|
219
|
-
hue: PropTypes__default
|
|
220
|
-
isPill: PropTypes__default
|
|
221
|
-
isRound: PropTypes__default
|
|
222
|
-
isRegular: PropTypes__default
|
|
215
|
+
size: PropTypes__default.default.oneOf(SIZE),
|
|
216
|
+
hue: PropTypes__default.default.string,
|
|
217
|
+
isPill: PropTypes__default.default.bool,
|
|
218
|
+
isRound: PropTypes__default.default.bool,
|
|
219
|
+
isRegular: PropTypes__default.default.bool
|
|
223
220
|
};
|
|
224
221
|
TagComponent.defaultProps = {
|
|
225
222
|
size: 'medium'
|
package/dist/index.esm.js
CHANGED
|
@@ -38,7 +38,7 @@ const StyledAvatar = styled(_ref => {
|
|
|
38
38
|
return React__default.cloneElement(Children.only(children), props);
|
|
39
39
|
}).attrs({
|
|
40
40
|
'data-garden-id': COMPONENT_ID$2,
|
|
41
|
-
'data-garden-version': '8.62.
|
|
41
|
+
'data-garden-version': '8.62.2'
|
|
42
42
|
}).withConfig({
|
|
43
43
|
displayName: "StyledAvatar",
|
|
44
44
|
componentId: "sc-3kdmgt-0"
|
|
@@ -50,7 +50,7 @@ StyledAvatar.defaultProps = {
|
|
|
50
50
|
const COMPONENT_ID$1 = 'tags.close';
|
|
51
51
|
const StyledClose = styled.div.attrs({
|
|
52
52
|
'data-garden-id': COMPONENT_ID$1,
|
|
53
|
-
'data-garden-version': '8.62.
|
|
53
|
+
'data-garden-version': '8.62.2',
|
|
54
54
|
'aria-label': 'Press delete to remove'
|
|
55
55
|
}).withConfig({
|
|
56
56
|
displayName: "StyledClose",
|
|
@@ -133,7 +133,7 @@ const sizeStyles = props => {
|
|
|
133
133
|
};
|
|
134
134
|
const StyledTag = styled.div.attrs({
|
|
135
135
|
'data-garden-id': COMPONENT_ID,
|
|
136
|
-
'data-garden-version': '8.62.
|
|
136
|
+
'data-garden-version': '8.62.2'
|
|
137
137
|
}).withConfig({
|
|
138
138
|
displayName: "StyledTag",
|
|
139
139
|
componentId: "sc-1jvbe03-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tags",
|
|
3
|
-
"version": "8.62.
|
|
3
|
+
"version": "8.62.2",
|
|
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,7 +32,7 @@
|
|
|
32
32
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^8.62.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.62.2",
|
|
36
36
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
37
37
|
},
|
|
38
38
|
"keywords": [
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
47
|
"zendeskgarden:src": "src/index.ts",
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
|
|
49
49
|
}
|