@zendeskgarden/react-buttons 9.15.7 → 9.16.0

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.
@@ -27,10 +27,12 @@ const ButtonComponent = forwardRef(({
27
27
  isPrimary,
28
28
  isStretched,
29
29
  size = 'medium',
30
+ type = 'button',
30
31
  ...other
31
32
  }, ref) => {
32
33
  const splitButtonFocusInset = useSplitButtonContext();
33
34
  return React__default.createElement(StyledButton, Object.assign({}, other, {
35
+ type: type,
34
36
  $focusInset: focusInset || splitButtonFocusInset,
35
37
  $isBasic: isBasic,
36
38
  $isDanger: isDanger,
@@ -25,10 +25,12 @@ const IconButton = forwardRef(({
25
25
  isPrimary,
26
26
  isRotated,
27
27
  size = 'medium',
28
+ type = 'button',
28
29
  ...other
29
30
  }, ref) => {
30
31
  const splitButtonFocusInset = useSplitButtonContext();
31
32
  return React__default.createElement(StyledIconButton, Object.assign({}, other, {
33
+ type: type,
32
34
  $isBasic: isBasic,
33
35
  $isDanger: isDanger,
34
36
  $isNeutral: isNeutral,
@@ -11,7 +11,7 @@ import { StyledButton } from './StyledButton.js';
11
11
  const COMPONENT_ID$2 = 'buttons.anchor';
12
12
  const StyledAnchor = styled(StyledButton).attrs(props => ({
13
13
  'data-garden-id': COMPONENT_ID$2,
14
- 'data-garden-version': '9.15.7',
14
+ 'data-garden-version': '9.16.0',
15
15
  as: props.as || 'a',
16
16
  dir: props.theme.rtl ? 'rtl' : undefined,
17
17
  $isLink: true,
@@ -306,8 +306,7 @@ const sizeStyles = props => {
306
306
  };
307
307
  const StyledButton = styled.button.attrs(props => ({
308
308
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$3,
309
- 'data-garden-version': '9.15.7',
310
- type: props.type || 'button'
309
+ 'data-garden-version': '9.16.0'
311
310
  })).withConfig({
312
311
  displayName: "StyledButton",
313
312
  componentId: "sc-qe3ace-0"
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
11
11
  const COMPONENT_ID$1 = 'buttons.external_icon';
12
12
  const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
13
13
  'data-garden-id': COMPONENT_ID$1,
14
- 'data-garden-version': '9.15.7'
14
+ 'data-garden-version': '9.16.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledExternalIcon",
17
17
  componentId: "sc-16oz07e-0"
@@ -19,7 +19,7 @@ const sizeStyles$1 = props => {
19
19
  };
20
20
  const StyledIcon = styled(StyledBaseIcon).attrs({
21
21
  'data-garden-id': COMPONENT_ID$4,
22
- 'data-garden-version': '9.15.7'
22
+ 'data-garden-version': '9.16.0'
23
23
  }).withConfig({
24
24
  displayName: "StyledIcon",
25
25
  componentId: "sc-19meqgg-0"
@@ -50,7 +50,7 @@ const StyledIconButton = styled(StyledButton).attrs(props => {
50
50
  const externalId = props['data-garden-id'];
51
51
  return {
52
52
  'data-garden-id': externalId && externalId !== COMPONENT_ID$1 ? externalId : COMPONENT_ID,
53
- 'data-garden-version': '9.15.7'
53
+ 'data-garden-version': '9.16.0'
54
54
  };
55
55
  }).withConfig({
56
56
  displayName: "StyledIconButton",
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID$5 = 'buttons.button_group_view';
11
11
  const StyledSplitButton = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID$5,
13
- 'data-garden-version': '9.15.7'
13
+ 'data-garden-version': '9.16.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledSplitButton",
16
16
  componentId: "sc-1u4v04v-0"
package/dist/index.cjs.js CHANGED
@@ -41,7 +41,7 @@ const SIZE = ['small', 'medium', 'large'];
41
41
  const COMPONENT_ID$5 = 'buttons.button_group_view';
42
42
  const StyledSplitButton = styled__default.default.div.attrs({
43
43
  'data-garden-id': COMPONENT_ID$5,
44
- 'data-garden-version': '9.15.7'
44
+ 'data-garden-version': '9.16.0'
45
45
  }).withConfig({
46
46
  displayName: "StyledSplitButton",
47
47
  componentId: "sc-1u4v04v-0"
@@ -59,7 +59,7 @@ const sizeStyles$1 = props => {
59
59
  };
60
60
  const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
61
61
  'data-garden-id': COMPONENT_ID$4,
62
- 'data-garden-version': '9.15.7'
62
+ 'data-garden-version': '9.16.0'
63
63
  }).withConfig({
64
64
  displayName: "StyledIcon",
65
65
  componentId: "sc-19meqgg-0"
@@ -361,8 +361,7 @@ const sizeStyles = props => {
361
361
  };
362
362
  const StyledButton = styled__default.default.button.attrs(props => ({
363
363
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$3,
364
- 'data-garden-version': '9.15.7',
365
- type: props.type || 'button'
364
+ 'data-garden-version': '9.16.0'
366
365
  })).withConfig({
367
366
  displayName: "StyledButton",
368
367
  componentId: "sc-qe3ace-0"
@@ -371,7 +370,7 @@ const StyledButton = styled__default.default.button.attrs(props => ({
371
370
  const COMPONENT_ID$2 = 'buttons.anchor';
372
371
  const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
373
372
  'data-garden-id': COMPONENT_ID$2,
374
- 'data-garden-version': '9.15.7',
373
+ 'data-garden-version': '9.16.0',
375
374
  as: props.as || 'a',
376
375
  dir: props.theme.rtl ? 'rtl' : undefined,
377
376
  $isLink: true,
@@ -402,7 +401,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
402
401
  const COMPONENT_ID$1 = 'buttons.external_icon';
403
402
  const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
404
403
  'data-garden-id': COMPONENT_ID$1,
405
- 'data-garden-version': '9.15.7'
404
+ 'data-garden-version': '9.16.0'
406
405
  }).withConfig({
407
406
  displayName: "StyledExternalIcon",
408
407
  componentId: "sc-16oz07e-0"
@@ -449,7 +448,7 @@ const StyledIconButton = styled__default.default(StyledButton).attrs(props => {
449
448
  const externalId = props['data-garden-id'];
450
449
  return {
451
450
  'data-garden-id': externalId && externalId !== COMPONENT_ID$3 ? externalId : COMPONENT_ID,
452
- 'data-garden-version': '9.15.7'
451
+ 'data-garden-version': '9.16.0'
453
452
  };
454
453
  }).withConfig({
455
454
  displayName: "StyledIconButton",
@@ -491,10 +490,12 @@ const ButtonComponent = React.forwardRef(({
491
490
  isPrimary,
492
491
  isStretched,
493
492
  size = 'medium',
493
+ type = 'button',
494
494
  ...other
495
495
  }, ref) => {
496
496
  const splitButtonFocusInset = useSplitButtonContext();
497
497
  return React__namespace.default.createElement(StyledButton, Object.assign({}, other, {
498
+ type: type,
498
499
  $focusInset: focusInset || splitButtonFocusInset,
499
500
  $isBasic: isBasic,
500
501
  $isDanger: isDanger,
@@ -575,10 +576,12 @@ const IconButton = React.forwardRef(({
575
576
  isPrimary,
576
577
  isRotated,
577
578
  size = 'medium',
579
+ type = 'button',
578
580
  ...other
579
581
  }, ref) => {
580
582
  const splitButtonFocusInset = useSplitButtonContext();
581
583
  return React__namespace.default.createElement(StyledIconButton, Object.assign({}, other, {
584
+ type: type,
582
585
  $isBasic: isBasic,
583
586
  $isDanger: isDanger,
584
587
  $isNeutral: isNeutral,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-buttons",
3
- "version": "9.15.7",
3
+ "version": "9.16.0",
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": "^5.3.1 || ^6.0.0"
34
34
  },
35
35
  "devDependencies": {
36
- "@zendeskgarden/react-theming": "^9.15.7",
36
+ "@zendeskgarden/react-theming": "^9.16.0",
37
37
  "@zendeskgarden/svg-icons": "7.6.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": "408ce50227122ec759bac18bca4dca6381755c31"
49
+ "gitHead": "26dc6a8cf9650e9214896d6994a4f3fba1e63541"
50
50
  }