@zendeskgarden/react-tags 8.69.1 → 8.69.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 +3 -3
- package/dist/index.esm.js +3 -3
- package/dist/typings/elements/Avatar.d.ts +14 -14
- package/dist/typings/elements/Close.d.ts +11 -11
- package/dist/typings/elements/Tag.d.ts +17 -17
- package/dist/typings/index.d.ts +8 -8
- package/dist/typings/styled/StyledAvatar.d.ts +11 -11
- package/dist/typings/styled/StyledClose.d.ts +11 -11
- package/dist/typings/styled/StyledTag.d.ts +9 -9
- package/dist/typings/styled/index.d.ts +9 -9
- package/dist/typings/types/index.d.ts +24 -24
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -63,7 +63,7 @@ const StyledAvatar = styled__default.default(_ref => {
|
|
|
63
63
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
64
64
|
}).attrs({
|
|
65
65
|
'data-garden-id': COMPONENT_ID$2,
|
|
66
|
-
'data-garden-version': '8.69.
|
|
66
|
+
'data-garden-version': '8.69.3'
|
|
67
67
|
}).withConfig({
|
|
68
68
|
displayName: "StyledAvatar",
|
|
69
69
|
componentId: "sc-3kdmgt-0"
|
|
@@ -75,7 +75,7 @@ StyledAvatar.defaultProps = {
|
|
|
75
75
|
const COMPONENT_ID$1 = 'tags.close';
|
|
76
76
|
const StyledClose = styled__default.default.button.attrs({
|
|
77
77
|
'data-garden-id': COMPONENT_ID$1,
|
|
78
|
-
'data-garden-version': '8.69.
|
|
78
|
+
'data-garden-version': '8.69.3'
|
|
79
79
|
}).withConfig({
|
|
80
80
|
displayName: "StyledClose",
|
|
81
81
|
componentId: "sc-d6lrpn-0"
|
|
@@ -158,7 +158,7 @@ const sizeStyles = props => {
|
|
|
158
158
|
};
|
|
159
159
|
const StyledTag = styled__default.default.div.attrs({
|
|
160
160
|
'data-garden-id': COMPONENT_ID,
|
|
161
|
-
'data-garden-version': '8.69.
|
|
161
|
+
'data-garden-version': '8.69.3'
|
|
162
162
|
}).withConfig({
|
|
163
163
|
displayName: "StyledTag",
|
|
164
164
|
componentId: "sc-1jvbe03-0"
|
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.69.
|
|
41
|
+
'data-garden-version': '8.69.3'
|
|
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.button.attrs({
|
|
52
52
|
'data-garden-id': COMPONENT_ID$1,
|
|
53
|
-
'data-garden-version': '8.69.
|
|
53
|
+
'data-garden-version': '8.69.3'
|
|
54
54
|
}).withConfig({
|
|
55
55
|
displayName: "StyledClose",
|
|
56
56
|
componentId: "sc-d6lrpn-0"
|
|
@@ -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.69.
|
|
136
|
+
'data-garden-version': '8.69.3'
|
|
137
137
|
}).withConfig({
|
|
138
138
|
displayName: "StyledTag",
|
|
139
139
|
componentId: "sc-1jvbe03-0"
|
|
@@ -1,14 +1,14 @@
|
|
|
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 React, { HTMLAttributes } from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Avatar: {
|
|
12
|
-
(props: HTMLAttributes<HTMLElement>): React.JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
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 React, { HTMLAttributes } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Avatar: {
|
|
12
|
+
(props: HTMLAttributes<HTMLElement>): React.JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
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 React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends HTMLAttributes<HTMLButtonElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
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 React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends HTMLAttributes<HTMLButtonElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,17 +1,17 @@
|
|
|
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 React from 'react';
|
|
8
|
-
import { ITagProps } from '../types';
|
|
9
|
-
import { Close } from './Close';
|
|
10
|
-
import { Avatar } from './Avatar';
|
|
11
|
-
/**
|
|
12
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
13
|
-
*/
|
|
14
|
-
export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
|
|
15
|
-
Avatar: typeof Avatar;
|
|
16
|
-
Close: typeof Close;
|
|
17
|
-
};
|
|
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 React from 'react';
|
|
8
|
+
import { ITagProps } from '../types';
|
|
9
|
+
import { Close } from './Close';
|
|
10
|
+
import { Avatar } from './Avatar';
|
|
11
|
+
/**
|
|
12
|
+
* @extends HTMLAttributes<HTMLDivElement>
|
|
13
|
+
*/
|
|
14
|
+
export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
|
|
15
|
+
Avatar: typeof Avatar;
|
|
16
|
+
Close: typeof Close;
|
|
17
|
+
};
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
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
|
-
export { Tag } from './elements/Tag';
|
|
8
|
-
export type { ITagProps } from './types';
|
|
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
|
+
export { Tag } from './elements/Tag';
|
|
8
|
+
export type { ITagProps } from './types';
|
|
@@ -1,11 +1,11 @@
|
|
|
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 React from 'react';
|
|
8
|
-
export declare const StyledAvatar: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
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 React from 'react';
|
|
8
|
+
export declare const StyledAvatar: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,11 +1,11 @@
|
|
|
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
|
-
/**
|
|
8
|
-
* 1. <button> element reset
|
|
9
|
-
* 2. text content reset
|
|
10
|
-
*/
|
|
11
|
-
export declare const StyledClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
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
|
+
/**
|
|
8
|
+
* 1. <button> element reset
|
|
9
|
+
* 2. text content reset
|
|
10
|
+
*/
|
|
11
|
+
export declare const StyledClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,9 +1,9 @@
|
|
|
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 { DefaultTheme } from 'styled-components';
|
|
8
|
-
import { ITagProps } from '../types';
|
|
9
|
-
export declare const StyledTag: import("styled-components").StyledComponent<"div", DefaultTheme, ITagProps, never>;
|
|
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 { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { ITagProps } from '../types';
|
|
9
|
+
export declare const StyledTag: import("styled-components").StyledComponent<"div", DefaultTheme, ITagProps, never>;
|
|
@@ -1,9 +1,9 @@
|
|
|
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
|
-
export * from './StyledTag';
|
|
8
|
-
export * from './StyledAvatar';
|
|
9
|
-
export * from './StyledClose';
|
|
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
|
+
export * from './StyledTag';
|
|
8
|
+
export * from './StyledAvatar';
|
|
9
|
+
export * from './StyledClose';
|
|
@@ -1,24 +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
|
-
}
|
|
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.69.
|
|
3
|
+
"version": "8.69.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,7 +32,7 @@
|
|
|
32
32
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^8.69.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.69.3",
|
|
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": "c861fbeb70120b66b05d2ce3a26ccf3047659aa0"
|
|
49
49
|
}
|