@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 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.2'
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.2'
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.2',
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.2',
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.2'
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.2'
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.2'
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.2'
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.2',
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.2',
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.2'
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.2'
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
+ };
@@ -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.2",
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.2",
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": "a39f2b421375013a50990d206610e3813abc0bd7"
49
+ "gitHead": "c861fbeb70120b66b05d2ce3a26ccf3047659aa0"
50
50
  }