@zendeskgarden/react-modals 9.11.0 → 9.11.2

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.
@@ -49,8 +49,8 @@ const DrawerComponent = forwardRef((_ref, ref) => {
49
49
  onClose,
50
50
  backdropProps,
51
51
  appendToNode,
52
- focusOnMount,
53
- restoreFocus,
52
+ focusOnMount = true,
53
+ restoreFocus = true,
54
54
  ...props
55
55
  } = _ref;
56
56
  const modalRef = useRef(null);
@@ -168,10 +168,6 @@ DrawerComponent.propTypes = {
168
168
  appendToNode: PropTypes.any,
169
169
  isOpen: PropTypes.bool
170
170
  };
171
- DrawerComponent.defaultProps = {
172
- focusOnMount: true ,
173
- restoreFocus: true
174
- };
175
171
  const Drawer = DrawerComponent;
176
172
  Drawer.Body = Body;
177
173
  Drawer.Close = Close;
@@ -32,7 +32,7 @@ import '../../styled/StyledDrawerFooterItem.js';
32
32
 
33
33
  const HeaderComponent = forwardRef((_ref, ref) => {
34
34
  let {
35
- tag,
35
+ tag = 'div',
36
36
  ...other
37
37
  } = _ref;
38
38
  const {
@@ -61,9 +61,6 @@ HeaderComponent.displayName = 'Drawer.Header';
61
61
  HeaderComponent.propTypes = {
62
62
  tag: PropTypes.any
63
63
  };
64
- HeaderComponent.defaultProps = {
65
- tag: 'div'
66
- };
67
64
  const Header = HeaderComponent;
68
65
 
69
66
  export { Header };
@@ -34,7 +34,7 @@ const Header = forwardRef((_ref, ref) => {
34
34
  let {
35
35
  children,
36
36
  isDanger,
37
- tag,
37
+ tag = 'div',
38
38
  ...other
39
39
  } = _ref;
40
40
  const {
@@ -65,8 +65,5 @@ Header.propTypes = {
65
65
  isDanger: PropTypes.bool,
66
66
  tag: PropTypes.any
67
67
  };
68
- Header.defaultProps = {
69
- tag: 'div'
70
- };
71
68
 
72
69
  export { Header };
@@ -63,8 +63,8 @@ const ModalComponent = forwardRef((_ref, ref) => {
63
63
  children,
64
64
  onClose,
65
65
  isLarge,
66
- isCentered,
67
- isAnimated,
66
+ isCentered = true,
67
+ isAnimated = true,
68
68
  id,
69
69
  appendToNode,
70
70
  focusOnMount,
@@ -177,10 +177,6 @@ ModalComponent.propTypes = {
177
177
  onClose: PropTypes.func,
178
178
  appendToNode: PropTypes.any
179
179
  };
180
- ModalComponent.defaultProps = {
181
- isAnimated: true,
182
- isCentered: true
183
- };
184
180
  const Modal = ModalComponent;
185
181
  Modal.Body = Body;
186
182
  Modal.Close = Close;
@@ -33,7 +33,7 @@ import '../../styled/StyledDrawerFooterItem.js';
33
33
  const TitleComponent = forwardRef((_ref, ref) => {
34
34
  let {
35
35
  children,
36
- tag,
36
+ tag = 'div',
37
37
  ...other
38
38
  } = _ref;
39
39
  const {
@@ -60,9 +60,6 @@ TitleComponent.displayName = 'TooltipDialog.Title';
60
60
  TitleComponent.propTypes = {
61
61
  tag: PropTypes.any
62
62
  };
63
- TitleComponent.defaultProps = {
64
- tag: 'div'
65
- };
66
63
  const Title = TitleComponent;
67
64
 
68
65
  export { Title };
@@ -48,16 +48,16 @@ const TooltipDialogComponent = React__default.forwardRef((_ref, ref) => {
48
48
  let {
49
49
  appendToNode,
50
50
  referenceElement,
51
- placement: _placement,
51
+ placement: _placement = 'auto',
52
52
  fallbackPlacements: _fallbackPlacements,
53
53
  offset: _offset,
54
54
  onClose,
55
- hasArrow,
55
+ hasArrow = true,
56
56
  isAnimated,
57
57
  zIndex,
58
58
  backdropProps,
59
- focusOnMount,
60
- restoreFocus,
59
+ focusOnMount = true,
60
+ restoreFocus = true,
61
61
  id,
62
62
  ...props
63
63
  } = _ref;
@@ -169,12 +169,6 @@ const TooltipDialogComponent = React__default.forwardRef((_ref, ref) => {
169
169
  return appendToNode ? createPortal(Node, appendToNode) : Node;
170
170
  });
171
171
  TooltipDialogComponent.displayName = 'TooltipDialog';
172
- TooltipDialogComponent.defaultProps = {
173
- placement: 'auto',
174
- hasArrow: true,
175
- focusOnMount: true,
176
- restoreFocus: true
177
- };
178
172
  TooltipDialogComponent.propTypes = {
179
173
  appendToNode: PropTypes.any,
180
174
  referenceElement: PropTypes.any,
@@ -18,7 +18,7 @@ const animationStyles = props => {
18
18
  };
19
19
  const StyledBackdrop = styled.div.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.11.0'
21
+ 'data-garden-version': '9.11.2'
22
22
  }).withConfig({
23
23
  displayName: "StyledBackdrop",
24
24
  componentId: "sc-mzdjpo-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
10
10
  const COMPONENT_ID = 'modals.body';
11
11
  const StyledBody = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledBody",
16
16
  componentId: "sc-14rzecg-0"
@@ -16,7 +16,7 @@ const BASE_MULTIPLIERS = {
16
16
  };
17
17
  const StyledClose = styled(IconButton).attrs({
18
18
  'data-garden-id': COMPONENT_ID,
19
- 'data-garden-version': '9.11.0'
19
+ 'data-garden-version': '9.11.2'
20
20
  }).withConfig({
21
21
  displayName: "StyledClose",
22
22
  componentId: "sc-iseudj-0"
@@ -32,7 +32,7 @@ const colorStyles = _ref => {
32
32
  };
33
33
  const StyledDrawer = styled.div.attrs({
34
34
  'data-garden-id': COMPONENT_ID,
35
- 'data-garden-version': '9.11.0'
35
+ 'data-garden-version': '9.11.2'
36
36
  }).withConfig({
37
37
  displayName: "StyledDrawer",
38
38
  componentId: "sc-zp66t3-0"
@@ -11,7 +11,7 @@ import { StyledBody } from './StyledBody.js';
11
11
  const COMPONENT_ID = 'modals.drawer_modal.body';
12
12
  const StyledDrawerBody = styled(StyledBody).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledDrawerBody",
17
17
  componentId: "sc-13qufyn-0"
@@ -16,7 +16,7 @@ const BASE_MULTIPLIERS = {
16
16
  };
17
17
  const StyledDrawerClose = styled(StyledClose).attrs({
18
18
  'data-garden-id': COMPONENT_ID,
19
- 'data-garden-version': '9.11.0'
19
+ 'data-garden-version': '9.11.2'
20
20
  }).withConfig({
21
21
  displayName: "StyledDrawerClose",
22
22
  componentId: "sc-1a0xt3x-0"
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'modals.drawer_modal.footer';
11
11
  const StyledDrawerFooter = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledDrawerFooter",
16
16
  componentId: "sc-kc7e6p-0"
@@ -11,7 +11,7 @@ import { StyledFooterItem } from './StyledFooterItem.js';
11
11
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
12
12
  const StyledDrawerFooterItem = styled(StyledFooterItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledDrawerFooterItem",
17
17
  componentId: "sc-m2yul4-0"
@@ -12,7 +12,7 @@ import { BASE_MULTIPLIERS } from './StyledDrawerClose.js';
12
12
  const COMPONENT_ID = 'modals.drawer_modal.header';
13
13
  const StyledDrawerHeader = styled(StyledHeader).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.11.0'
15
+ 'data-garden-version': '9.11.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledDrawerHeader",
18
18
  componentId: "sc-y4mgkj-0"
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'modals.footer';
11
11
  const StyledFooter = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledFooter",
16
16
  componentId: "sc-d8pfdu-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'modals.footer_item';
11
11
  const StyledFooterItem = styled.span.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledFooterItem",
16
16
  componentId: "sc-1mb76hl-0"
@@ -26,7 +26,7 @@ const colorStyles = _ref => {
26
26
  };
27
27
  const StyledHeader = styled.div.attrs({
28
28
  'data-garden-id': COMPONENT_ID,
29
- 'data-garden-version': '9.11.0'
29
+ 'data-garden-version': '9.11.2'
30
30
  }).withConfig({
31
31
  displayName: "StyledHeader",
32
32
  componentId: "sc-1787r9v-0"
@@ -42,7 +42,7 @@ const sizeStyles = props => {
42
42
  };
43
43
  const StyledModal = styled.div.attrs({
44
44
  'data-garden-id': COMPONENT_ID,
45
- 'data-garden-version': '9.11.0'
45
+ 'data-garden-version': '9.11.2'
46
46
  }).withConfig({
47
47
  displayName: "StyledModal",
48
48
  componentId: "sc-1pe1axu-0"
@@ -19,7 +19,7 @@ const sizeStyles = props => `
19
19
  `;
20
20
  const StyledTooltipDialog = styled.div.attrs(props => ({
21
21
  'data-garden-id': COMPONENT_ID,
22
- 'data-garden-version': '9.11.0',
22
+ 'data-garden-version': '9.11.2',
23
23
  className: props.$isAnimated ? 'is-animated' : undefined
24
24
  })).withConfig({
25
25
  displayName: "StyledTooltipDialog",
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'modals.tooltip_dialog.backdrop';
11
11
  const StyledTooltipDialogBackdrop = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledTooltipDialogBackdrop",
16
16
  componentId: "sc-zrk625-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
10
10
  const COMPONENT_ID = 'modals.tooltip_dialog.body';
11
11
  const StyledTooltipDialogBody = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledTooltipDialogBody",
16
16
  componentId: "sc-132lcoq-0"
@@ -11,7 +11,7 @@ import { StyledClose } from './StyledClose.js';
11
11
  const COMPONENT_ID = 'modals.tooltip_dialog.close';
12
12
  const StyledTooltipDialogClose = styled(StyledClose).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledTooltipDialogClose",
17
17
  componentId: "sc-18xlgfi-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'modals.tooltip_dialog.footer';
11
11
  const StyledTooltipDialogFooter = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.0'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledTooltipDialogFooter",
16
16
  componentId: "sc-kjomsm-0"
@@ -11,7 +11,7 @@ import { StyledFooterItem } from './StyledFooterItem.js';
11
11
  const COMPONENT_ID = 'modals.tooltip_dialog.footer_item';
12
12
  const StyledTooltipDialogFooterItem = styled(StyledFooterItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.0'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledTooltipDialogFooterItem",
17
17
  componentId: "sc-u2rmo8-0"
@@ -15,7 +15,7 @@ const sizeStyles = props => `
15
15
  `;
16
16
  const StyledTooltipDialogTitle = styled.div.attrs({
17
17
  'data-garden-id': COMPONENT_ID,
18
- 'data-garden-version': '9.11.0'
18
+ 'data-garden-version': '9.11.2'
19
19
  }).withConfig({
20
20
  displayName: "StyledTooltipDialogTitle",
21
21
  componentId: "sc-1rceixg-0"
package/dist/index.cjs.js CHANGED
@@ -64,7 +64,7 @@ const animationStyles$1 = props => {
64
64
  };
65
65
  const StyledBackdrop = styled__default.default.div.attrs({
66
66
  'data-garden-id': COMPONENT_ID$j,
67
- 'data-garden-version': '9.11.0'
67
+ 'data-garden-version': '9.11.2'
68
68
  }).withConfig({
69
69
  displayName: "StyledBackdrop",
70
70
  componentId: "sc-mzdjpo-0"
@@ -92,7 +92,7 @@ StyledBackdrop.propTypes = {
92
92
  const COMPONENT_ID$i = 'modals.body';
93
93
  const StyledBody = styled__default.default.div.attrs({
94
94
  'data-garden-id': COMPONENT_ID$i,
95
- 'data-garden-version': '9.11.0'
95
+ 'data-garden-version': '9.11.2'
96
96
  }).withConfig({
97
97
  displayName: "StyledBody",
98
98
  componentId: "sc-14rzecg-0"
@@ -114,7 +114,7 @@ const BASE_MULTIPLIERS$1 = {
114
114
  };
115
115
  const StyledClose = styled__default.default(reactButtons.IconButton).attrs({
116
116
  'data-garden-id': COMPONENT_ID$h,
117
- 'data-garden-version': '9.11.0'
117
+ 'data-garden-version': '9.11.2'
118
118
  }).withConfig({
119
119
  displayName: "StyledClose",
120
120
  componentId: "sc-iseudj-0"
@@ -123,7 +123,7 @@ const StyledClose = styled__default.default(reactButtons.IconButton).attrs({
123
123
  const COMPONENT_ID$g = 'modals.footer';
124
124
  const StyledFooter = styled__default.default.div.attrs({
125
125
  'data-garden-id': COMPONENT_ID$g,
126
- 'data-garden-version': '9.11.0'
126
+ 'data-garden-version': '9.11.2'
127
127
  }).withConfig({
128
128
  displayName: "StyledFooter",
129
129
  componentId: "sc-d8pfdu-0"
@@ -135,7 +135,7 @@ const StyledFooter = styled__default.default.div.attrs({
135
135
  const COMPONENT_ID$f = 'modals.footer_item';
136
136
  const StyledFooterItem = styled__default.default.span.attrs({
137
137
  'data-garden-id': COMPONENT_ID$f,
138
- 'data-garden-version': '9.11.0'
138
+ 'data-garden-version': '9.11.2'
139
139
  }).withConfig({
140
140
  displayName: "StyledFooterItem",
141
141
  componentId: "sc-1mb76hl-0"
@@ -159,7 +159,7 @@ const colorStyles$2 = _ref => {
159
159
  };
160
160
  const StyledHeader = styled__default.default.div.attrs({
161
161
  'data-garden-id': COMPONENT_ID$e,
162
- 'data-garden-version': '9.11.0'
162
+ 'data-garden-version': '9.11.2'
163
163
  }).withConfig({
164
164
  displayName: "StyledHeader",
165
165
  componentId: "sc-1787r9v-0"
@@ -232,7 +232,7 @@ const sizeStyles$2 = props => {
232
232
  };
233
233
  const StyledModal = styled__default.default.div.attrs({
234
234
  'data-garden-id': COMPONENT_ID$d,
235
- 'data-garden-version': '9.11.0'
235
+ 'data-garden-version': '9.11.2'
236
236
  }).withConfig({
237
237
  displayName: "StyledModal",
238
238
  componentId: "sc-1pe1axu-0"
@@ -245,7 +245,7 @@ StyledModal.propTypes = {
245
245
  const COMPONENT_ID$c = 'modals.tooltip_dialog.backdrop';
246
246
  const StyledTooltipDialogBackdrop = styled__default.default.div.attrs({
247
247
  'data-garden-id': COMPONENT_ID$c,
248
- 'data-garden-version': '9.11.0'
248
+ 'data-garden-version': '9.11.2'
249
249
  }).withConfig({
250
250
  displayName: "StyledTooltipDialogBackdrop",
251
251
  componentId: "sc-zrk625-0"
@@ -266,7 +266,7 @@ const StyledTooltipWrapper = styled__default.default.div.attrs(props => ({
266
266
  const COMPONENT_ID$b = 'modals.tooltip_dialog.close';
267
267
  const StyledTooltipDialogClose = styled__default.default(StyledClose).attrs({
268
268
  'data-garden-id': COMPONENT_ID$b,
269
- 'data-garden-version': '9.11.0'
269
+ 'data-garden-version': '9.11.2'
270
270
  }).withConfig({
271
271
  displayName: "StyledTooltipDialogClose",
272
272
  componentId: "sc-18xlgfi-0"
@@ -283,7 +283,7 @@ const sizeStyles$1 = props => `
283
283
  `;
284
284
  const StyledTooltipDialog = styled__default.default.div.attrs(props => ({
285
285
  'data-garden-id': COMPONENT_ID$a,
286
- 'data-garden-version': '9.11.0',
286
+ 'data-garden-version': '9.11.2',
287
287
  className: props.$isAnimated ? 'is-animated' : undefined
288
288
  })).withConfig({
289
289
  displayName: "StyledTooltipDialog",
@@ -308,7 +308,7 @@ const sizeStyles = props => `
308
308
  `;
309
309
  const StyledTooltipDialogTitle = styled__default.default.div.attrs({
310
310
  'data-garden-id': COMPONENT_ID$9,
311
- 'data-garden-version': '9.11.0'
311
+ 'data-garden-version': '9.11.2'
312
312
  }).withConfig({
313
313
  displayName: "StyledTooltipDialogTitle",
314
314
  componentId: "sc-1rceixg-0"
@@ -325,7 +325,7 @@ const StyledTooltipDialogTitle = styled__default.default.div.attrs({
325
325
  const COMPONENT_ID$8 = 'modals.tooltip_dialog.body';
326
326
  const StyledTooltipDialogBody = styled__default.default.div.attrs({
327
327
  'data-garden-id': COMPONENT_ID$8,
328
- 'data-garden-version': '9.11.0'
328
+ 'data-garden-version': '9.11.2'
329
329
  }).withConfig({
330
330
  displayName: "StyledTooltipDialogBody",
331
331
  componentId: "sc-132lcoq-0"
@@ -342,7 +342,7 @@ const StyledTooltipDialogBody = styled__default.default.div.attrs({
342
342
  const COMPONENT_ID$7 = 'modals.tooltip_dialog.footer';
343
343
  const StyledTooltipDialogFooter = styled__default.default.div.attrs({
344
344
  'data-garden-id': COMPONENT_ID$7,
345
- 'data-garden-version': '9.11.0'
345
+ 'data-garden-version': '9.11.2'
346
346
  }).withConfig({
347
347
  displayName: "StyledTooltipDialogFooter",
348
348
  componentId: "sc-kjomsm-0"
@@ -351,7 +351,7 @@ const StyledTooltipDialogFooter = styled__default.default.div.attrs({
351
351
  const COMPONENT_ID$6 = 'modals.tooltip_dialog.footer_item';
352
352
  const StyledTooltipDialogFooterItem = styled__default.default(StyledFooterItem).attrs({
353
353
  'data-garden-id': COMPONENT_ID$6,
354
- 'data-garden-version': '9.11.0'
354
+ 'data-garden-version': '9.11.2'
355
355
  }).withConfig({
356
356
  displayName: "StyledTooltipDialogFooterItem",
357
357
  componentId: "sc-u2rmo8-0"
@@ -382,7 +382,7 @@ const colorStyles = _ref => {
382
382
  };
383
383
  const StyledDrawer = styled__default.default.div.attrs({
384
384
  'data-garden-id': COMPONENT_ID$5,
385
- 'data-garden-version': '9.11.0'
385
+ 'data-garden-version': '9.11.2'
386
386
  }).withConfig({
387
387
  displayName: "StyledDrawer",
388
388
  componentId: "sc-zp66t3-0"
@@ -396,7 +396,7 @@ const BASE_MULTIPLIERS = {
396
396
  };
397
397
  const StyledDrawerClose = styled__default.default(StyledClose).attrs({
398
398
  'data-garden-id': COMPONENT_ID$4,
399
- 'data-garden-version': '9.11.0'
399
+ 'data-garden-version': '9.11.2'
400
400
  }).withConfig({
401
401
  displayName: "StyledDrawerClose",
402
402
  componentId: "sc-1a0xt3x-0"
@@ -405,7 +405,7 @@ const StyledDrawerClose = styled__default.default(StyledClose).attrs({
405
405
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
406
406
  const StyledDrawerHeader = styled__default.default(StyledHeader).attrs({
407
407
  'data-garden-id': COMPONENT_ID$3,
408
- 'data-garden-version': '9.11.0'
408
+ 'data-garden-version': '9.11.2'
409
409
  }).withConfig({
410
410
  displayName: "StyledDrawerHeader",
411
411
  componentId: "sc-y4mgkj-0"
@@ -414,7 +414,7 @@ const StyledDrawerHeader = styled__default.default(StyledHeader).attrs({
414
414
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
415
415
  const StyledDrawerBody = styled__default.default(StyledBody).attrs({
416
416
  'data-garden-id': COMPONENT_ID$2,
417
- 'data-garden-version': '9.11.0'
417
+ 'data-garden-version': '9.11.2'
418
418
  }).withConfig({
419
419
  displayName: "StyledDrawerBody",
420
420
  componentId: "sc-13qufyn-0"
@@ -423,7 +423,7 @@ const StyledDrawerBody = styled__default.default(StyledBody).attrs({
423
423
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
424
424
  const StyledDrawerFooter = styled__default.default.div.attrs({
425
425
  'data-garden-id': COMPONENT_ID$1,
426
- 'data-garden-version': '9.11.0'
426
+ 'data-garden-version': '9.11.2'
427
427
  }).withConfig({
428
428
  displayName: "StyledDrawerFooter",
429
429
  componentId: "sc-kc7e6p-0"
@@ -440,7 +440,7 @@ const StyledDrawerFooter = styled__default.default.div.attrs({
440
440
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
441
441
  const StyledDrawerFooterItem = styled__default.default(StyledFooterItem).attrs({
442
442
  'data-garden-id': COMPONENT_ID,
443
- 'data-garden-version': '9.11.0'
443
+ 'data-garden-version': '9.11.2'
444
444
  }).withConfig({
445
445
  displayName: "StyledDrawerFooterItem",
446
446
  componentId: "sc-m2yul4-0"
@@ -521,7 +521,7 @@ const Header$1 = React.forwardRef((_ref, ref) => {
521
521
  let {
522
522
  children,
523
523
  isDanger,
524
- tag,
524
+ tag = 'div',
525
525
  ...other
526
526
  } = _ref;
527
527
  const {
@@ -552,9 +552,6 @@ Header$1.propTypes = {
552
552
  isDanger: PropTypes__default.default.bool,
553
553
  tag: PropTypes__default.default.any
554
554
  };
555
- Header$1.defaultProps = {
556
- tag: 'div'
557
- };
558
555
 
559
556
  const isOverflowing = element => {
560
557
  const doc = ownerDocument__default.default(element);
@@ -574,8 +571,8 @@ const ModalComponent = React.forwardRef((_ref, ref) => {
574
571
  children,
575
572
  onClose,
576
573
  isLarge,
577
- isCentered,
578
- isAnimated,
574
+ isCentered = true,
575
+ isAnimated = true,
579
576
  id,
580
577
  appendToNode,
581
578
  focusOnMount,
@@ -688,10 +685,6 @@ ModalComponent.propTypes = {
688
685
  onClose: PropTypes__default.default.func,
689
686
  appendToNode: PropTypes__default.default.any
690
687
  };
691
- ModalComponent.defaultProps = {
692
- isAnimated: true,
693
- isCentered: true
694
- };
695
688
  const Modal = ModalComponent;
696
689
  Modal.Body = Body$2;
697
690
  Modal.Close = Close$2;
@@ -713,7 +706,7 @@ const PLACEMENT = ['auto', ...reactTheming.PLACEMENT];
713
706
  const TitleComponent = React.forwardRef((_ref, ref) => {
714
707
  let {
715
708
  children,
716
- tag,
709
+ tag = 'div',
717
710
  ...other
718
711
  } = _ref;
719
712
  const {
@@ -740,9 +733,6 @@ TitleComponent.displayName = 'TooltipDialog.Title';
740
733
  TitleComponent.propTypes = {
741
734
  tag: PropTypes__default.default.any
742
735
  };
743
- TitleComponent.defaultProps = {
744
- tag: 'div'
745
- };
746
736
  const Title = TitleComponent;
747
737
 
748
738
  const BodyComponent$1 = React.forwardRef((props, ref) => {
@@ -789,16 +779,16 @@ const TooltipDialogComponent = React__namespace.default.forwardRef((_ref, ref) =
789
779
  let {
790
780
  appendToNode,
791
781
  referenceElement,
792
- placement: _placement,
782
+ placement: _placement = 'auto',
793
783
  fallbackPlacements: _fallbackPlacements,
794
784
  offset: _offset,
795
785
  onClose,
796
- hasArrow,
786
+ hasArrow = true,
797
787
  isAnimated,
798
788
  zIndex,
799
789
  backdropProps,
800
- focusOnMount,
801
- restoreFocus,
790
+ focusOnMount = true,
791
+ restoreFocus = true,
802
792
  id,
803
793
  ...props
804
794
  } = _ref;
@@ -910,12 +900,6 @@ const TooltipDialogComponent = React__namespace.default.forwardRef((_ref, ref) =
910
900
  return appendToNode ? ReactDOM.createPortal(Node, appendToNode) : Node;
911
901
  });
912
902
  TooltipDialogComponent.displayName = 'TooltipDialog';
913
- TooltipDialogComponent.defaultProps = {
914
- placement: 'auto',
915
- hasArrow: true,
916
- focusOnMount: true,
917
- restoreFocus: true
918
- };
919
903
  TooltipDialogComponent.propTypes = {
920
904
  appendToNode: PropTypes__default.default.any,
921
905
  referenceElement: PropTypes__default.default.any,
@@ -938,7 +922,7 @@ TooltipDialog.Title = Title;
938
922
 
939
923
  const HeaderComponent = React.forwardRef((_ref, ref) => {
940
924
  let {
941
- tag,
925
+ tag = 'div',
942
926
  ...other
943
927
  } = _ref;
944
928
  const {
@@ -967,9 +951,6 @@ HeaderComponent.displayName = 'Drawer.Header';
967
951
  HeaderComponent.propTypes = {
968
952
  tag: PropTypes__default.default.any
969
953
  };
970
- HeaderComponent.defaultProps = {
971
- tag: 'div'
972
- };
973
954
  const Header = HeaderComponent;
974
955
 
975
956
  const BodyComponent = React.forwardRef((props, ref) => {
@@ -1022,8 +1003,8 @@ const DrawerComponent = React.forwardRef((_ref, ref) => {
1022
1003
  onClose,
1023
1004
  backdropProps,
1024
1005
  appendToNode,
1025
- focusOnMount,
1026
- restoreFocus,
1006
+ focusOnMount = true,
1007
+ restoreFocus = true,
1027
1008
  ...props
1028
1009
  } = _ref;
1029
1010
  const modalRef = React.useRef(null);
@@ -1141,10 +1122,6 @@ DrawerComponent.propTypes = {
1141
1122
  appendToNode: PropTypes__default.default.any,
1142
1123
  isOpen: PropTypes__default.default.bool
1143
1124
  };
1144
- DrawerComponent.defaultProps = {
1145
- focusOnMount: true ,
1146
- restoreFocus: true
1147
- };
1148
1125
  const Drawer = DrawerComponent;
1149
1126
  Drawer.Body = Body;
1150
1127
  Drawer.Close = Close;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-modals",
3
- "version": "9.11.0",
3
+ "version": "9.11.2",
4
4
  "description": "Components relating to modals in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -24,7 +24,7 @@
24
24
  "@floating-ui/react-dom": "^2.0.0",
25
25
  "@zendeskgarden/container-modal": "^1.0.15",
26
26
  "@zendeskgarden/container-utilities": "^2.0.0",
27
- "@zendeskgarden/react-buttons": "^9.11.0",
27
+ "@zendeskgarden/react-buttons": "^9.11.2",
28
28
  "dom-helpers": "^5.1.0",
29
29
  "prop-types": "^15.5.7",
30
30
  "react-merge-refs": "^2.0.0",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/react-transition-group": "4.4.12",
41
- "@zendeskgarden/react-theming": "^9.11.0",
41
+ "@zendeskgarden/react-theming": "^9.11.2",
42
42
  "@zendeskgarden/svg-icons": "7.5.0"
43
43
  },
44
44
  "keywords": [
@@ -51,5 +51,5 @@
51
51
  "access": "public"
52
52
  },
53
53
  "zendeskgarden:src": "src/index.ts",
54
- "gitHead": "1bde0483c654e7fc3482c7b95741147a01073ef9"
54
+ "gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
55
55
  }