@zendeskgarden/react-tags 9.0.0-next.24 → 9.0.0-next.26
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.
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { StyledBaseIcon, retrieveComponentStyles
|
|
8
|
+
import { StyledBaseIcon, retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'tags.avatar';
|
|
11
11
|
const StyledAvatar = styled(StyledBaseIcon).attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledAvatar",
|
|
16
16
|
componentId: "sc-3kdmgt-0"
|
|
17
17
|
})(["flex-shrink:0;font-size:0;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledAvatar.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledAvatar };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'tags.close';
|
|
11
11
|
const StyledClose = styled.button.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledClose",
|
|
16
16
|
componentId: "sc-d6lrpn-0"
|
|
17
17
|
})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:", ";border:0;background:transparent;cursor:pointer;padding:0;color:inherit;font-size:0;appearance:none;&:hover{opacity:", ";}&:focus{outline:none;}&:active{opacity:", ";}", ";"], props => props.theme.opacity[1000], props => props.theme.opacity[1100], props => props.theme.opacity[1200], props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledClose.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledClose };
|
|
@@ -185,7 +185,7 @@ const sizeStyles = props => {
|
|
|
185
185
|
};
|
|
186
186
|
const StyledTag = styled.div.attrs({
|
|
187
187
|
'data-garden-id': COMPONENT_ID,
|
|
188
|
-
'data-garden-version': '9.0.0-next.
|
|
188
|
+
'data-garden-version': '9.0.0-next.26'
|
|
189
189
|
}).withConfig({
|
|
190
190
|
displayName: "StyledTag",
|
|
191
191
|
componentId: "sc-1jvbe03-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -41,26 +41,20 @@ const SIZE = ['small', 'medium', 'large'];
|
|
|
41
41
|
const COMPONENT_ID$2 = 'tags.avatar';
|
|
42
42
|
const StyledAvatar = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
43
43
|
'data-garden-id': COMPONENT_ID$2,
|
|
44
|
-
'data-garden-version': '9.0.0-next.
|
|
44
|
+
'data-garden-version': '9.0.0-next.26'
|
|
45
45
|
}).withConfig({
|
|
46
46
|
displayName: "StyledAvatar",
|
|
47
47
|
componentId: "sc-3kdmgt-0"
|
|
48
48
|
})(["flex-shrink:0;font-size:0;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
|
|
49
|
-
StyledAvatar.defaultProps = {
|
|
50
|
-
theme: reactTheming.DEFAULT_THEME
|
|
51
|
-
};
|
|
52
49
|
|
|
53
50
|
const COMPONENT_ID$1 = 'tags.close';
|
|
54
51
|
const StyledClose = styled__default.default.button.attrs({
|
|
55
52
|
'data-garden-id': COMPONENT_ID$1,
|
|
56
|
-
'data-garden-version': '9.0.0-next.
|
|
53
|
+
'data-garden-version': '9.0.0-next.26'
|
|
57
54
|
}).withConfig({
|
|
58
55
|
displayName: "StyledClose",
|
|
59
56
|
componentId: "sc-d6lrpn-0"
|
|
60
57
|
})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:", ";border:0;background:transparent;cursor:pointer;padding:0;color:inherit;font-size:0;appearance:none;&:hover{opacity:", ";}&:focus{outline:none;}&:active{opacity:", ";}", ";"], props => props.theme.opacity[1000], props => props.theme.opacity[1100], props => props.theme.opacity[1200], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
|
|
61
|
-
StyledClose.defaultProps = {
|
|
62
|
-
theme: reactTheming.DEFAULT_THEME
|
|
63
|
-
};
|
|
64
58
|
|
|
65
59
|
const COMPONENT_ID = 'tags.tag_view';
|
|
66
60
|
const colorStyles = _ref => {
|
|
@@ -237,7 +231,7 @@ const sizeStyles = props => {
|
|
|
237
231
|
};
|
|
238
232
|
const StyledTag = styled__default.default.div.attrs({
|
|
239
233
|
'data-garden-id': COMPONENT_ID,
|
|
240
|
-
'data-garden-version': '9.0.0-next.
|
|
234
|
+
'data-garden-version': '9.0.0-next.26'
|
|
241
235
|
}).withConfig({
|
|
242
236
|
displayName: "StyledTag",
|
|
243
237
|
componentId: "sc-1jvbe03-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tags",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.26",
|
|
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": "^5.3.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
35
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.26",
|
|
36
36
|
"@zendeskgarden/svg-icons": "7.2.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": "049dd7bd143029147de333f78bd879dc7d7251f2"
|
|
49
49
|
}
|