@zendeskgarden/react-buttons 8.69.2 → 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 +6 -6
- package/dist/index.esm.js +6 -6
- package/dist/typings/elements/Anchor.d.ts +16 -16
- package/dist/typings/elements/Button.d.ts +23 -23
- package/dist/typings/elements/ButtonGroup.d.ts +14 -14
- package/dist/typings/elements/ChevronButton.d.ts +12 -12
- package/dist/typings/elements/IconButton.d.ts +12 -12
- package/dist/typings/elements/SplitButton.d.ts +11 -11
- package/dist/typings/elements/ToggleButton.d.ts +12 -12
- package/dist/typings/elements/ToggleIconButton.d.ts +12 -12
- package/dist/typings/elements/components/EndIcon.d.ts +15 -15
- package/dist/typings/elements/components/StartIcon.d.ts +15 -15
- package/dist/typings/index.d.ts +16 -16
- package/dist/typings/styled/StyledAnchor.d.ts +17 -17
- package/dist/typings/styled/StyledButton.d.ts +15 -15
- package/dist/typings/styled/StyledButtonGroup.d.ts +13 -13
- package/dist/typings/styled/StyledExternalIcon.d.ts +13 -13
- package/dist/typings/styled/StyledIcon.d.ts +17 -17
- package/dist/typings/styled/StyledIconButton.d.ts +12 -12
- package/dist/typings/styled/index.d.ts +12 -12
- package/dist/typings/types/index.d.ts +68 -68
- package/dist/typings/utils/useButtonGroupContext.d.ts +14 -14
- package/dist/typings/utils/useSplitButtonContext.d.ts +9 -9
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -58,7 +58,7 @@ const SIZE = ['small', 'medium', 'large'];
|
|
|
58
58
|
const COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
59
59
|
const StyledButtonGroup = styled__default.default.div.attrs({
|
|
60
60
|
'data-garden-id': COMPONENT_ID$5,
|
|
61
|
-
'data-garden-version': '8.69.
|
|
61
|
+
'data-garden-version': '8.69.3'
|
|
62
62
|
}).withConfig({
|
|
63
63
|
displayName: "StyledButtonGroup",
|
|
64
64
|
componentId: "sc-1fbpzef-0"
|
|
@@ -87,7 +87,7 @@ const StyledIcon = styled__default.default(_ref => {
|
|
|
87
87
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
88
88
|
}).attrs({
|
|
89
89
|
'data-garden-id': COMPONENT_ID$4,
|
|
90
|
-
'data-garden-version': '8.69.
|
|
90
|
+
'data-garden-version': '8.69.3'
|
|
91
91
|
}).withConfig({
|
|
92
92
|
displayName: "StyledIcon",
|
|
93
93
|
componentId: "sc-19meqgg-0"
|
|
@@ -225,7 +225,7 @@ const sizeStyles = props => {
|
|
|
225
225
|
};
|
|
226
226
|
const StyledButton = styled__default.default.button.attrs(props => ({
|
|
227
227
|
'data-garden-id': COMPONENT_ID$3,
|
|
228
|
-
'data-garden-version': '8.69.
|
|
228
|
+
'data-garden-version': '8.69.3',
|
|
229
229
|
type: props.type || 'button'
|
|
230
230
|
})).withConfig({
|
|
231
231
|
displayName: "StyledButton",
|
|
@@ -238,7 +238,7 @@ StyledButton.defaultProps = {
|
|
|
238
238
|
const COMPONENT_ID$2 = 'buttons.anchor';
|
|
239
239
|
const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
|
|
240
240
|
'data-garden-id': COMPONENT_ID$2,
|
|
241
|
-
'data-garden-version': '8.69.
|
|
241
|
+
'data-garden-version': '8.69.3',
|
|
242
242
|
as: 'a',
|
|
243
243
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
244
244
|
isLink: true,
|
|
@@ -272,7 +272,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
272
272
|
const COMPONENT_ID$1 = 'buttons.external_icon';
|
|
273
273
|
const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
|
|
274
274
|
'data-garden-id': COMPONENT_ID$1,
|
|
275
|
-
'data-garden-version': '8.69.
|
|
275
|
+
'data-garden-version': '8.69.3'
|
|
276
276
|
}).withConfig({
|
|
277
277
|
displayName: "StyledExternalIcon",
|
|
278
278
|
componentId: "sc-16oz07e-0"
|
|
@@ -299,7 +299,7 @@ const iconStyles = props => {
|
|
|
299
299
|
};
|
|
300
300
|
const StyledIconButton = styled__default.default(StyledButton).attrs({
|
|
301
301
|
'data-garden-id': COMPONENT_ID,
|
|
302
|
-
'data-garden-version': '8.69.
|
|
302
|
+
'data-garden-version': '8.69.3'
|
|
303
303
|
}).withConfig({
|
|
304
304
|
displayName: "StyledIconButton",
|
|
305
305
|
componentId: "sc-1t0ughp-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -33,7 +33,7 @@ const SIZE = ['small', 'medium', 'large'];
|
|
|
33
33
|
const COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
34
34
|
const StyledButtonGroup = styled.div.attrs({
|
|
35
35
|
'data-garden-id': COMPONENT_ID$5,
|
|
36
|
-
'data-garden-version': '8.69.
|
|
36
|
+
'data-garden-version': '8.69.3'
|
|
37
37
|
}).withConfig({
|
|
38
38
|
displayName: "StyledButtonGroup",
|
|
39
39
|
componentId: "sc-1fbpzef-0"
|
|
@@ -62,7 +62,7 @@ const StyledIcon = styled(_ref => {
|
|
|
62
62
|
return React__default.cloneElement(Children.only(children), props);
|
|
63
63
|
}).attrs({
|
|
64
64
|
'data-garden-id': COMPONENT_ID$4,
|
|
65
|
-
'data-garden-version': '8.69.
|
|
65
|
+
'data-garden-version': '8.69.3'
|
|
66
66
|
}).withConfig({
|
|
67
67
|
displayName: "StyledIcon",
|
|
68
68
|
componentId: "sc-19meqgg-0"
|
|
@@ -200,7 +200,7 @@ const sizeStyles = props => {
|
|
|
200
200
|
};
|
|
201
201
|
const StyledButton = styled.button.attrs(props => ({
|
|
202
202
|
'data-garden-id': COMPONENT_ID$3,
|
|
203
|
-
'data-garden-version': '8.69.
|
|
203
|
+
'data-garden-version': '8.69.3',
|
|
204
204
|
type: props.type || 'button'
|
|
205
205
|
})).withConfig({
|
|
206
206
|
displayName: "StyledButton",
|
|
@@ -213,7 +213,7 @@ StyledButton.defaultProps = {
|
|
|
213
213
|
const COMPONENT_ID$2 = 'buttons.anchor';
|
|
214
214
|
const StyledAnchor = styled(StyledButton).attrs(props => ({
|
|
215
215
|
'data-garden-id': COMPONENT_ID$2,
|
|
216
|
-
'data-garden-version': '8.69.
|
|
216
|
+
'data-garden-version': '8.69.3',
|
|
217
217
|
as: 'a',
|
|
218
218
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
219
219
|
isLink: true,
|
|
@@ -247,7 +247,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
247
247
|
const COMPONENT_ID$1 = 'buttons.external_icon';
|
|
248
248
|
const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
|
|
249
249
|
'data-garden-id': COMPONENT_ID$1,
|
|
250
|
-
'data-garden-version': '8.69.
|
|
250
|
+
'data-garden-version': '8.69.3'
|
|
251
251
|
}).withConfig({
|
|
252
252
|
displayName: "StyledExternalIcon",
|
|
253
253
|
componentId: "sc-16oz07e-0"
|
|
@@ -274,7 +274,7 @@ const iconStyles = props => {
|
|
|
274
274
|
};
|
|
275
275
|
const StyledIconButton = styled(StyledButton).attrs({
|
|
276
276
|
'data-garden-id': COMPONENT_ID,
|
|
277
|
-
'data-garden-version': '8.69.
|
|
277
|
+
'data-garden-version': '8.69.3'
|
|
278
278
|
}).withConfig({
|
|
279
279
|
displayName: "StyledIconButton",
|
|
280
280
|
componentId: "sc-1t0ughp-0"
|
|
@@ -1,16 +1,16 @@
|
|
|
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 { IAnchorProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* 1. role='img' on `svg` is valid WAI-ARIA usage in this context.
|
|
11
|
-
* https://dequeuniversity.com/rules/axe/4.2/svg-img-alt
|
|
12
|
-
*/
|
|
13
|
-
/**
|
|
14
|
-
* @extends AnchorHTMLAttributes<HTMLAnchorElement>
|
|
15
|
-
*/
|
|
16
|
-
export declare const Anchor: React.ForwardRefExoticComponent<IAnchorProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
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 { IAnchorProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* 1. role='img' on `svg` is valid WAI-ARIA usage in this context.
|
|
11
|
+
* https://dequeuniversity.com/rules/axe/4.2/svg-img-alt
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* @extends AnchorHTMLAttributes<HTMLAnchorElement>
|
|
15
|
+
*/
|
|
16
|
+
export declare const Anchor: React.ForwardRefExoticComponent<IAnchorProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -1,23 +1,23 @@
|
|
|
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, { SVGAttributes } from 'react';
|
|
8
|
-
import { IButtonProps } from '../types';
|
|
9
|
-
import { StartIcon } from './components/StartIcon';
|
|
10
|
-
import { EndIcon } from './components/EndIcon';
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated use IButtonStartIconProps or IButtonEndIconProps instead
|
|
13
|
-
*/
|
|
14
|
-
export interface IIconProps extends SVGAttributes<SVGSVGElement> {
|
|
15
|
-
isRotated?: boolean;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
19
|
-
*/
|
|
20
|
-
export declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> & {
|
|
21
|
-
EndIcon: typeof EndIcon;
|
|
22
|
-
StartIcon: typeof StartIcon;
|
|
23
|
-
};
|
|
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, { SVGAttributes } from 'react';
|
|
8
|
+
import { IButtonProps } from '../types';
|
|
9
|
+
import { StartIcon } from './components/StartIcon';
|
|
10
|
+
import { EndIcon } from './components/EndIcon';
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated use IButtonStartIconProps or IButtonEndIconProps instead
|
|
13
|
+
*/
|
|
14
|
+
export interface IIconProps extends SVGAttributes<SVGSVGElement> {
|
|
15
|
+
isRotated?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
19
|
+
*/
|
|
20
|
+
export declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> & {
|
|
21
|
+
EndIcon: typeof EndIcon;
|
|
22
|
+
StartIcon: typeof StartIcon;
|
|
23
|
+
};
|
|
@@ -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 from 'react';
|
|
8
|
-
import { IButtonGroupProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated this legacy component will be removed in a future release
|
|
11
|
-
*
|
|
12
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
13
|
-
*/
|
|
14
|
-
export declare const ButtonGroup: React.ForwardRefExoticComponent<IButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
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 { IButtonGroupProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated this legacy component will be removed in a future release
|
|
11
|
+
*
|
|
12
|
+
* @extends HTMLAttributes<HTMLDivElement>
|
|
13
|
+
*/
|
|
14
|
+
export declare const ButtonGroup: React.ForwardRefExoticComponent<IButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
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 { IIconButtonProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const ChevronButton: React.ForwardRefExoticComponent<IIconButtonProps & 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
|
+
import { IIconButtonProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const ChevronButton: React.ForwardRefExoticComponent<IIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
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 { IIconButtonProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const IconButton: React.ForwardRefExoticComponent<IIconButtonProps & 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
|
+
import { IIconButtonProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const IconButton: React.ForwardRefExoticComponent<IIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -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<HTMLDivElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const SplitButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
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<HTMLDivElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const SplitButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
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 { IToggleButtonProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const ToggleButton: React.ForwardRefExoticComponent<IToggleButtonProps & 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
|
+
import { IToggleButtonProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const ToggleButton: React.ForwardRefExoticComponent<IToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
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 { IToggleIconButtonProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const ToggleIconButton: React.ForwardRefExoticComponent<IToggleIconButtonProps & 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
|
+
import { IToggleIconButtonProps } from '../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const ToggleIconButton: React.ForwardRefExoticComponent<IToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,15 +1,15 @@
|
|
|
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 { IButtonIconProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends SVGAttributes<SVGElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const EndIcon: {
|
|
13
|
-
(props: IButtonIconProps): React.JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
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 { IButtonIconProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends SVGAttributes<SVGElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const EndIcon: {
|
|
13
|
+
(props: IButtonIconProps): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
@@ -1,15 +1,15 @@
|
|
|
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 { IButtonIconProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends SVGAttributes<SVGElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const StartIcon: {
|
|
13
|
-
(props: IButtonIconProps): React.JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
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 { IButtonIconProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends SVGAttributes<SVGElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const StartIcon: {
|
|
13
|
+
(props: IButtonIconProps): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
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 { Button } from './elements/Button';
|
|
8
|
-
export type { IIconProps } from './elements/Button';
|
|
9
|
-
export { Anchor } from './elements/Anchor';
|
|
10
|
-
export { ButtonGroup } from './elements/ButtonGroup';
|
|
11
|
-
export { ChevronButton } from './elements/ChevronButton';
|
|
12
|
-
export { IconButton } from './elements/IconButton';
|
|
13
|
-
export { SplitButton } from './elements/SplitButton';
|
|
14
|
-
export { ToggleButton } from './elements/ToggleButton';
|
|
15
|
-
export { ToggleIconButton } from './elements/ToggleIconButton';
|
|
16
|
-
export type { IButtonProps, IButtonIconProps as IButtonEndIconProps, IButtonIconProps as IButtonStartIconProps, IAnchorProps, IIconButtonProps, IIconButtonProps as IChevronButtonProps, IToggleButtonProps, IToggleIconButtonProps, IButtonGroupProps } 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 { Button } from './elements/Button';
|
|
8
|
+
export type { IIconProps } from './elements/Button';
|
|
9
|
+
export { Anchor } from './elements/Anchor';
|
|
10
|
+
export { ButtonGroup } from './elements/ButtonGroup';
|
|
11
|
+
export { ChevronButton } from './elements/ChevronButton';
|
|
12
|
+
export { IconButton } from './elements/IconButton';
|
|
13
|
+
export { SplitButton } from './elements/SplitButton';
|
|
14
|
+
export { ToggleButton } from './elements/ToggleButton';
|
|
15
|
+
export { ToggleIconButton } from './elements/ToggleIconButton';
|
|
16
|
+
export type { IButtonProps, IButtonIconProps as IButtonEndIconProps, IButtonIconProps as IButtonStartIconProps, IAnchorProps, IIconButtonProps, IIconButtonProps as IChevronButtonProps, IToggleButtonProps, IToggleIconButtonProps, IButtonGroupProps } from './types';
|
|
@@ -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
|
-
/**
|
|
8
|
-
* Accepts all `<a>` props
|
|
9
|
-
*/
|
|
10
|
-
export declare const StyledAnchor: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("..").IButtonProps & {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
as: string;
|
|
14
|
-
dir: "rtl" | undefined;
|
|
15
|
-
isLink: boolean;
|
|
16
|
-
type: undefined;
|
|
17
|
-
}, "type" | "dir" | "data-garden-id" | "data-garden-version" | "as" | "isLink">;
|
|
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
|
+
* Accepts all `<a>` props
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledAnchor: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("..").IButtonProps & {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
as: string;
|
|
14
|
+
dir: "rtl" | undefined;
|
|
15
|
+
isLink: boolean;
|
|
16
|
+
type: undefined;
|
|
17
|
+
}, "type" | "dir" | "data-garden-id" | "data-garden-version" | "as" | "isLink">;
|
|
@@ -1,15 +1,15 @@
|
|
|
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, ThemeProps } from 'styled-components';
|
|
8
|
-
import { IButtonProps } from '../types';
|
|
9
|
-
export declare const getHeight: (props: IButtonProps & ThemeProps<DefaultTheme>) => string;
|
|
10
|
-
/**
|
|
11
|
-
* 1. FF <input type="submit"> fix
|
|
12
|
-
* 2. <a> element reset
|
|
13
|
-
* 3. Shifting :focus-visible from LVHFA order to preserve `text-decoration` on hover
|
|
14
|
-
*/
|
|
15
|
-
export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, IButtonProps, 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, ThemeProps } from 'styled-components';
|
|
8
|
+
import { IButtonProps } from '../types';
|
|
9
|
+
export declare const getHeight: (props: IButtonProps & ThemeProps<DefaultTheme>) => string;
|
|
10
|
+
/**
|
|
11
|
+
* 1. FF <input type="submit"> fix
|
|
12
|
+
* 2. <a> element reset
|
|
13
|
+
* 3. Shifting :focus-visible from LVHFA order to preserve `text-decoration` on hover
|
|
14
|
+
*/
|
|
15
|
+
export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, IButtonProps, never>;
|
|
@@ -1,13 +1,13 @@
|
|
|
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
|
-
* Accepts all `<div>` props
|
|
9
|
-
*/
|
|
10
|
-
export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
}, "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
|
+
/**
|
|
8
|
+
* Accepts all `<div>` props
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,13 +1,13 @@
|
|
|
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
|
-
* Accepts all `<svg>` props
|
|
9
|
-
*/
|
|
10
|
-
export declare const StyledExternalIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object & {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
}, string | number | symbol>;
|
|
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
|
+
* Accepts all `<svg>` props
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledExternalIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object & {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
}, string | number | symbol>;
|
|
@@ -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 { DefaultTheme } from 'styled-components';
|
|
8
|
-
import React from 'react';
|
|
9
|
-
interface IStyledIconProps {
|
|
10
|
-
isRotated: boolean;
|
|
11
|
-
position?: 'start' | 'end';
|
|
12
|
-
}
|
|
13
|
-
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, isRotated, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
|
|
17
|
-
export {};
|
|
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 React from 'react';
|
|
9
|
+
interface IStyledIconProps {
|
|
10
|
+
isRotated: boolean;
|
|
11
|
+
position?: 'start' | 'end';
|
|
12
|
+
}
|
|
13
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, isRotated, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
|
|
17
|
+
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
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 { IButtonProps } from '../types';
|
|
9
|
-
export declare const StyledIconButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
10
|
-
'data-garden-id': string;
|
|
11
|
-
'data-garden-version': string;
|
|
12
|
-
} & IButtonProps, "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 { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IButtonProps } from '../types';
|
|
9
|
+
export declare const StyledIconButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
10
|
+
'data-garden-id': string;
|
|
11
|
+
'data-garden-version': string;
|
|
12
|
+
} & IButtonProps, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,12 +1,12 @@
|
|
|
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 './StyledAnchor';
|
|
8
|
-
export * from './StyledButton';
|
|
9
|
-
export * from './StyledButtonGroup';
|
|
10
|
-
export * from './StyledExternalIcon';
|
|
11
|
-
export * from './StyledIcon';
|
|
12
|
-
export * from './StyledIconButton';
|
|
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 './StyledAnchor';
|
|
8
|
+
export * from './StyledButton';
|
|
9
|
+
export * from './StyledButtonGroup';
|
|
10
|
+
export * from './StyledExternalIcon';
|
|
11
|
+
export * from './StyledIcon';
|
|
12
|
+
export * from './StyledIconButton';
|
|
@@ -1,68 +1,68 @@
|
|
|
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 { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, SVGAttributes } from 'react';
|
|
8
|
-
export declare const SIZE: readonly ["small", "medium", "large"];
|
|
9
|
-
export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
10
|
-
/** Applies danger styling */
|
|
11
|
-
isDanger?: boolean;
|
|
12
|
-
/** Specifies the button size */
|
|
13
|
-
size?: (typeof SIZE)[number];
|
|
14
|
-
/** Stretches the button fill to its container width */
|
|
15
|
-
isStretched?: boolean;
|
|
16
|
-
/** Applies neutral button styling */
|
|
17
|
-
isNeutral?: boolean;
|
|
18
|
-
/** Applies primary button styling */
|
|
19
|
-
isPrimary?: boolean;
|
|
20
|
-
/** Applies basic button styling */
|
|
21
|
-
isBasic?: boolean;
|
|
22
|
-
/** Applies link (anchor) button styling */
|
|
23
|
-
isLink?: boolean;
|
|
24
|
-
/** Applies pill button styling */
|
|
25
|
-
isPill?: boolean;
|
|
26
|
-
/** Applies inset `box-shadow` styling on focus */
|
|
27
|
-
focusInset?: boolean;
|
|
28
|
-
/** @ignore prop used by `ButtonGroup` */
|
|
29
|
-
isSelected?: boolean;
|
|
30
|
-
}
|
|
31
|
-
export interface IToggleButtonProps extends IButtonProps {
|
|
32
|
-
/**
|
|
33
|
-
* Determines if the button is pressed. Use "mixed" to indicate that
|
|
34
|
-
* the toggle controls other elements which do not share the same value.
|
|
35
|
-
*/
|
|
36
|
-
isPressed?: boolean | 'mixed';
|
|
37
|
-
}
|
|
38
|
-
export interface IIconButtonProps extends Omit<IButtonProps, 'isStretched' | 'isLink'> {
|
|
39
|
-
/** Rotates icon 180 degrees */
|
|
40
|
-
isRotated?: boolean;
|
|
41
|
-
}
|
|
42
|
-
export interface IToggleIconButtonProps extends IIconButtonProps, Pick<IToggleButtonProps, 'isPressed'> {
|
|
43
|
-
}
|
|
44
|
-
export interface IButtonIconProps extends Pick<IIconButtonProps, 'isRotated'>, SVGAttributes<SVGElement> {
|
|
45
|
-
}
|
|
46
|
-
export interface IAnchorProps extends Pick<IButtonProps, 'isDanger'>, AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
47
|
-
/**
|
|
48
|
-
* Attaches `target="_blank"` and `rel="noopener noreferrer"` to an anchor that
|
|
49
|
-
* navigates to an external resource. This ensures that the anchor is a
|
|
50
|
-
* safe [cross-origin destination link](https://web.dev/external-anchors-use-rel-noopener/).
|
|
51
|
-
**/
|
|
52
|
-
isExternal?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Allows a customized/translated text label to be passed to the external link icon,
|
|
55
|
-
* making that icon accessible to assistive technology
|
|
56
|
-
**/
|
|
57
|
-
externalIconLabel?: string;
|
|
58
|
-
}
|
|
59
|
-
export interface IButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
60
|
-
/** Defines the currently selected button in the group */
|
|
61
|
-
selectedItem?: any;
|
|
62
|
-
/**
|
|
63
|
-
* Handles button selection
|
|
64
|
-
*
|
|
65
|
-
* @param {any} item The selected item
|
|
66
|
-
*/
|
|
67
|
-
onSelect?: (item: any) => void;
|
|
68
|
-
}
|
|
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 { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, SVGAttributes } from 'react';
|
|
8
|
+
export declare const SIZE: readonly ["small", "medium", "large"];
|
|
9
|
+
export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
10
|
+
/** Applies danger styling */
|
|
11
|
+
isDanger?: boolean;
|
|
12
|
+
/** Specifies the button size */
|
|
13
|
+
size?: (typeof SIZE)[number];
|
|
14
|
+
/** Stretches the button fill to its container width */
|
|
15
|
+
isStretched?: boolean;
|
|
16
|
+
/** Applies neutral button styling */
|
|
17
|
+
isNeutral?: boolean;
|
|
18
|
+
/** Applies primary button styling */
|
|
19
|
+
isPrimary?: boolean;
|
|
20
|
+
/** Applies basic button styling */
|
|
21
|
+
isBasic?: boolean;
|
|
22
|
+
/** Applies link (anchor) button styling */
|
|
23
|
+
isLink?: boolean;
|
|
24
|
+
/** Applies pill button styling */
|
|
25
|
+
isPill?: boolean;
|
|
26
|
+
/** Applies inset `box-shadow` styling on focus */
|
|
27
|
+
focusInset?: boolean;
|
|
28
|
+
/** @ignore prop used by `ButtonGroup` */
|
|
29
|
+
isSelected?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface IToggleButtonProps extends IButtonProps {
|
|
32
|
+
/**
|
|
33
|
+
* Determines if the button is pressed. Use "mixed" to indicate that
|
|
34
|
+
* the toggle controls other elements which do not share the same value.
|
|
35
|
+
*/
|
|
36
|
+
isPressed?: boolean | 'mixed';
|
|
37
|
+
}
|
|
38
|
+
export interface IIconButtonProps extends Omit<IButtonProps, 'isStretched' | 'isLink'> {
|
|
39
|
+
/** Rotates icon 180 degrees */
|
|
40
|
+
isRotated?: boolean;
|
|
41
|
+
}
|
|
42
|
+
export interface IToggleIconButtonProps extends IIconButtonProps, Pick<IToggleButtonProps, 'isPressed'> {
|
|
43
|
+
}
|
|
44
|
+
export interface IButtonIconProps extends Pick<IIconButtonProps, 'isRotated'>, SVGAttributes<SVGElement> {
|
|
45
|
+
}
|
|
46
|
+
export interface IAnchorProps extends Pick<IButtonProps, 'isDanger'>, AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
47
|
+
/**
|
|
48
|
+
* Attaches `target="_blank"` and `rel="noopener noreferrer"` to an anchor that
|
|
49
|
+
* navigates to an external resource. This ensures that the anchor is a
|
|
50
|
+
* safe [cross-origin destination link](https://web.dev/external-anchors-use-rel-noopener/).
|
|
51
|
+
**/
|
|
52
|
+
isExternal?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Allows a customized/translated text label to be passed to the external link icon,
|
|
55
|
+
* making that icon accessible to assistive technology
|
|
56
|
+
**/
|
|
57
|
+
externalIconLabel?: string;
|
|
58
|
+
}
|
|
59
|
+
export interface IButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
60
|
+
/** Defines the currently selected button in the group */
|
|
61
|
+
selectedItem?: any;
|
|
62
|
+
/**
|
|
63
|
+
* Handles button selection
|
|
64
|
+
*
|
|
65
|
+
* @param {any} item The selected item
|
|
66
|
+
*/
|
|
67
|
+
onSelect?: (item: any) => void;
|
|
68
|
+
}
|
|
@@ -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
|
-
/// <reference types="react" />
|
|
8
|
-
interface IButtonGroupContext {
|
|
9
|
-
selectedItem: any;
|
|
10
|
-
getButtonProps: (props: any) => any;
|
|
11
|
-
}
|
|
12
|
-
export declare const ButtonGroupContext: import("react").Context<IButtonGroupContext | undefined>;
|
|
13
|
-
export declare const useButtonGroupContext: () => IButtonGroupContext | undefined;
|
|
14
|
-
export {};
|
|
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
|
+
/// <reference types="react" />
|
|
8
|
+
interface IButtonGroupContext {
|
|
9
|
+
selectedItem: any;
|
|
10
|
+
getButtonProps: (props: any) => any;
|
|
11
|
+
}
|
|
12
|
+
export declare const ButtonGroupContext: import("react").Context<IButtonGroupContext | undefined>;
|
|
13
|
+
export declare const useButtonGroupContext: () => IButtonGroupContext | undefined;
|
|
14
|
+
export {};
|
|
@@ -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
|
-
/// <reference types="react" />
|
|
8
|
-
export declare const SplitButtonContext: import("react").Context<boolean | undefined>;
|
|
9
|
-
export declare const useSplitButtonContext: () => boolean | undefined;
|
|
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
|
+
/// <reference types="react" />
|
|
8
|
+
export declare const SplitButtonContext: import("react").Context<boolean | undefined>;
|
|
9
|
+
export declare const useSplitButtonContext: () => boolean | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-buttons",
|
|
3
|
-
"version": "8.69.
|
|
3
|
+
"version": "8.69.3",
|
|
4
4
|
"description": "Components relating to buttons in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^8.69.
|
|
36
|
+
"@zendeskgarden/react-theming": "^8.69.3",
|
|
37
37
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"zendeskgarden:src": "src/index.ts",
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "c861fbeb70120b66b05d2ce3a26ccf3047659aa0"
|
|
50
50
|
}
|