@zendeskgarden/react-accordions 8.40.1 → 8.41.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.
package/dist/index.cjs.js CHANGED
@@ -14,9 +14,10 @@ var styled = require('styled-components');
14
14
  var reactTheming = require('@zendeskgarden/react-theming');
15
15
  var polished = require('polished');
16
16
  var PropTypes = require('prop-types');
17
- var containerUtilities = require('@zendeskgarden/container-utilities');
17
+ var mergeRefs = require('react-merge-refs');
18
18
  var debounce = require('lodash.debounce');
19
19
  var containerAccordion = require('@zendeskgarden/container-accordion');
20
+ var containerUtilities = require('@zendeskgarden/container-utilities');
20
21
 
21
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
23
 
@@ -44,6 +45,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
44
45
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
45
46
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
46
47
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
48
+ var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
47
49
  var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
48
50
 
49
51
  function ownKeys(object, enumerableOnly) {
@@ -227,7 +229,7 @@ var sizeStyles$1 = function sizeStyles(props) {
227
229
  };
228
230
  var StyledContent = styled__default['default'].div.attrs({
229
231
  'data-garden-id': COMPONENT_ID$k,
230
- 'data-garden-version': '8.40.1'
232
+ 'data-garden-version': '8.41.0'
231
233
  }).withConfig({
232
234
  displayName: "StyledContent",
233
235
  componentId: "sc-mazvvo-0"
@@ -243,7 +245,7 @@ StyledContent.defaultProps = {
243
245
  var COMPONENT_ID$j = 'accordions.step_line';
244
246
  var StyledLine = styled__default['default'].div.attrs({
245
247
  'data-garden-id': COMPONENT_ID$j,
246
- 'data-garden-version': '8.40.1'
248
+ 'data-garden-version': '8.41.0'
247
249
  }).withConfig({
248
250
  displayName: "StyledLine",
249
251
  componentId: "sc-1gkpjbr-0"
@@ -265,7 +267,7 @@ StyledLine.defaultProps = {
265
267
  var COMPONENT_ID$i = 'accordions.step';
266
268
  var StyledStep = styled__default['default'].li.attrs({
267
269
  'data-garden-id': COMPONENT_ID$i,
268
- 'data-garden-version': '8.40.1'
270
+ 'data-garden-version': '8.41.0'
269
271
  }).withConfig({
270
272
  displayName: "StyledStep",
271
273
  componentId: "sc-12fiwtz-0"
@@ -295,7 +297,7 @@ StyledStep.defaultProps = {
295
297
  var COMPONENT_ID$h = 'accordions.step_inner_content';
296
298
  var StyledInnerContent = styled__default['default'].div.attrs({
297
299
  'data-garden-id': COMPONENT_ID$h,
298
- 'data-garden-version': '8.40.1'
300
+ 'data-garden-version': '8.41.0'
299
301
  }).withConfig({
300
302
  displayName: "StyledInnerContent",
301
303
  componentId: "sc-1xs9fh7-0"
@@ -317,7 +319,7 @@ StyledInnerContent.defaultProps = {
317
319
  var COMPONENT_ID$g = 'accordions.stepper';
318
320
  var StyledStepper = styled__default['default'].ol.attrs({
319
321
  'data-garden-id': COMPONENT_ID$g,
320
- 'data-garden-version': '8.40.1'
322
+ 'data-garden-version': '8.41.0'
321
323
  }).withConfig({
322
324
  displayName: "StyledStepper",
323
325
  componentId: "sc-dsxw0f-0"
@@ -345,7 +347,7 @@ var colorStyles$2 = function colorStyles(props) {
345
347
  };
346
348
  var StyledIcon = styled__default['default'].div.attrs({
347
349
  'data-garden-id': COMPONENT_ID$f,
348
- 'data-garden-version': '8.40.1'
350
+ 'data-garden-version': '8.41.0'
349
351
  }).withConfig({
350
352
  displayName: "StyledIcon",
351
353
  componentId: "sc-v20nz9-1"
@@ -362,7 +364,7 @@ StyledIcon.defaultProps = {
362
364
  var COMPONENT_ID$e = 'accordions.step_label';
363
365
  var StyledLabel = styled__default['default'].div.attrs({
364
366
  'data-garden-id': COMPONENT_ID$e,
365
- 'data-garden-version': '8.40.1'
367
+ 'data-garden-version': '8.41.0'
366
368
  }).withConfig({
367
369
  displayName: "StyledLabel",
368
370
  componentId: "sc-1o82llj-0"
@@ -390,7 +392,7 @@ StyledLabel.defaultProps = {
390
392
  var COMPONENT_ID$d = 'accordions.step_label_text';
391
393
  var StyledLabelText = styled__default['default'].div.attrs({
392
394
  'data-garden-id': COMPONENT_ID$d,
393
- 'data-garden-version': '8.40.1'
395
+ 'data-garden-version': '8.41.0'
394
396
  }).withConfig({
395
397
  displayName: "StyledLabelText",
396
398
  componentId: "sc-111m5zo-0"
@@ -408,7 +410,7 @@ StyledLabelText.defaultProps = {
408
410
  var COMPONENT_ID$c = 'accordions.accordion';
409
411
  var StyledAccordion = styled__default['default'].div.attrs({
410
412
  'data-garden-id': COMPONENT_ID$c,
411
- 'data-garden-version': '8.40.1'
413
+ 'data-garden-version': '8.41.0'
412
414
  }).withConfig({
413
415
  displayName: "StyledAccordion",
414
416
  componentId: "sc-niv9ic-0"
@@ -438,7 +440,7 @@ var paddingStyles = function paddingStyles(props) {
438
440
  };
439
441
  var StyledPanel = styled__default['default'].section.attrs({
440
442
  'data-garden-id': COMPONENT_ID$b,
441
- 'data-garden-version': '8.40.1'
443
+ 'data-garden-version': '8.41.0'
442
444
  }).withConfig({
443
445
  displayName: "StyledPanel",
444
446
  componentId: "sc-1piryze-0"
@@ -455,7 +457,7 @@ StyledPanel.defaultProps = {
455
457
  var COMPONENT_ID$a = 'accordions.section';
456
458
  var StyledSection = styled__default['default'].div.attrs({
457
459
  'data-garden-id': COMPONENT_ID$a,
458
- 'data-garden-version': '8.40.1'
460
+ 'data-garden-version': '8.41.0'
459
461
  }).withConfig({
460
462
  displayName: "StyledSection",
461
463
  componentId: "sc-v2t9bd-0"
@@ -469,7 +471,7 @@ StyledSection.defaultProps = {
469
471
  var COMPONENT_ID$9 = 'accordions.header';
470
472
  var StyledHeader = styled__default['default'].div.attrs({
471
473
  'data-garden-id': COMPONENT_ID$9,
472
- 'data-garden-version': '8.40.1'
474
+ 'data-garden-version': '8.41.0'
473
475
  }).withConfig({
474
476
  displayName: "StyledHeader",
475
477
  componentId: "sc-2c6rbr-0"
@@ -497,7 +499,7 @@ var colorStyles$1 = function colorStyles(props) {
497
499
  };
498
500
  var StyledButton = styled__default['default'].button.attrs({
499
501
  'data-garden-id': COMPONENT_ID$8,
500
- 'data-garden-version': '8.40.1'
502
+ 'data-garden-version': '8.41.0'
501
503
  }).withConfig({
502
504
  displayName: "StyledButton",
503
505
  componentId: "sc-xj3hy7-0"
@@ -523,7 +525,7 @@ StyledButton.defaultProps = {
523
525
  var COMPONENT_ID$7 = 'accordions.step_inner_panel';
524
526
  var StyledInnerPanel = styled__default['default'].div.attrs({
525
527
  'data-garden-id': COMPONENT_ID$7,
526
- 'data-garden-version': '8.40.1'
528
+ 'data-garden-version': '8.41.0'
527
529
  }).withConfig({
528
530
  displayName: "StyledInnerPanel",
529
531
  componentId: "sc-8nbueg-0"
@@ -564,7 +566,7 @@ function (_ref) {
564
566
  return React.cloneElement(React.Children.only(children), props);
565
567
  }).attrs({
566
568
  'data-garden-id': COMPONENT_ID$6,
567
- 'data-garden-version': '8.40.1'
569
+ 'data-garden-version': '8.41.0'
568
570
  }).withConfig({
569
571
  displayName: "StyledRotateIcon",
570
572
  componentId: "sc-hp435q-0"
@@ -586,7 +588,7 @@ StyledRotateIcon.defaultProps = {
586
588
  var COMPONENT_ID$5 = 'timeline';
587
589
  var StyledTimeline = styled__default['default'].ol.attrs({
588
590
  'data-garden-id': COMPONENT_ID$5,
589
- 'data-garden-version': '8.40.1'
591
+ 'data-garden-version': '8.41.0'
590
592
  }).withConfig({
591
593
  displayName: "StyledTimeline",
592
594
  componentId: "sc-pig5kv-0"
@@ -600,7 +602,7 @@ StyledTimeline.defaultProps = {
600
602
  var COMPONENT_ID$4 = 'timeline.content.separator';
601
603
  var StyledSeparator = styled__default['default'].div.attrs({
602
604
  'data-garden-id': COMPONENT_ID$4,
603
- 'data-garden-version': '8.40.1'
605
+ 'data-garden-version': '8.41.0'
604
606
  }).withConfig({
605
607
  displayName: "StyledSeparator",
606
608
  componentId: "sc-fki51e-0"
@@ -618,7 +620,7 @@ StyledSeparator.defaultProps = {
618
620
  var COMPONENT_ID$3 = 'timeline.content';
619
621
  var StyledTimelineContent = styled__default['default'].div.attrs({
620
622
  'data-garden-id': COMPONENT_ID$3,
621
- 'data-garden-version': '8.40.1'
623
+ 'data-garden-version': '8.41.0'
622
624
  }).withConfig({
623
625
  displayName: "StyledContent__StyledTimelineContent",
624
626
  componentId: "sc-19phgu1-0"
@@ -634,7 +636,7 @@ StyledTimelineContent.defaultProps = {
634
636
  var COMPONENT_ID$2 = 'timeline.opposite.content';
635
637
  var StyledOppositeContent = styled__default['default'].div.attrs({
636
638
  'data-garden-id': COMPONENT_ID$2,
637
- 'data-garden-version': '8.40.1'
639
+ 'data-garden-version': '8.41.0'
638
640
  }).withConfig({
639
641
  displayName: "StyledOppositeContent",
640
642
  componentId: "sc-jurh2k-0"
@@ -652,7 +654,7 @@ StyledOppositeContent.defaultProps = {
652
654
  var COMPONENT_ID$1 = 'timeline.item';
653
655
  var StyledTimelineItem = styled__default['default'].li.attrs({
654
656
  'data-garden-id': COMPONENT_ID$1,
655
- 'data-garden-version': '8.40.1'
657
+ 'data-garden-version': '8.41.0'
656
658
  }).withConfig({
657
659
  displayName: "StyledItem__StyledTimelineItem",
658
660
  componentId: "sc-5mcnzm-0"
@@ -676,7 +678,7 @@ var StyledItemIcon = styled__default['default'](function (_ref) {
676
678
  return React.cloneElement(React.Children.only(children), props);
677
679
  }).attrs({
678
680
  'data-garden-id': COMPONENT_ID,
679
- 'data-garden-version': '8.40.1'
681
+ 'data-garden-version': '8.41.0'
680
682
  }).withConfig({
681
683
  displayName: "StyledItemIcon",
682
684
  componentId: "sc-vz2l6e-0"
@@ -842,7 +844,7 @@ Label$1.propTypes = {
842
844
  };
843
845
 
844
846
  var Content$1 = React.forwardRef(function (props, ref) {
845
- var contentRef = containerUtilities.useCombinedRefs(ref);
847
+ var contentRef = React.useRef();
846
848
  var _useStepperContext = useStepperContext(),
847
849
  activeIndex = _useStepperContext.activeIndex,
848
850
  isHorizontal = _useStepperContext.isHorizontal;
@@ -866,7 +868,7 @@ var Content$1 = React.forwardRef(function (props, ref) {
866
868
  return undefined;
867
869
  }, [isActive, isHorizontal, props.children, updateMaxHeight]);
868
870
  return isHorizontal === false ? React__default['default'].createElement(StyledContent, _extends$3({
869
- ref: contentRef,
871
+ ref: mergeRefs__default['default']([contentRef, ref]),
870
872
  isActive: isActive
871
873
  }, props), React__default['default'].createElement(StyledInnerContent, {
872
874
  isActive: isActive
@@ -1049,7 +1051,7 @@ var Panel = React.forwardRef(function (props, ref) {
1049
1051
  isAnimated = _useAccordionContext.isAnimated,
1050
1052
  getPanelProps = _useAccordionContext.getPanelProps,
1051
1053
  expandedSections = _useAccordionContext.expandedSections;
1052
- var panelRef = containerUtilities.useCombinedRefs(ref);
1054
+ var panelRef = React.useRef();
1053
1055
  var index = useSectionContext();
1054
1056
  var isExpanded = expandedSections.includes(index);
1055
1057
  var updateMaxHeight = React.useCallback(debounce__default['default'](function () {
@@ -1070,7 +1072,7 @@ var Panel = React.forwardRef(function (props, ref) {
1070
1072
  }, [isAnimated, isExpanded, updateMaxHeight, props.children]);
1071
1073
  return React__default['default'].createElement(StyledPanel, getPanelProps(_objectSpread2({
1072
1074
  role: null,
1073
- ref: panelRef,
1075
+ ref: mergeRefs__default['default']([panelRef, ref]),
1074
1076
  index: index,
1075
1077
  isBare: isBare,
1076
1078
  isCompact: isCompact,
package/dist/index.esm.js CHANGED
@@ -6,14 +6,15 @@
6
6
  */
7
7
 
8
8
  import * as React from 'react';
9
- import React__default, { cloneElement, Children, createContext, useContext, forwardRef, useState, useEffect, useMemo, useCallback, useRef } from 'react';
9
+ import React__default, { cloneElement, Children, createContext, useContext, forwardRef, useState, useEffect, useMemo, useRef, useCallback } from 'react';
10
10
  import styled, { css } from 'styled-components';
11
11
  import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight } from '@zendeskgarden/react-theming';
12
12
  import { math } from 'polished';
13
13
  import PropTypes from 'prop-types';
14
- import { useCombinedRefs, composeEventHandlers } from '@zendeskgarden/container-utilities';
14
+ import mergeRefs from 'react-merge-refs';
15
15
  import debounce from 'lodash.debounce';
16
16
  import { useAccordion } from '@zendeskgarden/container-accordion';
17
+ import { composeEventHandlers } from '@zendeskgarden/container-utilities';
17
18
 
18
19
  function ownKeys(object, enumerableOnly) {
19
20
  var keys = Object.keys(object);
@@ -196,7 +197,7 @@ var sizeStyles$1 = function sizeStyles(props) {
196
197
  };
197
198
  var StyledContent = styled.div.attrs({
198
199
  'data-garden-id': COMPONENT_ID$k,
199
- 'data-garden-version': '8.40.1'
200
+ 'data-garden-version': '8.41.0'
200
201
  }).withConfig({
201
202
  displayName: "StyledContent",
202
203
  componentId: "sc-mazvvo-0"
@@ -212,7 +213,7 @@ StyledContent.defaultProps = {
212
213
  var COMPONENT_ID$j = 'accordions.step_line';
213
214
  var StyledLine = styled.div.attrs({
214
215
  'data-garden-id': COMPONENT_ID$j,
215
- 'data-garden-version': '8.40.1'
216
+ 'data-garden-version': '8.41.0'
216
217
  }).withConfig({
217
218
  displayName: "StyledLine",
218
219
  componentId: "sc-1gkpjbr-0"
@@ -234,7 +235,7 @@ StyledLine.defaultProps = {
234
235
  var COMPONENT_ID$i = 'accordions.step';
235
236
  var StyledStep = styled.li.attrs({
236
237
  'data-garden-id': COMPONENT_ID$i,
237
- 'data-garden-version': '8.40.1'
238
+ 'data-garden-version': '8.41.0'
238
239
  }).withConfig({
239
240
  displayName: "StyledStep",
240
241
  componentId: "sc-12fiwtz-0"
@@ -264,7 +265,7 @@ StyledStep.defaultProps = {
264
265
  var COMPONENT_ID$h = 'accordions.step_inner_content';
265
266
  var StyledInnerContent = styled.div.attrs({
266
267
  'data-garden-id': COMPONENT_ID$h,
267
- 'data-garden-version': '8.40.1'
268
+ 'data-garden-version': '8.41.0'
268
269
  }).withConfig({
269
270
  displayName: "StyledInnerContent",
270
271
  componentId: "sc-1xs9fh7-0"
@@ -286,7 +287,7 @@ StyledInnerContent.defaultProps = {
286
287
  var COMPONENT_ID$g = 'accordions.stepper';
287
288
  var StyledStepper = styled.ol.attrs({
288
289
  'data-garden-id': COMPONENT_ID$g,
289
- 'data-garden-version': '8.40.1'
290
+ 'data-garden-version': '8.41.0'
290
291
  }).withConfig({
291
292
  displayName: "StyledStepper",
292
293
  componentId: "sc-dsxw0f-0"
@@ -314,7 +315,7 @@ var colorStyles$2 = function colorStyles(props) {
314
315
  };
315
316
  var StyledIcon = styled.div.attrs({
316
317
  'data-garden-id': COMPONENT_ID$f,
317
- 'data-garden-version': '8.40.1'
318
+ 'data-garden-version': '8.41.0'
318
319
  }).withConfig({
319
320
  displayName: "StyledIcon",
320
321
  componentId: "sc-v20nz9-1"
@@ -331,7 +332,7 @@ StyledIcon.defaultProps = {
331
332
  var COMPONENT_ID$e = 'accordions.step_label';
332
333
  var StyledLabel = styled.div.attrs({
333
334
  'data-garden-id': COMPONENT_ID$e,
334
- 'data-garden-version': '8.40.1'
335
+ 'data-garden-version': '8.41.0'
335
336
  }).withConfig({
336
337
  displayName: "StyledLabel",
337
338
  componentId: "sc-1o82llj-0"
@@ -359,7 +360,7 @@ StyledLabel.defaultProps = {
359
360
  var COMPONENT_ID$d = 'accordions.step_label_text';
360
361
  var StyledLabelText = styled.div.attrs({
361
362
  'data-garden-id': COMPONENT_ID$d,
362
- 'data-garden-version': '8.40.1'
363
+ 'data-garden-version': '8.41.0'
363
364
  }).withConfig({
364
365
  displayName: "StyledLabelText",
365
366
  componentId: "sc-111m5zo-0"
@@ -377,7 +378,7 @@ StyledLabelText.defaultProps = {
377
378
  var COMPONENT_ID$c = 'accordions.accordion';
378
379
  var StyledAccordion = styled.div.attrs({
379
380
  'data-garden-id': COMPONENT_ID$c,
380
- 'data-garden-version': '8.40.1'
381
+ 'data-garden-version': '8.41.0'
381
382
  }).withConfig({
382
383
  displayName: "StyledAccordion",
383
384
  componentId: "sc-niv9ic-0"
@@ -407,7 +408,7 @@ var paddingStyles = function paddingStyles(props) {
407
408
  };
408
409
  var StyledPanel = styled.section.attrs({
409
410
  'data-garden-id': COMPONENT_ID$b,
410
- 'data-garden-version': '8.40.1'
411
+ 'data-garden-version': '8.41.0'
411
412
  }).withConfig({
412
413
  displayName: "StyledPanel",
413
414
  componentId: "sc-1piryze-0"
@@ -424,7 +425,7 @@ StyledPanel.defaultProps = {
424
425
  var COMPONENT_ID$a = 'accordions.section';
425
426
  var StyledSection = styled.div.attrs({
426
427
  'data-garden-id': COMPONENT_ID$a,
427
- 'data-garden-version': '8.40.1'
428
+ 'data-garden-version': '8.41.0'
428
429
  }).withConfig({
429
430
  displayName: "StyledSection",
430
431
  componentId: "sc-v2t9bd-0"
@@ -438,7 +439,7 @@ StyledSection.defaultProps = {
438
439
  var COMPONENT_ID$9 = 'accordions.header';
439
440
  var StyledHeader = styled.div.attrs({
440
441
  'data-garden-id': COMPONENT_ID$9,
441
- 'data-garden-version': '8.40.1'
442
+ 'data-garden-version': '8.41.0'
442
443
  }).withConfig({
443
444
  displayName: "StyledHeader",
444
445
  componentId: "sc-2c6rbr-0"
@@ -466,7 +467,7 @@ var colorStyles$1 = function colorStyles(props) {
466
467
  };
467
468
  var StyledButton = styled.button.attrs({
468
469
  'data-garden-id': COMPONENT_ID$8,
469
- 'data-garden-version': '8.40.1'
470
+ 'data-garden-version': '8.41.0'
470
471
  }).withConfig({
471
472
  displayName: "StyledButton",
472
473
  componentId: "sc-xj3hy7-0"
@@ -492,7 +493,7 @@ StyledButton.defaultProps = {
492
493
  var COMPONENT_ID$7 = 'accordions.step_inner_panel';
493
494
  var StyledInnerPanel = styled.div.attrs({
494
495
  'data-garden-id': COMPONENT_ID$7,
495
- 'data-garden-version': '8.40.1'
496
+ 'data-garden-version': '8.41.0'
496
497
  }).withConfig({
497
498
  displayName: "StyledInnerPanel",
498
499
  componentId: "sc-8nbueg-0"
@@ -533,7 +534,7 @@ function (_ref) {
533
534
  return cloneElement(Children.only(children), props);
534
535
  }).attrs({
535
536
  'data-garden-id': COMPONENT_ID$6,
536
- 'data-garden-version': '8.40.1'
537
+ 'data-garden-version': '8.41.0'
537
538
  }).withConfig({
538
539
  displayName: "StyledRotateIcon",
539
540
  componentId: "sc-hp435q-0"
@@ -555,7 +556,7 @@ StyledRotateIcon.defaultProps = {
555
556
  var COMPONENT_ID$5 = 'timeline';
556
557
  var StyledTimeline = styled.ol.attrs({
557
558
  'data-garden-id': COMPONENT_ID$5,
558
- 'data-garden-version': '8.40.1'
559
+ 'data-garden-version': '8.41.0'
559
560
  }).withConfig({
560
561
  displayName: "StyledTimeline",
561
562
  componentId: "sc-pig5kv-0"
@@ -569,7 +570,7 @@ StyledTimeline.defaultProps = {
569
570
  var COMPONENT_ID$4 = 'timeline.content.separator';
570
571
  var StyledSeparator = styled.div.attrs({
571
572
  'data-garden-id': COMPONENT_ID$4,
572
- 'data-garden-version': '8.40.1'
573
+ 'data-garden-version': '8.41.0'
573
574
  }).withConfig({
574
575
  displayName: "StyledSeparator",
575
576
  componentId: "sc-fki51e-0"
@@ -587,7 +588,7 @@ StyledSeparator.defaultProps = {
587
588
  var COMPONENT_ID$3 = 'timeline.content';
588
589
  var StyledTimelineContent = styled.div.attrs({
589
590
  'data-garden-id': COMPONENT_ID$3,
590
- 'data-garden-version': '8.40.1'
591
+ 'data-garden-version': '8.41.0'
591
592
  }).withConfig({
592
593
  displayName: "StyledContent__StyledTimelineContent",
593
594
  componentId: "sc-19phgu1-0"
@@ -603,7 +604,7 @@ StyledTimelineContent.defaultProps = {
603
604
  var COMPONENT_ID$2 = 'timeline.opposite.content';
604
605
  var StyledOppositeContent = styled.div.attrs({
605
606
  'data-garden-id': COMPONENT_ID$2,
606
- 'data-garden-version': '8.40.1'
607
+ 'data-garden-version': '8.41.0'
607
608
  }).withConfig({
608
609
  displayName: "StyledOppositeContent",
609
610
  componentId: "sc-jurh2k-0"
@@ -621,7 +622,7 @@ StyledOppositeContent.defaultProps = {
621
622
  var COMPONENT_ID$1 = 'timeline.item';
622
623
  var StyledTimelineItem = styled.li.attrs({
623
624
  'data-garden-id': COMPONENT_ID$1,
624
- 'data-garden-version': '8.40.1'
625
+ 'data-garden-version': '8.41.0'
625
626
  }).withConfig({
626
627
  displayName: "StyledItem__StyledTimelineItem",
627
628
  componentId: "sc-5mcnzm-0"
@@ -645,7 +646,7 @@ var StyledItemIcon = styled(function (_ref) {
645
646
  return cloneElement(Children.only(children), props);
646
647
  }).attrs({
647
648
  'data-garden-id': COMPONENT_ID,
648
- 'data-garden-version': '8.40.1'
649
+ 'data-garden-version': '8.41.0'
649
650
  }).withConfig({
650
651
  displayName: "StyledItemIcon",
651
652
  componentId: "sc-vz2l6e-0"
@@ -811,7 +812,7 @@ Label$1.propTypes = {
811
812
  };
812
813
 
813
814
  var Content$1 = forwardRef(function (props, ref) {
814
- var contentRef = useCombinedRefs(ref);
815
+ var contentRef = useRef();
815
816
  var _useStepperContext = useStepperContext(),
816
817
  activeIndex = _useStepperContext.activeIndex,
817
818
  isHorizontal = _useStepperContext.isHorizontal;
@@ -835,7 +836,7 @@ var Content$1 = forwardRef(function (props, ref) {
835
836
  return undefined;
836
837
  }, [isActive, isHorizontal, props.children, updateMaxHeight]);
837
838
  return isHorizontal === false ? React__default.createElement(StyledContent, _extends$3({
838
- ref: contentRef,
839
+ ref: mergeRefs([contentRef, ref]),
839
840
  isActive: isActive
840
841
  }, props), React__default.createElement(StyledInnerContent, {
841
842
  isActive: isActive
@@ -1018,7 +1019,7 @@ var Panel = forwardRef(function (props, ref) {
1018
1019
  isAnimated = _useAccordionContext.isAnimated,
1019
1020
  getPanelProps = _useAccordionContext.getPanelProps,
1020
1021
  expandedSections = _useAccordionContext.expandedSections;
1021
- var panelRef = useCombinedRefs(ref);
1022
+ var panelRef = useRef();
1022
1023
  var index = useSectionContext();
1023
1024
  var isExpanded = expandedSections.includes(index);
1024
1025
  var updateMaxHeight = useCallback(debounce(function () {
@@ -1039,7 +1040,7 @@ var Panel = forwardRef(function (props, ref) {
1039
1040
  }, [isAnimated, isExpanded, updateMaxHeight, props.children]);
1040
1041
  return React__default.createElement(StyledPanel, getPanelProps(_objectSpread2({
1041
1042
  role: null,
1042
- ref: panelRef,
1043
+ ref: mergeRefs([panelRef, ref]),
1043
1044
  index: index,
1044
1045
  isBare: isBare,
1045
1046
  isCompact: isCompact,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-accordions",
3
- "version": "8.40.1",
3
+ "version": "8.41.0",
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>",
@@ -25,7 +25,8 @@
25
25
  "@zendeskgarden/container-utilities": "^0.6.0",
26
26
  "lodash.debounce": "^4.0.8",
27
27
  "polished": "^4.0.0",
28
- "prop-types": "^15.5.7"
28
+ "prop-types": "^15.5.7",
29
+ "react-merge-refs": "^1.1.0"
29
30
  },
30
31
  "peerDependencies": {
31
32
  "@zendeskgarden/react-theming": "^8.1.0",
@@ -35,7 +36,7 @@
35
36
  },
36
37
  "devDependencies": {
37
38
  "@types/lodash.debounce": "4.0.6",
38
- "@zendeskgarden/react-theming": "^8.40.1",
39
+ "@zendeskgarden/react-theming": "^8.41.0",
39
40
  "@zendeskgarden/svg-icons": "6.30.2"
40
41
  },
41
42
  "keywords": [
@@ -49,5 +50,5 @@
49
50
  "access": "public"
50
51
  },
51
52
  "zendeskgarden:src": "src/index.ts",
52
- "gitHead": "7feeb65e934f41f48757fcd3bd0d36287b893fae"
53
+ "gitHead": "723c0bf1f98b1fcc0de3f7c005fbbfa5005a2fa9"
53
54
  }