@zendeskgarden/react-accordions 9.11.1 → 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.
@@ -44,9 +44,9 @@ const AccordionComponent = forwardRef((_ref, ref) => {
44
44
  children,
45
45
  isBare,
46
46
  isCompact,
47
- isAnimated,
47
+ isAnimated = true,
48
48
  isExpandable,
49
- isCollapsible,
49
+ isCollapsible = true,
50
50
  level,
51
51
  onChange,
52
52
  defaultExpandedSections,
@@ -99,10 +99,6 @@ const AccordionComponent = forwardRef((_ref, ref) => {
99
99
  }, props), sectionChildren));
100
100
  });
101
101
  AccordionComponent.displayName = 'Accordion';
102
- AccordionComponent.defaultProps = {
103
- isAnimated: true,
104
- isCollapsible: true
105
- };
106
102
  const Accordion = AccordionComponent;
107
103
  Accordion.Header = Header;
108
104
  Accordion.Label = Label;
@@ -66,9 +66,6 @@ const StepperComponent = forwardRef((_ref, ref) => {
66
66
  }, child)), [children, stepperContext])));
67
67
  });
68
68
  StepperComponent.displayName = 'Stepper';
69
- StepperComponent.defaultProps = {
70
- activeIndex: DEFAULT_ACTIVE_INDEX
71
- };
72
69
  const Stepper = StepperComponent;
73
70
  Stepper.Content = Content;
74
71
  Stepper.Label = Label;
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'accordions.accordion';
11
11
  const StyledAccordion = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledAccordion",
16
16
  componentId: "sc-niv9ic-0"
@@ -24,7 +24,7 @@ const colorStyles = _ref => {
24
24
  };
25
25
  const StyledButton = styled.button.attrs({
26
26
  'data-garden-id': COMPONENT_ID,
27
- 'data-garden-version': '9.11.1'
27
+ 'data-garden-version': '9.11.2'
28
28
  }).withConfig({
29
29
  displayName: "StyledButton",
30
30
  componentId: "sc-xj3hy7-0"
@@ -11,7 +11,7 @@ import { StyledButton } from './StyledButton.js';
11
11
  const COMPONENT_ID = 'accordions.header';
12
12
  const StyledHeader = styled.div.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.1'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledHeader",
17
17
  componentId: "sc-2c6rbr-0"
@@ -11,7 +11,7 @@ import { StyledPanel } from './StyledPanel.js';
11
11
  const COMPONENT_ID = 'accordions.step_inner_panel';
12
12
  const StyledInnerPanel = styled.div.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.1'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledInnerPanel",
17
17
  componentId: "sc-8nbueg-0"
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { componentStyles, DEFAULT_THEME, getColor, getLineHeight } from '@zendeskgarden/react-theming';
8
+ import { componentStyles, getColor, getLineHeight } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'accordions.panel';
11
11
  const colorStyles = _ref => {
@@ -41,16 +41,13 @@ const sizeStyles = props => {
41
41
  }
42
42
  return css(["grid-template-rows:", "fr;border-bottom:", ";padding:", "px ", "px ", "px;line-height:", ";font-size:", ";"], $isExpanded ? 1 : 0, theme.borders.sm, paddingTop, paddingHorizontal, paddingBottom, getLineHeight(base * 5, theme.fontSizes.md), theme.fontSizes.md);
43
43
  };
44
- const StyledPanel = styled.section.attrs({
44
+ const StyledPanel = styled.section.attrs(props => ({
45
45
  'data-garden-id': COMPONENT_ID,
46
- 'data-garden-version': '9.11.1'
47
- }).withConfig({
46
+ 'data-garden-version': '9.11.2',
47
+ $isAnimated: props.$isAnimated ?? true
48
+ })).withConfig({
48
49
  displayName: "StyledPanel",
49
50
  componentId: "sc-1piryze-0"
50
51
  })(["display:grid;transition:", ";overflow:hidden;", " ", " ", ";"], props => props.$isAnimated && 'padding 0.25s ease-in-out, grid-template-rows 0.25s ease-in-out', sizeStyles, colorStyles, componentStyles);
51
- StyledPanel.defaultProps = {
52
- $isAnimated: true,
53
- theme: DEFAULT_THEME
54
- };
55
52
 
56
53
  export { StyledPanel };
@@ -24,7 +24,7 @@ const colorStyles = _ref => {
24
24
  };
25
25
  const StyledRotateIcon = styled(StyledBaseIcon).attrs({
26
26
  'data-garden-id': COMPONENT_ID,
27
- 'data-garden-version': '9.11.1'
27
+ 'data-garden-version': '9.11.2'
28
28
  }).withConfig({
29
29
  displayName: "StyledRotateIcon",
30
30
  componentId: "sc-hp435q-0"
@@ -11,7 +11,7 @@ import { StyledPanel } from './StyledPanel.js';
11
11
  const COMPONENT_ID = 'accordions.section';
12
12
  const StyledSection = styled.div.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.1'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledSection",
17
17
  componentId: "sc-v2t9bd-0"
@@ -23,7 +23,7 @@ const sizeStyles = props => {
23
23
  };
24
24
  const StyledContent = styled.div.attrs({
25
25
  'data-garden-id': COMPONENT_ID,
26
- 'data-garden-version': '9.11.1'
26
+ 'data-garden-version': '9.11.2'
27
27
  }).withConfig({
28
28
  displayName: "StyledContent",
29
29
  componentId: "sc-mazvvo-0"
@@ -46,7 +46,7 @@ const colorStyles = _ref => {
46
46
  };
47
47
  const StyledIcon = styled.div.attrs({
48
48
  'data-garden-id': COMPONENT_ID,
49
- 'data-garden-version': '9.11.1'
49
+ 'data-garden-version': '9.11.2'
50
50
  }).withConfig({
51
51
  displayName: "StyledIcon",
52
52
  componentId: "sc-v20nz9-1"
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
10
10
  const COMPONENT_ID = 'accordions.step_inner_content';
11
11
  const StyledInnerContent = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledInnerContent",
16
16
  componentId: "sc-1xs9fh7-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
10
10
  const COMPONENT_ID = 'accordions.step_label';
11
11
  const StyledLabel = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledLabel",
16
16
  componentId: "sc-1o82llj-0"
@@ -9,7 +9,7 @@ import styled from 'styled-components';
9
9
  const COMPONENT_ID = 'accordions.step_label_text';
10
10
  const StyledLabelText = styled.div.attrs({
11
11
  'data-garden-id': COMPONENT_ID,
12
- 'data-garden-version': '9.11.1'
12
+ 'data-garden-version': '9.11.2'
13
13
  }).withConfig({
14
14
  displayName: "StyledLabelText",
15
15
  componentId: "sc-111m5zo-0"
@@ -10,7 +10,7 @@ import { getColor } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'accordions.step_line';
11
11
  const StyledLine = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledLine",
16
16
  componentId: "sc-1gkpjbr-0"
@@ -12,7 +12,7 @@ import { StyledLine } from './StyledLine.js';
12
12
  const COMPONENT_ID = 'accordions.step';
13
13
  const StyledStep = styled.li.attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.11.1'
15
+ 'data-garden-version': '9.11.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledStep",
18
18
  componentId: "sc-12fiwtz-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'accordions.stepper';
11
11
  const StyledStepper = styled.ol.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledStepper",
16
16
  componentId: "sc-dsxw0f-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'timeline.content';
11
11
  const StyledTimelineContent = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledContent__StyledTimelineContent",
16
16
  componentId: "sc-19phgu1-0"
@@ -13,7 +13,7 @@ import { StyledOppositeContent } from './StyledOppositeContent.js';
13
13
  const COMPONENT_ID = 'timeline.item';
14
14
  const StyledTimelineItem = styled.li.attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '9.11.1'
16
+ 'data-garden-version': '9.11.2'
17
17
  }).withConfig({
18
18
  displayName: "StyledItem__StyledTimelineItem",
19
19
  componentId: "sc-5mcnzm-0"
@@ -34,7 +34,7 @@ const colorStyles = _ref => {
34
34
  };
35
35
  const StyledItemIcon = styled(StyledBaseIcon).attrs({
36
36
  'data-garden-id': COMPONENT_ID,
37
- 'data-garden-version': '9.11.1'
37
+ 'data-garden-version': '9.11.2'
38
38
  }).withConfig({
39
39
  displayName: "StyledItemIcon",
40
40
  componentId: "sc-vz2l6e-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'timeline.opposite.content';
11
11
  const StyledOppositeContent = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledOppositeContent",
16
16
  componentId: "sc-jurh2k-0"
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'timeline.content.separator';
11
11
  const StyledSeparator = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledSeparator",
16
16
  componentId: "sc-fki51e-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'timeline';
11
11
  const StyledTimeline = styled.ol.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledTimeline",
16
16
  componentId: "sc-pig5kv-0"
package/dist/index.cjs.js CHANGED
@@ -54,7 +54,7 @@ const sizeStyles$2 = props => {
54
54
  };
55
55
  const StyledContent = styled__default.default.div.attrs({
56
56
  'data-garden-id': COMPONENT_ID$k,
57
- 'data-garden-version': '9.11.1'
57
+ 'data-garden-version': '9.11.2'
58
58
  }).withConfig({
59
59
  displayName: "StyledContent",
60
60
  componentId: "sc-mazvvo-0"
@@ -63,7 +63,7 @@ const StyledContent = styled__default.default.div.attrs({
63
63
  const COMPONENT_ID$j = 'accordions.step_line';
64
64
  const StyledLine = styled__default.default.div.attrs({
65
65
  'data-garden-id': COMPONENT_ID$j,
66
- 'data-garden-version': '9.11.1'
66
+ 'data-garden-version': '9.11.2'
67
67
  }).withConfig({
68
68
  displayName: "StyledLine",
69
69
  componentId: "sc-1gkpjbr-0"
@@ -80,7 +80,7 @@ const StyledLine = styled__default.default.div.attrs({
80
80
  const COMPONENT_ID$i = 'accordions.step';
81
81
  const StyledStep = styled__default.default.li.attrs({
82
82
  'data-garden-id': COMPONENT_ID$i,
83
- 'data-garden-version': '9.11.1'
83
+ 'data-garden-version': '9.11.2'
84
84
  }).withConfig({
85
85
  displayName: "StyledStep",
86
86
  componentId: "sc-12fiwtz-0"
@@ -97,7 +97,7 @@ const StyledStep = styled__default.default.li.attrs({
97
97
  const COMPONENT_ID$h = 'accordions.step_inner_content';
98
98
  const StyledInnerContent = styled__default.default.div.attrs({
99
99
  'data-garden-id': COMPONENT_ID$h,
100
- 'data-garden-version': '9.11.1'
100
+ 'data-garden-version': '9.11.2'
101
101
  }).withConfig({
102
102
  displayName: "StyledInnerContent",
103
103
  componentId: "sc-1xs9fh7-0"
@@ -114,7 +114,7 @@ const StyledInnerContent = styled__default.default.div.attrs({
114
114
  const COMPONENT_ID$g = 'accordions.stepper';
115
115
  const StyledStepper = styled__default.default.ol.attrs({
116
116
  'data-garden-id': COMPONENT_ID$g,
117
- 'data-garden-version': '9.11.1'
117
+ 'data-garden-version': '9.11.2'
118
118
  }).withConfig({
119
119
  displayName: "StyledStepper",
120
120
  componentId: "sc-dsxw0f-0"
@@ -159,7 +159,7 @@ const colorStyles$4 = _ref => {
159
159
  };
160
160
  const StyledIcon = styled__default.default.div.attrs({
161
161
  'data-garden-id': COMPONENT_ID$f,
162
- 'data-garden-version': '9.11.1'
162
+ 'data-garden-version': '9.11.2'
163
163
  }).withConfig({
164
164
  displayName: "StyledIcon",
165
165
  componentId: "sc-v20nz9-1"
@@ -168,7 +168,7 @@ const StyledIcon = styled__default.default.div.attrs({
168
168
  const COMPONENT_ID$e = 'accordions.step_label';
169
169
  const StyledLabel = styled__default.default.div.attrs({
170
170
  'data-garden-id': COMPONENT_ID$e,
171
- 'data-garden-version': '9.11.1'
171
+ 'data-garden-version': '9.11.2'
172
172
  }).withConfig({
173
173
  displayName: "StyledLabel",
174
174
  componentId: "sc-1o82llj-0"
@@ -186,7 +186,7 @@ const StyledLabel = styled__default.default.div.attrs({
186
186
  const COMPONENT_ID$d = 'accordions.step_label_text';
187
187
  const StyledLabelText = styled__default.default.div.attrs({
188
188
  'data-garden-id': COMPONENT_ID$d,
189
- 'data-garden-version': '9.11.1'
189
+ 'data-garden-version': '9.11.2'
190
190
  }).withConfig({
191
191
  displayName: "StyledLabelText",
192
192
  componentId: "sc-111m5zo-0"
@@ -195,7 +195,7 @@ const StyledLabelText = styled__default.default.div.attrs({
195
195
  const COMPONENT_ID$c = 'accordions.accordion';
196
196
  const StyledAccordion = styled__default.default.div.attrs({
197
197
  'data-garden-id': COMPONENT_ID$c,
198
- 'data-garden-version': '9.11.1'
198
+ 'data-garden-version': '9.11.2'
199
199
  }).withConfig({
200
200
  displayName: "StyledAccordion",
201
201
  componentId: "sc-niv9ic-0"
@@ -235,22 +235,19 @@ const sizeStyles = props => {
235
235
  }
236
236
  return styled.css(["grid-template-rows:", "fr;border-bottom:", ";padding:", "px ", "px ", "px;line-height:", ";font-size:", ";"], $isExpanded ? 1 : 0, theme.borders.sm, paddingTop, paddingHorizontal, paddingBottom, reactTheming.getLineHeight(base * 5, theme.fontSizes.md), theme.fontSizes.md);
237
237
  };
238
- const StyledPanel = styled__default.default.section.attrs({
238
+ const StyledPanel = styled__default.default.section.attrs(props => ({
239
239
  'data-garden-id': COMPONENT_ID$b,
240
- 'data-garden-version': '9.11.1'
241
- }).withConfig({
240
+ 'data-garden-version': '9.11.2',
241
+ $isAnimated: props.$isAnimated ?? true
242
+ })).withConfig({
242
243
  displayName: "StyledPanel",
243
244
  componentId: "sc-1piryze-0"
244
245
  })(["display:grid;transition:", ";overflow:hidden;", " ", " ", ";"], props => props.$isAnimated && 'padding 0.25s ease-in-out, grid-template-rows 0.25s ease-in-out', sizeStyles, colorStyles$3, reactTheming.componentStyles);
245
- StyledPanel.defaultProps = {
246
- $isAnimated: true,
247
- theme: reactTheming.DEFAULT_THEME
248
- };
249
246
 
250
247
  const COMPONENT_ID$a = 'accordions.section';
251
248
  const StyledSection = styled__default.default.div.attrs({
252
249
  'data-garden-id': COMPONENT_ID$a,
253
- 'data-garden-version': '9.11.1'
250
+ 'data-garden-version': '9.11.2'
254
251
  }).withConfig({
255
252
  displayName: "StyledSection",
256
253
  componentId: "sc-v2t9bd-0"
@@ -273,7 +270,7 @@ const colorStyles$2 = _ref => {
273
270
  };
274
271
  const StyledButton = styled__default.default.button.attrs({
275
272
  'data-garden-id': COMPONENT_ID$9,
276
- 'data-garden-version': '9.11.1'
273
+ 'data-garden-version': '9.11.2'
277
274
  }).withConfig({
278
275
  displayName: "StyledButton",
279
276
  componentId: "sc-xj3hy7-0"
@@ -282,7 +279,7 @@ const StyledButton = styled__default.default.button.attrs({
282
279
  const COMPONENT_ID$8 = 'accordions.header';
283
280
  const StyledHeader = styled__default.default.div.attrs({
284
281
  'data-garden-id': COMPONENT_ID$8,
285
- 'data-garden-version': '9.11.1'
282
+ 'data-garden-version': '9.11.2'
286
283
  }).withConfig({
287
284
  displayName: "StyledHeader",
288
285
  componentId: "sc-2c6rbr-0"
@@ -295,7 +292,7 @@ const StyledHeader = styled__default.default.div.attrs({
295
292
  const COMPONENT_ID$7 = 'accordions.step_inner_panel';
296
293
  const StyledInnerPanel = styled__default.default.div.attrs({
297
294
  'data-garden-id': COMPONENT_ID$7,
298
- 'data-garden-version': '9.11.1'
295
+ 'data-garden-version': '9.11.2'
299
296
  }).withConfig({
300
297
  displayName: "StyledInnerPanel",
301
298
  componentId: "sc-8nbueg-0"
@@ -318,7 +315,7 @@ const colorStyles$1 = _ref => {
318
315
  };
319
316
  const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
320
317
  'data-garden-id': COMPONENT_ID$6,
321
- 'data-garden-version': '9.11.1'
318
+ 'data-garden-version': '9.11.2'
322
319
  }).withConfig({
323
320
  displayName: "StyledRotateIcon",
324
321
  componentId: "sc-hp435q-0"
@@ -327,7 +324,7 @@ const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).at
327
324
  const COMPONENT_ID$5 = 'timeline';
328
325
  const StyledTimeline = styled__default.default.ol.attrs({
329
326
  'data-garden-id': COMPONENT_ID$5,
330
- 'data-garden-version': '9.11.1'
327
+ 'data-garden-version': '9.11.2'
331
328
  }).withConfig({
332
329
  displayName: "StyledTimeline",
333
330
  componentId: "sc-pig5kv-0"
@@ -336,7 +333,7 @@ const StyledTimeline = styled__default.default.ol.attrs({
336
333
  const COMPONENT_ID$4 = 'timeline.content.separator';
337
334
  const StyledSeparator = styled__default.default.div.attrs({
338
335
  'data-garden-id': COMPONENT_ID$4,
339
- 'data-garden-version': '9.11.1'
336
+ 'data-garden-version': '9.11.2'
340
337
  }).withConfig({
341
338
  displayName: "StyledSeparator",
342
339
  componentId: "sc-fki51e-0"
@@ -353,7 +350,7 @@ const StyledSeparator = styled__default.default.div.attrs({
353
350
  const COMPONENT_ID$3 = 'timeline.content';
354
351
  const StyledTimelineContent = styled__default.default.div.attrs({
355
352
  'data-garden-id': COMPONENT_ID$3,
356
- 'data-garden-version': '9.11.1'
353
+ 'data-garden-version': '9.11.2'
357
354
  }).withConfig({
358
355
  displayName: "StyledContent__StyledTimelineContent",
359
356
  componentId: "sc-19phgu1-0"
@@ -362,7 +359,7 @@ const StyledTimelineContent = styled__default.default.div.attrs({
362
359
  const COMPONENT_ID$2 = 'timeline.opposite.content';
363
360
  const StyledOppositeContent = styled__default.default.div.attrs({
364
361
  'data-garden-id': COMPONENT_ID$2,
365
- 'data-garden-version': '9.11.1'
362
+ 'data-garden-version': '9.11.2'
366
363
  }).withConfig({
367
364
  displayName: "StyledOppositeContent",
368
365
  componentId: "sc-jurh2k-0"
@@ -371,7 +368,7 @@ const StyledOppositeContent = styled__default.default.div.attrs({
371
368
  const COMPONENT_ID$1 = 'timeline.item';
372
369
  const StyledTimelineItem = styled__default.default.li.attrs({
373
370
  'data-garden-id': COMPONENT_ID$1,
374
- 'data-garden-version': '9.11.1'
371
+ 'data-garden-version': '9.11.2'
375
372
  }).withConfig({
376
373
  displayName: "StyledItem__StyledTimelineItem",
377
374
  componentId: "sc-5mcnzm-0"
@@ -411,7 +408,7 @@ const colorStyles = _ref => {
411
408
  };
412
409
  const StyledItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
413
410
  'data-garden-id': COMPONENT_ID,
414
- 'data-garden-version': '9.11.1'
411
+ 'data-garden-version': '9.11.2'
415
412
  }).withConfig({
416
413
  displayName: "StyledItemIcon",
417
414
  componentId: "sc-vz2l6e-0"
@@ -620,9 +617,9 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
620
617
  children,
621
618
  isBare,
622
619
  isCompact,
623
- isAnimated,
620
+ isAnimated = true,
624
621
  isExpandable,
625
- isCollapsible,
622
+ isCollapsible = true,
626
623
  level,
627
624
  onChange,
628
625
  defaultExpandedSections,
@@ -675,10 +672,6 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
675
672
  }, props), sectionChildren));
676
673
  });
677
674
  AccordionComponent.displayName = 'Accordion';
678
- AccordionComponent.defaultProps = {
679
- isAnimated: true,
680
- isCollapsible: true
681
- };
682
675
  const Accordion = AccordionComponent;
683
676
  Accordion.Header = Header;
684
677
  Accordion.Label = Label$1;
@@ -803,9 +796,6 @@ const StepperComponent = React.forwardRef((_ref, ref) => {
803
796
  }, child)), [children, stepperContext])));
804
797
  });
805
798
  StepperComponent.displayName = 'Stepper';
806
- StepperComponent.defaultProps = {
807
- activeIndex: DEFAULT_ACTIVE_INDEX
808
- };
809
799
  const Stepper = StepperComponent;
810
800
  Stepper.Content = Content$1;
811
801
  Stepper.Label = Label;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-accordions",
3
- "version": "9.11.1",
3
+ "version": "9.11.2",
4
4
  "description": "Components related to accordions 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.11.1",
36
+ "@zendeskgarden/react-theming": "^9.11.2",
37
37
  "@zendeskgarden/svg-icons": "7.5.0"
38
38
  },
39
39
  "keywords": [
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "zendeskgarden:src": "src/index.ts",
50
- "gitHead": "c45a8893e0ed1fd9f1cf257b2badf6bbeae90bc0"
50
+ "gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
51
51
  }