@zendeskgarden/react-accordions 8.47.1 → 8.47.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.
package/dist/index.cjs.js CHANGED
@@ -30,14 +30,12 @@ function _interopNamespace(e) {
30
30
  var d = Object.getOwnPropertyDescriptor(e, k);
31
31
  Object.defineProperty(n, k, d.get ? d : {
32
32
  enumerable: true,
33
- get: function () {
34
- return e[k];
35
- }
33
+ get: function () { return e[k]; }
36
34
  });
37
35
  }
38
36
  });
39
37
  }
40
- n['default'] = e;
38
+ n["default"] = e;
41
39
  return Object.freeze(n);
42
40
  }
43
41
 
@@ -53,14 +51,9 @@ function ownKeys(object, enumerableOnly) {
53
51
 
54
52
  if (Object.getOwnPropertySymbols) {
55
53
  var symbols = Object.getOwnPropertySymbols(object);
56
-
57
- if (enumerableOnly) {
58
- symbols = symbols.filter(function (sym) {
59
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
60
- });
61
- }
62
-
63
- keys.push.apply(keys, symbols);
54
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
55
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
56
+ })), keys.push.apply(keys, symbols);
64
57
  }
65
58
 
66
59
  return keys;
@@ -68,19 +61,12 @@ function ownKeys(object, enumerableOnly) {
68
61
 
69
62
  function _objectSpread2(target) {
70
63
  for (var i = 1; i < arguments.length; i++) {
71
- var source = arguments[i] != null ? arguments[i] : {};
72
-
73
- if (i % 2) {
74
- ownKeys(Object(source), true).forEach(function (key) {
75
- _defineProperty(target, key, source[key]);
76
- });
77
- } else if (Object.getOwnPropertyDescriptors) {
78
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
79
- } else {
80
- ownKeys(Object(source)).forEach(function (key) {
81
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
82
- });
83
- }
64
+ var source = null != arguments[i] ? arguments[i] : {};
65
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
66
+ _defineProperty(target, key, source[key]);
67
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
68
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
69
+ });
84
70
  }
85
71
 
86
72
  return target;
@@ -227,9 +213,9 @@ var sizeStyles$1 = function sizeStyles(props) {
227
213
  var marginVertical = space.base * 3;
228
214
  return styled.css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft);
229
215
  };
230
- var StyledContent = styled__default['default'].div.attrs({
216
+ var StyledContent = styled__default["default"].div.attrs({
231
217
  'data-garden-id': COMPONENT_ID$k,
232
- 'data-garden-version': '8.47.1'
218
+ 'data-garden-version': '8.47.2'
233
219
  }).withConfig({
234
220
  displayName: "StyledContent",
235
221
  componentId: "sc-mazvvo-0"
@@ -243,9 +229,9 @@ StyledContent.defaultProps = {
243
229
  };
244
230
 
245
231
  var COMPONENT_ID$j = 'accordions.step_line';
246
- var StyledLine = styled__default['default'].div.attrs({
232
+ var StyledLine = styled__default["default"].div.attrs({
247
233
  'data-garden-id': COMPONENT_ID$j,
248
- 'data-garden-version': '8.47.1'
234
+ 'data-garden-version': '8.47.2'
249
235
  }).withConfig({
250
236
  displayName: "StyledLine",
251
237
  componentId: "sc-1gkpjbr-0"
@@ -265,9 +251,9 @@ StyledLine.defaultProps = {
265
251
  };
266
252
 
267
253
  var COMPONENT_ID$i = 'accordions.step';
268
- var StyledStep = styled__default['default'].li.attrs({
254
+ var StyledStep = styled__default["default"].li.attrs({
269
255
  'data-garden-id': COMPONENT_ID$i,
270
- 'data-garden-version': '8.47.1'
256
+ 'data-garden-version': '8.47.2'
271
257
  }).withConfig({
272
258
  displayName: "StyledStep",
273
259
  componentId: "sc-12fiwtz-0"
@@ -295,9 +281,9 @@ StyledStep.defaultProps = {
295
281
  };
296
282
 
297
283
  var COMPONENT_ID$h = 'accordions.step_inner_content';
298
- var StyledInnerContent = styled__default['default'].div.attrs({
284
+ var StyledInnerContent = styled__default["default"].div.attrs({
299
285
  'data-garden-id': COMPONENT_ID$h,
300
- 'data-garden-version': '8.47.1'
286
+ 'data-garden-version': '8.47.2'
301
287
  }).withConfig({
302
288
  displayName: "StyledInnerContent",
303
289
  componentId: "sc-1xs9fh7-0"
@@ -317,9 +303,9 @@ StyledInnerContent.defaultProps = {
317
303
  };
318
304
 
319
305
  var COMPONENT_ID$g = 'accordions.stepper';
320
- var StyledStepper = styled__default['default'].ol.attrs({
306
+ var StyledStepper = styled__default["default"].ol.attrs({
321
307
  'data-garden-id': COMPONENT_ID$g,
322
- 'data-garden-version': '8.47.1'
308
+ 'data-garden-version': '8.47.2'
323
309
  }).withConfig({
324
310
  displayName: "StyledStepper",
325
311
  componentId: "sc-dsxw0f-0"
@@ -333,7 +319,7 @@ StyledStepper.defaultProps = {
333
319
  };
334
320
 
335
321
  var COMPONENT_ID$f = 'accordions.step_icon';
336
- var StyledIconFlexContainer = styled__default['default'].div.withConfig({
322
+ var StyledIconFlexContainer = styled__default["default"].div.withConfig({
337
323
  displayName: "StyledIcon__StyledIconFlexContainer",
338
324
  componentId: "sc-v20nz9-0"
339
325
  })(["display:flex;flex-basis:100%;justify-content:center;width:100%;"]);
@@ -345,9 +331,9 @@ var sizeStyles = function sizeStyles(props) {
345
331
  var colorStyles$2 = function colorStyles(props) {
346
332
  return styled.css(["background:", ";color:", ";"], props.isActive ? reactTheming.getColor('neutralHue', 600, props.theme) : reactTheming.getColor('neutralHue', 200, props.theme), props.isActive ? props.theme.colors.background : props.theme.colors.foreground);
347
333
  };
348
- var StyledIcon = styled__default['default'].div.attrs({
334
+ var StyledIcon = styled__default["default"].div.attrs({
349
335
  'data-garden-id': COMPONENT_ID$f,
350
- 'data-garden-version': '8.47.1'
336
+ 'data-garden-version': '8.47.2'
351
337
  }).withConfig({
352
338
  displayName: "StyledIcon",
353
339
  componentId: "sc-v20nz9-1"
@@ -362,9 +348,9 @@ StyledIcon.defaultProps = {
362
348
  };
363
349
 
364
350
  var COMPONENT_ID$e = 'accordions.step_label';
365
- var StyledLabel = styled__default['default'].div.attrs({
351
+ var StyledLabel = styled__default["default"].div.attrs({
366
352
  'data-garden-id': COMPONENT_ID$e,
367
- 'data-garden-version': '8.47.1'
353
+ 'data-garden-version': '8.47.2'
368
354
  }).withConfig({
369
355
  displayName: "StyledLabel",
370
356
  componentId: "sc-1o82llj-0"
@@ -390,9 +376,9 @@ StyledLabel.defaultProps = {
390
376
  };
391
377
 
392
378
  var COMPONENT_ID$d = 'accordions.step_label_text';
393
- var StyledLabelText = styled__default['default'].div.attrs({
379
+ var StyledLabelText = styled__default["default"].div.attrs({
394
380
  'data-garden-id': COMPONENT_ID$d,
395
- 'data-garden-version': '8.47.1'
381
+ 'data-garden-version': '8.47.2'
396
382
  }).withConfig({
397
383
  displayName: "StyledLabelText",
398
384
  componentId: "sc-111m5zo-0"
@@ -408,9 +394,9 @@ StyledLabelText.defaultProps = {
408
394
  };
409
395
 
410
396
  var COMPONENT_ID$c = 'accordions.accordion';
411
- var StyledAccordion = styled__default['default'].div.attrs({
397
+ var StyledAccordion = styled__default["default"].div.attrs({
412
398
  'data-garden-id': COMPONENT_ID$c,
413
- 'data-garden-version': '8.47.1'
399
+ 'data-garden-version': '8.47.2'
414
400
  }).withConfig({
415
401
  displayName: "StyledAccordion",
416
402
  componentId: "sc-niv9ic-0"
@@ -438,9 +424,9 @@ var paddingStyles = function paddingStyles(props) {
438
424
  }
439
425
  return styled.css(["transition:", ";padding:", "px ", "px ", "px;"], props.isAnimated && 'padding 0.25s ease-in-out', paddingTop, paddingHorizontal, paddingBottom);
440
426
  };
441
- var StyledPanel = styled__default['default'].section.attrs({
427
+ var StyledPanel = styled__default["default"].section.attrs({
442
428
  'data-garden-id': COMPONENT_ID$b,
443
- 'data-garden-version': '8.47.1'
429
+ 'data-garden-version': '8.47.2'
444
430
  }).withConfig({
445
431
  displayName: "StyledPanel",
446
432
  componentId: "sc-1piryze-0"
@@ -455,9 +441,9 @@ StyledPanel.defaultProps = {
455
441
  };
456
442
 
457
443
  var COMPONENT_ID$a = 'accordions.section';
458
- var StyledSection = styled__default['default'].div.attrs({
444
+ var StyledSection = styled__default["default"].div.attrs({
459
445
  'data-garden-id': COMPONENT_ID$a,
460
- 'data-garden-version': '8.47.1'
446
+ 'data-garden-version': '8.47.2'
461
447
  }).withConfig({
462
448
  displayName: "StyledSection",
463
449
  componentId: "sc-v2t9bd-0"
@@ -469,9 +455,9 @@ StyledSection.defaultProps = {
469
455
  };
470
456
 
471
457
  var COMPONENT_ID$9 = 'accordions.header';
472
- var StyledHeader = styled__default['default'].div.attrs({
458
+ var StyledHeader = styled__default["default"].div.attrs({
473
459
  'data-garden-id': COMPONENT_ID$9,
474
- 'data-garden-version': '8.47.1'
460
+ 'data-garden-version': '8.47.2'
475
461
  }).withConfig({
476
462
  displayName: "StyledHeader",
477
463
  componentId: "sc-2c6rbr-0"
@@ -497,9 +483,9 @@ var colorStyles$1 = function colorStyles(props) {
497
483
  }
498
484
  return styled.css(["color:", ";&:hover{cursor:", ";color:", ";}"], color, showColor && 'pointer', showColor && color);
499
485
  };
500
- var StyledButton = styled__default['default'].button.attrs({
486
+ var StyledButton = styled__default["default"].button.attrs({
501
487
  'data-garden-id': COMPONENT_ID$8,
502
- 'data-garden-version': '8.47.1'
488
+ 'data-garden-version': '8.47.2'
503
489
  }).withConfig({
504
490
  displayName: "StyledButton",
505
491
  componentId: "sc-xj3hy7-0"
@@ -523,9 +509,9 @@ StyledButton.defaultProps = {
523
509
  };
524
510
 
525
511
  var COMPONENT_ID$7 = 'accordions.step_inner_panel';
526
- var StyledInnerPanel = styled__default['default'].div.attrs({
512
+ var StyledInnerPanel = styled__default["default"].div.attrs({
527
513
  'data-garden-id': COMPONENT_ID$7,
528
- 'data-garden-version': '8.47.1'
514
+ 'data-garden-version': '8.47.2'
529
515
  }).withConfig({
530
516
  displayName: "StyledInnerPanel",
531
517
  componentId: "sc-8nbueg-0"
@@ -555,7 +541,7 @@ var colorStyles = function colorStyles(props) {
555
541
  }
556
542
  return styled.css(["color:", ";&:hover{color:", ";}"], color, showColor && color);
557
543
  };
558
- var StyledRotateIcon = styled__default['default'](
544
+ var StyledRotateIcon = styled__default["default"](
559
545
  function (_ref) {
560
546
  var children = _ref.children;
561
547
  _ref.isRotated;
@@ -566,7 +552,7 @@ function (_ref) {
566
552
  return React.cloneElement(React.Children.only(children), props);
567
553
  }).attrs({
568
554
  'data-garden-id': COMPONENT_ID$6,
569
- 'data-garden-version': '8.47.1'
555
+ 'data-garden-version': '8.47.2'
570
556
  }).withConfig({
571
557
  displayName: "StyledRotateIcon",
572
558
  componentId: "sc-hp435q-0"
@@ -586,9 +572,9 @@ StyledRotateIcon.defaultProps = {
586
572
  };
587
573
 
588
574
  var COMPONENT_ID$5 = 'timeline';
589
- var StyledTimeline = styled__default['default'].ol.attrs({
575
+ var StyledTimeline = styled__default["default"].ol.attrs({
590
576
  'data-garden-id': COMPONENT_ID$5,
591
- 'data-garden-version': '8.47.1'
577
+ 'data-garden-version': '8.47.2'
592
578
  }).withConfig({
593
579
  displayName: "StyledTimeline",
594
580
  componentId: "sc-pig5kv-0"
@@ -600,9 +586,9 @@ StyledTimeline.defaultProps = {
600
586
  };
601
587
 
602
588
  var COMPONENT_ID$4 = 'timeline.content.separator';
603
- var StyledSeparator = styled__default['default'].div.attrs({
589
+ var StyledSeparator = styled__default["default"].div.attrs({
604
590
  'data-garden-id': COMPONENT_ID$4,
605
- 'data-garden-version': '8.47.1'
591
+ 'data-garden-version': '8.47.2'
606
592
  }).withConfig({
607
593
  displayName: "StyledSeparator",
608
594
  componentId: "sc-fki51e-0"
@@ -618,9 +604,9 @@ StyledSeparator.defaultProps = {
618
604
  };
619
605
 
620
606
  var COMPONENT_ID$3 = 'timeline.content';
621
- var StyledTimelineContent = styled__default['default'].div.attrs({
607
+ var StyledTimelineContent = styled__default["default"].div.attrs({
622
608
  'data-garden-id': COMPONENT_ID$3,
623
- 'data-garden-version': '8.47.1'
609
+ 'data-garden-version': '8.47.2'
624
610
  }).withConfig({
625
611
  displayName: "StyledContent__StyledTimelineContent",
626
612
  componentId: "sc-19phgu1-0"
@@ -634,9 +620,9 @@ StyledTimelineContent.defaultProps = {
634
620
  };
635
621
 
636
622
  var COMPONENT_ID$2 = 'timeline.opposite.content';
637
- var StyledOppositeContent = styled__default['default'].div.attrs({
623
+ var StyledOppositeContent = styled__default["default"].div.attrs({
638
624
  'data-garden-id': COMPONENT_ID$2,
639
- 'data-garden-version': '8.47.1'
625
+ 'data-garden-version': '8.47.2'
640
626
  }).withConfig({
641
627
  displayName: "StyledOppositeContent",
642
628
  componentId: "sc-jurh2k-0"
@@ -652,9 +638,9 @@ StyledOppositeContent.defaultProps = {
652
638
  };
653
639
 
654
640
  var COMPONENT_ID$1 = 'timeline.item';
655
- var StyledTimelineItem = styled__default['default'].li.attrs({
641
+ var StyledTimelineItem = styled__default["default"].li.attrs({
656
642
  'data-garden-id': COMPONENT_ID$1,
657
- 'data-garden-version': '8.47.1'
643
+ 'data-garden-version': '8.47.2'
658
644
  }).withConfig({
659
645
  displayName: "StyledItem__StyledTimelineItem",
660
646
  componentId: "sc-5mcnzm-0"
@@ -671,14 +657,14 @@ StyledTimelineItem.defaultProps = {
671
657
 
672
658
  var _excluded$5 = ["surfaceColor", "children"];
673
659
  var COMPONENT_ID = 'timeline.icon';
674
- var StyledItemIcon = styled__default['default'](function (_ref) {
660
+ var StyledItemIcon = styled__default["default"](function (_ref) {
675
661
  _ref.surfaceColor;
676
662
  var children = _ref.children,
677
663
  props = _objectWithoutProperties(_ref, _excluded$5);
678
664
  return React.cloneElement(React.Children.only(children), props);
679
665
  }).attrs({
680
666
  'data-garden-id': COMPONENT_ID,
681
- 'data-garden-version': '8.47.1'
667
+ 'data-garden-version': '8.47.2'
682
668
  }).withConfig({
683
669
  displayName: "StyledItemIcon",
684
670
  componentId: "sc-vz2l6e-0"
@@ -783,36 +769,36 @@ var Step = React.forwardRef(function (props, ref) {
783
769
  currentStepIndex: currentStepIndex
784
770
  };
785
771
  }, [currentStepIndex]);
786
- return React__default['default'].createElement(StepContext.Provider, {
772
+ return React__default["default"].createElement(StepContext.Provider, {
787
773
  value: value
788
- }, React__default['default'].createElement(StyledStep, _extends$3({
774
+ }, React__default["default"].createElement(StyledStep, _extends$3({
789
775
  ref: ref,
790
776
  isHorizontal: isHorizontal
791
- }, props), isHorizontal && React__default['default'].createElement(StyledLine, null), props.children));
777
+ }, props), isHorizontal && React__default["default"].createElement(StyledLine, null), props.children));
792
778
  });
793
779
  Step.displayName = 'Step';
794
780
 
795
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
781
+ var _path$1;
796
782
 
797
- var _ref$2 = /*#__PURE__*/React__namespace.createElement("path", {
798
- fill: "none",
799
- stroke: "currentColor",
800
- strokeLinecap: "round",
801
- strokeLinejoin: "round",
802
- strokeWidth: 1.25,
803
- d: "M3 9l3 3 7-7"
804
- });
783
+ function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
805
784
 
806
- function SvgCheckSmStroke(props) {
785
+ var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
807
786
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
808
787
  xmlns: "http://www.w3.org/2000/svg",
809
788
  width: 16,
810
789
  height: 16,
811
- viewBox: "0 0 16 16",
812
790
  focusable: "false",
813
- role: "presentation"
814
- }, props), _ref$2);
815
- }
791
+ viewBox: "0 0 16 16",
792
+ "aria-hidden": "true"
793
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
794
+ fill: "none",
795
+ stroke: "currentColor",
796
+ strokeLinecap: "round",
797
+ strokeLinejoin: "round",
798
+ strokeWidth: 1.25,
799
+ d: "M3 9l3 3 7-7"
800
+ })));
801
+ };
816
802
 
817
803
  var Label$1 = React.forwardRef(function (props, ref) {
818
804
  var _useStepContext = useStepContext(),
@@ -824,23 +810,23 @@ var Label$1 = React.forwardRef(function (props, ref) {
824
810
  var stepIcon = props.icon || numericStep;
825
811
  var isActive = activeIndex === currentStepIndex;
826
812
  var isCompleted = activeIndex > currentStepIndex;
827
- var styledIcon = React__default['default'].createElement(StyledIcon, {
813
+ var styledIcon = React__default["default"].createElement(StyledIcon, {
828
814
  isActive: isActive,
829
815
  isHorizontal: isHorizontal
830
- }, isCompleted ? React__default['default'].createElement(SvgCheckSmStroke, null) : stepIcon);
831
- return React__default['default'].createElement(StyledLabel, _extends$3({
816
+ }, isCompleted ? React__default["default"].createElement(SvgCheckSmStroke, null) : stepIcon);
817
+ return React__default["default"].createElement(StyledLabel, _extends$3({
832
818
  ref: ref,
833
819
  isActive: isActive,
834
820
  isHorizontal: isHorizontal
835
- }, props), isHorizontal ? React__default['default'].createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__default['default'].createElement(StyledLabelText, {
821
+ }, props), isHorizontal ? React__default["default"].createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__default["default"].createElement(StyledLabelText, {
836
822
  isHidden: props.isHidden,
837
823
  isHorizontal: isHorizontal
838
824
  }, props.children));
839
825
  });
840
826
  Label$1.displayName = 'Label';
841
827
  Label$1.propTypes = {
842
- icon: PropTypes__default['default'].node,
843
- isHidden: PropTypes__default['default'].bool
828
+ icon: PropTypes__default["default"].node,
829
+ isHidden: PropTypes__default["default"].bool
844
830
  };
845
831
 
846
832
  var Content$1 = React.forwardRef(function (props, ref) {
@@ -851,7 +837,7 @@ var Content$1 = React.forwardRef(function (props, ref) {
851
837
  var _useStepContext = useStepContext(),
852
838
  currentStepIndex = _useStepContext.currentStepIndex;
853
839
  var isActive = currentStepIndex === activeIndex;
854
- var updateMaxHeight = React.useCallback(debounce__default['default'](function () {
840
+ var updateMaxHeight = React.useCallback(debounce__default["default"](function () {
855
841
  if (contentRef.current) {
856
842
  var child = contentRef.current.children[0];
857
843
  child.style.maxHeight = "".concat(child.scrollHeight, "px");
@@ -867,10 +853,10 @@ var Content$1 = React.forwardRef(function (props, ref) {
867
853
  }
868
854
  return undefined;
869
855
  }, [isActive, isHorizontal, props.children, updateMaxHeight]);
870
- return isHorizontal === false ? React__default['default'].createElement(StyledContent, _extends$3({
871
- ref: mergeRefs__default['default']([contentRef, ref]),
856
+ return isHorizontal === false ? React__default["default"].createElement(StyledContent, _extends$3({
857
+ ref: mergeRefs__default["default"]([contentRef, ref]),
872
858
  isActive: isActive
873
- }, props), React__default['default'].createElement(StyledInnerContent, {
859
+ }, props), React__default["default"].createElement(StyledInnerContent, {
874
860
  isActive: isActive
875
861
  }, props.children)) : null;
876
862
  });
@@ -892,9 +878,9 @@ var Stepper = React.forwardRef(function (_ref, ref) {
892
878
  React.useEffect(function () {
893
879
  currentIndexRef.current = 0;
894
880
  });
895
- return React__default['default'].createElement(StepperContext.Provider, {
881
+ return React__default["default"].createElement(StepperContext.Provider, {
896
882
  value: stepperContext
897
- }, React__default['default'].createElement(StyledStepper, _extends$3({
883
+ }, React__default["default"].createElement(StyledStepper, _extends$3({
898
884
  ref: ref,
899
885
  isHorizontal: isHorizontal
900
886
  }, props)));
@@ -913,31 +899,31 @@ var Section = React.forwardRef(function (props, ref) {
913
899
  currentIndexRef = _useAccordionContext.currentIndexRef;
914
900
  var sectionIndexRef = React.useRef(currentIndexRef.current++);
915
901
  var sectionIndex = sectionIndexRef.current;
916
- return React__default['default'].createElement(SectionContext.Provider, {
902
+ return React__default["default"].createElement(SectionContext.Provider, {
917
903
  value: sectionIndex
918
- }, React__default['default'].createElement(StyledSection, _extends$3({
904
+ }, React__default["default"].createElement(StyledSection, _extends$3({
919
905
  ref: ref
920
906
  }, props)));
921
907
  });
922
908
  Section.displayName = 'Section';
923
909
 
924
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
910
+ var _path;
925
911
 
926
- var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
927
- fill: "currentColor",
928
- d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
929
- });
912
+ function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
930
913
 
931
- function SvgChevronDownStroke(props) {
914
+ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
932
915
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
933
916
  xmlns: "http://www.w3.org/2000/svg",
934
917
  width: 16,
935
918
  height: 16,
936
- viewBox: "0 0 16 16",
937
919
  focusable: "false",
938
- role: "presentation"
939
- }, props), _ref$1);
940
- }
920
+ viewBox: "0 0 16 16",
921
+ "aria-hidden": "true"
922
+ }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
923
+ fill: "currentColor",
924
+ d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
925
+ })));
926
+ };
941
927
 
942
928
  var _excluded$3 = ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseOut", "children"],
943
929
  _excluded2 = ["onClick", "onKeyDown"];
@@ -989,9 +975,9 @@ var Header = React.forwardRef(function (props, ref) {
989
975
  otherTriggerProps: otherTriggerProps
990
976
  };
991
977
  }, [isHovered, otherTriggerProps]);
992
- return React__default['default'].createElement(HeaderContext.Provider, {
978
+ return React__default["default"].createElement(HeaderContext.Provider, {
993
979
  value: value
994
- }, React__default['default'].createElement(StyledHeader, getHeaderProps(_objectSpread2({
980
+ }, React__default["default"].createElement(StyledHeader, getHeaderProps(_objectSpread2({
995
981
  ref: ref,
996
982
  ariaLevel: ariaLevel,
997
983
  isCompact: isCompact,
@@ -1009,7 +995,7 @@ var Header = React.forwardRef(function (props, ref) {
1009
995
  onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, function () {
1010
996
  return setIsHovered(false);
1011
997
  })
1012
- }, other)), children, React__default['default'].createElement(StyledRotateIcon, {
998
+ }, other)), children, React__default["default"].createElement(StyledRotateIcon, {
1013
999
  isCompact: isCompact,
1014
1000
  isHovered: isHovered,
1015
1001
  isRotated: isExpanded,
@@ -1020,7 +1006,7 @@ var Header = React.forwardRef(function (props, ref) {
1020
1006
  onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, function () {
1021
1007
  return setIsHovered(false);
1022
1008
  })
1023
- }, React__default['default'].createElement(SvgChevronDownStroke, null))));
1009
+ }, React__default["default"].createElement(SvgChevronDownStroke, null))));
1024
1010
  });
1025
1011
  Header.displayName = 'Header';
1026
1012
 
@@ -1034,7 +1020,7 @@ var Label = React.forwardRef(function (props, ref) {
1034
1020
  var _useHeaderContext = useHeaderContext(),
1035
1021
  isHovered = _useHeaderContext.isHovered,
1036
1022
  otherTriggerProps = _useHeaderContext.otherTriggerProps;
1037
- return React__default['default'].createElement(StyledButton, _extends$3({
1023
+ return React__default["default"].createElement(StyledButton, _extends$3({
1038
1024
  ref: ref,
1039
1025
  isCompact: isCompact,
1040
1026
  isHovered: isHovered,
@@ -1054,13 +1040,13 @@ var Panel = React.forwardRef(function (props, ref) {
1054
1040
  var panelRef = React.useRef();
1055
1041
  var index = useSectionContext();
1056
1042
  var isExpanded = expandedSections.includes(index);
1057
- var updateMaxHeight = React.useCallback(debounce__default['default'](function () {
1043
+ var updateMaxHeight = React.useCallback(debounce__default["default"](function () {
1058
1044
  if (panelRef.current) {
1059
1045
  var child = panelRef.current.children[0];
1060
1046
  child.style.maxHeight = "".concat(child.scrollHeight, "px");
1061
1047
  }
1062
1048
  }, 100), [panelRef]);
1063
- React__default['default'].useEffect(function () {
1049
+ React__default["default"].useEffect(function () {
1064
1050
  if (!isAnimated) {
1065
1051
  return undefined;
1066
1052
  }
@@ -1070,15 +1056,15 @@ var Panel = React.forwardRef(function (props, ref) {
1070
1056
  removeEventListener('resize', updateMaxHeight);
1071
1057
  };
1072
1058
  }, [isAnimated, isExpanded, updateMaxHeight, props.children]);
1073
- return React__default['default'].createElement(StyledPanel, getPanelProps(_objectSpread2({
1059
+ return React__default["default"].createElement(StyledPanel, getPanelProps(_objectSpread2({
1074
1060
  role: null,
1075
- ref: mergeRefs__default['default']([panelRef, ref]),
1061
+ ref: mergeRefs__default["default"]([panelRef, ref]),
1076
1062
  index: index,
1077
1063
  isBare: isBare,
1078
1064
  isCompact: isCompact,
1079
1065
  isExpanded: isExpanded,
1080
1066
  isAnimated: isAnimated
1081
- }, props)), React__default['default'].createElement(StyledInnerPanel, {
1067
+ }, props)), React__default["default"].createElement(StyledInnerPanel, {
1082
1068
  isExpanded: isExpanded,
1083
1069
  isAnimated: isAnimated
1084
1070
  }, props.children));
@@ -1126,9 +1112,9 @@ var Accordion = React.forwardRef(function (_ref, ref) {
1126
1112
  expandedSections: expandedSections
1127
1113
  };
1128
1114
  }, [level, isBare, isCompact, isAnimated, isCollapsible, getPanelProps, getHeaderProps, getTriggerProps, currentIndexRef, expandedSections]);
1129
- return React__default['default'].createElement(AccordionContext.Provider, {
1115
+ return React__default["default"].createElement(AccordionContext.Provider, {
1130
1116
  value: value
1131
- }, React__default['default'].createElement(StyledAccordion, _extends$3({
1117
+ }, React__default["default"].createElement(StyledAccordion, _extends$3({
1132
1118
  ref: ref
1133
1119
  }, props)));
1134
1120
  });
@@ -1170,9 +1156,9 @@ var Item = React.forwardRef(function (_ref, ref) {
1170
1156
  }
1171
1157
  }
1172
1158
  });
1173
- return React__default['default'].createElement(TimelineItemContext.Provider, {
1159
+ return React__default["default"].createElement(TimelineItemContext.Provider, {
1174
1160
  value: value
1175
- }, React__default['default'].createElement(StyledTimelineItem, _extends$3({
1161
+ }, React__default["default"].createElement(StyledTimelineItem, _extends$3({
1176
1162
  ref: ref,
1177
1163
  isAlternate: isAlternate,
1178
1164
  hasOppositeContent: hasOppositeContent
@@ -1180,41 +1166,41 @@ var Item = React.forwardRef(function (_ref, ref) {
1180
1166
  });
1181
1167
  Item.displayName = 'Item';
1182
1168
 
1183
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1169
+ var _circle;
1184
1170
 
1185
- var _ref = /*#__PURE__*/React__namespace.createElement("circle", {
1186
- cx: 6,
1187
- cy: 6,
1188
- r: 4.5,
1189
- fill: "none",
1190
- stroke: "currentColor"
1191
- });
1171
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1192
1172
 
1193
- function SvgCircleFullStroke(props) {
1173
+ var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
1194
1174
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
1195
1175
  xmlns: "http://www.w3.org/2000/svg",
1196
1176
  width: 12,
1197
1177
  height: 12,
1198
- viewBox: "0 0 12 12",
1199
1178
  focusable: "false",
1200
- role: "presentation"
1201
- }, props), _ref);
1202
- }
1179
+ viewBox: "0 0 12 12",
1180
+ "aria-hidden": "true"
1181
+ }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
1182
+ cx: 6,
1183
+ cy: 6,
1184
+ r: 4.5,
1185
+ fill: "none",
1186
+ stroke: "currentColor"
1187
+ })));
1188
+ };
1203
1189
 
1204
1190
  var Content = React.forwardRef(function (props, ref) {
1205
1191
  var _useTimelineItemConte = useTimelineItemContext(),
1206
1192
  icon = _useTimelineItemConte.icon,
1207
1193
  surfaceColor = _useTimelineItemConte.surfaceColor;
1208
- return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(StyledSeparator, null, React__default['default'].createElement(StyledItemIcon, {
1194
+ return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledSeparator, null, React__default["default"].createElement(StyledItemIcon, {
1209
1195
  surfaceColor: surfaceColor
1210
- }, icon || React__default['default'].createElement(SvgCircleFullStroke, null))), React__default['default'].createElement(StyledTimelineContent, _extends$3({
1196
+ }, icon || React__default["default"].createElement(SvgCircleFullStroke, null))), React__default["default"].createElement(StyledTimelineContent, _extends$3({
1211
1197
  ref: ref
1212
1198
  }, props)));
1213
1199
  });
1214
1200
  Content.displayName = 'Content';
1215
1201
 
1216
1202
  var OppositeContent = React.forwardRef(function (props, ref) {
1217
- return React__default['default'].createElement(StyledOppositeContent, _extends$3({
1203
+ return React__default["default"].createElement(StyledOppositeContent, _extends$3({
1218
1204
  ref: ref
1219
1205
  }, props));
1220
1206
  });
@@ -1229,9 +1215,9 @@ var Timeline = React.forwardRef(function (_ref, ref) {
1229
1215
  isAlternate: isAlternate
1230
1216
  };
1231
1217
  }, [isAlternate]);
1232
- return React__default['default'].createElement(TimelineContext.Provider, {
1218
+ return React__default["default"].createElement(TimelineContext.Provider, {
1233
1219
  value: value
1234
- }, React__default['default'].createElement(StyledTimeline, _extends$3({
1220
+ }, React__default["default"].createElement(StyledTimeline, _extends$3({
1235
1221
  ref: ref
1236
1222
  }, props)));
1237
1223
  });
package/dist/index.esm.js CHANGED
@@ -21,14 +21,9 @@ function ownKeys(object, enumerableOnly) {
21
21
 
22
22
  if (Object.getOwnPropertySymbols) {
23
23
  var symbols = Object.getOwnPropertySymbols(object);
24
-
25
- if (enumerableOnly) {
26
- symbols = symbols.filter(function (sym) {
27
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
28
- });
29
- }
30
-
31
- keys.push.apply(keys, symbols);
24
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
25
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
26
+ })), keys.push.apply(keys, symbols);
32
27
  }
33
28
 
34
29
  return keys;
@@ -36,19 +31,12 @@ function ownKeys(object, enumerableOnly) {
36
31
 
37
32
  function _objectSpread2(target) {
38
33
  for (var i = 1; i < arguments.length; i++) {
39
- var source = arguments[i] != null ? arguments[i] : {};
40
-
41
- if (i % 2) {
42
- ownKeys(Object(source), true).forEach(function (key) {
43
- _defineProperty(target, key, source[key]);
44
- });
45
- } else if (Object.getOwnPropertyDescriptors) {
46
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
- } else {
48
- ownKeys(Object(source)).forEach(function (key) {
49
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
- });
51
- }
34
+ var source = null != arguments[i] ? arguments[i] : {};
35
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
36
+ _defineProperty(target, key, source[key]);
37
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
38
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
39
+ });
52
40
  }
53
41
 
54
42
  return target;
@@ -197,7 +185,7 @@ var sizeStyles$1 = function sizeStyles(props) {
197
185
  };
198
186
  var StyledContent = styled.div.attrs({
199
187
  'data-garden-id': COMPONENT_ID$k,
200
- 'data-garden-version': '8.47.1'
188
+ 'data-garden-version': '8.47.2'
201
189
  }).withConfig({
202
190
  displayName: "StyledContent",
203
191
  componentId: "sc-mazvvo-0"
@@ -213,7 +201,7 @@ StyledContent.defaultProps = {
213
201
  var COMPONENT_ID$j = 'accordions.step_line';
214
202
  var StyledLine = styled.div.attrs({
215
203
  'data-garden-id': COMPONENT_ID$j,
216
- 'data-garden-version': '8.47.1'
204
+ 'data-garden-version': '8.47.2'
217
205
  }).withConfig({
218
206
  displayName: "StyledLine",
219
207
  componentId: "sc-1gkpjbr-0"
@@ -235,7 +223,7 @@ StyledLine.defaultProps = {
235
223
  var COMPONENT_ID$i = 'accordions.step';
236
224
  var StyledStep = styled.li.attrs({
237
225
  'data-garden-id': COMPONENT_ID$i,
238
- 'data-garden-version': '8.47.1'
226
+ 'data-garden-version': '8.47.2'
239
227
  }).withConfig({
240
228
  displayName: "StyledStep",
241
229
  componentId: "sc-12fiwtz-0"
@@ -265,7 +253,7 @@ StyledStep.defaultProps = {
265
253
  var COMPONENT_ID$h = 'accordions.step_inner_content';
266
254
  var StyledInnerContent = styled.div.attrs({
267
255
  'data-garden-id': COMPONENT_ID$h,
268
- 'data-garden-version': '8.47.1'
256
+ 'data-garden-version': '8.47.2'
269
257
  }).withConfig({
270
258
  displayName: "StyledInnerContent",
271
259
  componentId: "sc-1xs9fh7-0"
@@ -287,7 +275,7 @@ StyledInnerContent.defaultProps = {
287
275
  var COMPONENT_ID$g = 'accordions.stepper';
288
276
  var StyledStepper = styled.ol.attrs({
289
277
  'data-garden-id': COMPONENT_ID$g,
290
- 'data-garden-version': '8.47.1'
278
+ 'data-garden-version': '8.47.2'
291
279
  }).withConfig({
292
280
  displayName: "StyledStepper",
293
281
  componentId: "sc-dsxw0f-0"
@@ -315,7 +303,7 @@ var colorStyles$2 = function colorStyles(props) {
315
303
  };
316
304
  var StyledIcon = styled.div.attrs({
317
305
  'data-garden-id': COMPONENT_ID$f,
318
- 'data-garden-version': '8.47.1'
306
+ 'data-garden-version': '8.47.2'
319
307
  }).withConfig({
320
308
  displayName: "StyledIcon",
321
309
  componentId: "sc-v20nz9-1"
@@ -332,7 +320,7 @@ StyledIcon.defaultProps = {
332
320
  var COMPONENT_ID$e = 'accordions.step_label';
333
321
  var StyledLabel = styled.div.attrs({
334
322
  'data-garden-id': COMPONENT_ID$e,
335
- 'data-garden-version': '8.47.1'
323
+ 'data-garden-version': '8.47.2'
336
324
  }).withConfig({
337
325
  displayName: "StyledLabel",
338
326
  componentId: "sc-1o82llj-0"
@@ -360,7 +348,7 @@ StyledLabel.defaultProps = {
360
348
  var COMPONENT_ID$d = 'accordions.step_label_text';
361
349
  var StyledLabelText = styled.div.attrs({
362
350
  'data-garden-id': COMPONENT_ID$d,
363
- 'data-garden-version': '8.47.1'
351
+ 'data-garden-version': '8.47.2'
364
352
  }).withConfig({
365
353
  displayName: "StyledLabelText",
366
354
  componentId: "sc-111m5zo-0"
@@ -378,7 +366,7 @@ StyledLabelText.defaultProps = {
378
366
  var COMPONENT_ID$c = 'accordions.accordion';
379
367
  var StyledAccordion = styled.div.attrs({
380
368
  'data-garden-id': COMPONENT_ID$c,
381
- 'data-garden-version': '8.47.1'
369
+ 'data-garden-version': '8.47.2'
382
370
  }).withConfig({
383
371
  displayName: "StyledAccordion",
384
372
  componentId: "sc-niv9ic-0"
@@ -408,7 +396,7 @@ var paddingStyles = function paddingStyles(props) {
408
396
  };
409
397
  var StyledPanel = styled.section.attrs({
410
398
  'data-garden-id': COMPONENT_ID$b,
411
- 'data-garden-version': '8.47.1'
399
+ 'data-garden-version': '8.47.2'
412
400
  }).withConfig({
413
401
  displayName: "StyledPanel",
414
402
  componentId: "sc-1piryze-0"
@@ -425,7 +413,7 @@ StyledPanel.defaultProps = {
425
413
  var COMPONENT_ID$a = 'accordions.section';
426
414
  var StyledSection = styled.div.attrs({
427
415
  'data-garden-id': COMPONENT_ID$a,
428
- 'data-garden-version': '8.47.1'
416
+ 'data-garden-version': '8.47.2'
429
417
  }).withConfig({
430
418
  displayName: "StyledSection",
431
419
  componentId: "sc-v2t9bd-0"
@@ -439,7 +427,7 @@ StyledSection.defaultProps = {
439
427
  var COMPONENT_ID$9 = 'accordions.header';
440
428
  var StyledHeader = styled.div.attrs({
441
429
  'data-garden-id': COMPONENT_ID$9,
442
- 'data-garden-version': '8.47.1'
430
+ 'data-garden-version': '8.47.2'
443
431
  }).withConfig({
444
432
  displayName: "StyledHeader",
445
433
  componentId: "sc-2c6rbr-0"
@@ -467,7 +455,7 @@ var colorStyles$1 = function colorStyles(props) {
467
455
  };
468
456
  var StyledButton = styled.button.attrs({
469
457
  'data-garden-id': COMPONENT_ID$8,
470
- 'data-garden-version': '8.47.1'
458
+ 'data-garden-version': '8.47.2'
471
459
  }).withConfig({
472
460
  displayName: "StyledButton",
473
461
  componentId: "sc-xj3hy7-0"
@@ -493,7 +481,7 @@ StyledButton.defaultProps = {
493
481
  var COMPONENT_ID$7 = 'accordions.step_inner_panel';
494
482
  var StyledInnerPanel = styled.div.attrs({
495
483
  'data-garden-id': COMPONENT_ID$7,
496
- 'data-garden-version': '8.47.1'
484
+ 'data-garden-version': '8.47.2'
497
485
  }).withConfig({
498
486
  displayName: "StyledInnerPanel",
499
487
  componentId: "sc-8nbueg-0"
@@ -534,7 +522,7 @@ function (_ref) {
534
522
  return cloneElement(Children.only(children), props);
535
523
  }).attrs({
536
524
  'data-garden-id': COMPONENT_ID$6,
537
- 'data-garden-version': '8.47.1'
525
+ 'data-garden-version': '8.47.2'
538
526
  }).withConfig({
539
527
  displayName: "StyledRotateIcon",
540
528
  componentId: "sc-hp435q-0"
@@ -556,7 +544,7 @@ StyledRotateIcon.defaultProps = {
556
544
  var COMPONENT_ID$5 = 'timeline';
557
545
  var StyledTimeline = styled.ol.attrs({
558
546
  'data-garden-id': COMPONENT_ID$5,
559
- 'data-garden-version': '8.47.1'
547
+ 'data-garden-version': '8.47.2'
560
548
  }).withConfig({
561
549
  displayName: "StyledTimeline",
562
550
  componentId: "sc-pig5kv-0"
@@ -570,7 +558,7 @@ StyledTimeline.defaultProps = {
570
558
  var COMPONENT_ID$4 = 'timeline.content.separator';
571
559
  var StyledSeparator = styled.div.attrs({
572
560
  'data-garden-id': COMPONENT_ID$4,
573
- 'data-garden-version': '8.47.1'
561
+ 'data-garden-version': '8.47.2'
574
562
  }).withConfig({
575
563
  displayName: "StyledSeparator",
576
564
  componentId: "sc-fki51e-0"
@@ -588,7 +576,7 @@ StyledSeparator.defaultProps = {
588
576
  var COMPONENT_ID$3 = 'timeline.content';
589
577
  var StyledTimelineContent = styled.div.attrs({
590
578
  'data-garden-id': COMPONENT_ID$3,
591
- 'data-garden-version': '8.47.1'
579
+ 'data-garden-version': '8.47.2'
592
580
  }).withConfig({
593
581
  displayName: "StyledContent__StyledTimelineContent",
594
582
  componentId: "sc-19phgu1-0"
@@ -604,7 +592,7 @@ StyledTimelineContent.defaultProps = {
604
592
  var COMPONENT_ID$2 = 'timeline.opposite.content';
605
593
  var StyledOppositeContent = styled.div.attrs({
606
594
  'data-garden-id': COMPONENT_ID$2,
607
- 'data-garden-version': '8.47.1'
595
+ 'data-garden-version': '8.47.2'
608
596
  }).withConfig({
609
597
  displayName: "StyledOppositeContent",
610
598
  componentId: "sc-jurh2k-0"
@@ -622,7 +610,7 @@ StyledOppositeContent.defaultProps = {
622
610
  var COMPONENT_ID$1 = 'timeline.item';
623
611
  var StyledTimelineItem = styled.li.attrs({
624
612
  'data-garden-id': COMPONENT_ID$1,
625
- 'data-garden-version': '8.47.1'
613
+ 'data-garden-version': '8.47.2'
626
614
  }).withConfig({
627
615
  displayName: "StyledItem__StyledTimelineItem",
628
616
  componentId: "sc-5mcnzm-0"
@@ -646,7 +634,7 @@ var StyledItemIcon = styled(function (_ref) {
646
634
  return cloneElement(Children.only(children), props);
647
635
  }).attrs({
648
636
  'data-garden-id': COMPONENT_ID,
649
- 'data-garden-version': '8.47.1'
637
+ 'data-garden-version': '8.47.2'
650
638
  }).withConfig({
651
639
  displayName: "StyledItemIcon",
652
640
  componentId: "sc-vz2l6e-0"
@@ -760,27 +748,27 @@ var Step = forwardRef(function (props, ref) {
760
748
  });
761
749
  Step.displayName = 'Step';
762
750
 
763
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
751
+ var _path$1;
764
752
 
765
- var _ref$2 = /*#__PURE__*/React.createElement("path", {
766
- fill: "none",
767
- stroke: "currentColor",
768
- strokeLinecap: "round",
769
- strokeLinejoin: "round",
770
- strokeWidth: 1.25,
771
- d: "M3 9l3 3 7-7"
772
- });
753
+ function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
773
754
 
774
- function SvgCheckSmStroke(props) {
755
+ var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
775
756
  return /*#__PURE__*/React.createElement("svg", _extends$2({
776
757
  xmlns: "http://www.w3.org/2000/svg",
777
758
  width: 16,
778
759
  height: 16,
779
- viewBox: "0 0 16 16",
780
760
  focusable: "false",
781
- role: "presentation"
782
- }, props), _ref$2);
783
- }
761
+ viewBox: "0 0 16 16",
762
+ "aria-hidden": "true"
763
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
764
+ fill: "none",
765
+ stroke: "currentColor",
766
+ strokeLinecap: "round",
767
+ strokeLinejoin: "round",
768
+ strokeWidth: 1.25,
769
+ d: "M3 9l3 3 7-7"
770
+ })));
771
+ };
784
772
 
785
773
  var Label$1 = forwardRef(function (props, ref) {
786
774
  var _useStepContext = useStepContext(),
@@ -889,23 +877,23 @@ var Section = forwardRef(function (props, ref) {
889
877
  });
890
878
  Section.displayName = 'Section';
891
879
 
892
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
880
+ var _path;
893
881
 
894
- var _ref$1 = /*#__PURE__*/React.createElement("path", {
895
- fill: "currentColor",
896
- d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
897
- });
882
+ function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
898
883
 
899
- function SvgChevronDownStroke(props) {
884
+ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
900
885
  return /*#__PURE__*/React.createElement("svg", _extends$1({
901
886
  xmlns: "http://www.w3.org/2000/svg",
902
887
  width: 16,
903
888
  height: 16,
904
- viewBox: "0 0 16 16",
905
889
  focusable: "false",
906
- role: "presentation"
907
- }, props), _ref$1);
908
- }
890
+ viewBox: "0 0 16 16",
891
+ "aria-hidden": "true"
892
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
893
+ fill: "currentColor",
894
+ d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
895
+ })));
896
+ };
909
897
 
910
898
  var _excluded$3 = ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseOut", "children"],
911
899
  _excluded2 = ["onClick", "onKeyDown"];
@@ -1148,26 +1136,26 @@ var Item = forwardRef(function (_ref, ref) {
1148
1136
  });
1149
1137
  Item.displayName = 'Item';
1150
1138
 
1151
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1139
+ var _circle;
1152
1140
 
1153
- var _ref = /*#__PURE__*/React.createElement("circle", {
1154
- cx: 6,
1155
- cy: 6,
1156
- r: 4.5,
1157
- fill: "none",
1158
- stroke: "currentColor"
1159
- });
1141
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1160
1142
 
1161
- function SvgCircleFullStroke(props) {
1143
+ var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
1162
1144
  return /*#__PURE__*/React.createElement("svg", _extends({
1163
1145
  xmlns: "http://www.w3.org/2000/svg",
1164
1146
  width: 12,
1165
1147
  height: 12,
1166
- viewBox: "0 0 12 12",
1167
1148
  focusable: "false",
1168
- role: "presentation"
1169
- }, props), _ref);
1170
- }
1149
+ viewBox: "0 0 12 12",
1150
+ "aria-hidden": "true"
1151
+ }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
1152
+ cx: 6,
1153
+ cy: 6,
1154
+ r: 4.5,
1155
+ fill: "none",
1156
+ stroke: "currentColor"
1157
+ })));
1158
+ };
1171
1159
 
1172
1160
  var Content = forwardRef(function (props, ref) {
1173
1161
  var _useTimelineItemConte = useTimelineItemContext(),
@@ -15,7 +15,7 @@ interface IStaticAccordionExport<T, P> extends ForwardRefExoticComponent<PropsWi
15
15
  Label: typeof Label;
16
16
  Panel: typeof Panel;
17
17
  }
18
- interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
18
+ export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
19
19
  /** Sets `aria-level` heading rank in the document structure */
20
20
  level: number;
21
21
  /** Sets the expanded sections in a controlled accordion */
@@ -13,7 +13,7 @@ interface IStaticStepperExport<T, P> extends ForwardRefExoticComponent<PropsWith
13
13
  Label: typeof Label;
14
14
  Content: typeof Content;
15
15
  }
16
- interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
16
+ export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
17
17
  /** Defines the currently active step, starting at 0 */
18
18
  activeIndex?: number;
19
19
  /** Applies horizontal layout styling */
@@ -5,7 +5,9 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  export { Stepper } from './elements/stepper/Stepper';
8
+ export type { IStepperProps } from './elements/stepper/Stepper';
8
9
  export { Accordion } from './elements/accordion/Accordion';
10
+ export type { IAccordionProps } from './elements/accordion/Accordion';
9
11
  export { Timeline } from './elements/timeline/Timeline';
10
12
  export type { ITimelineProps } from './elements/timeline/Timeline';
11
13
  export type { IItem } from './elements/timeline/components/Item';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-accordions",
3
- "version": "8.47.1",
3
+ "version": "8.47.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>",
@@ -22,7 +22,7 @@
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-accordion": "^1.0.3",
25
- "@zendeskgarden/container-utilities": "^0.6.0",
25
+ "@zendeskgarden/container-utilities": "^0.7.0",
26
26
  "lodash.debounce": "^4.0.8",
27
27
  "polished": "^4.0.0",
28
28
  "prop-types": "^15.5.7",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/lodash.debounce": "4.0.6",
39
- "@zendeskgarden/react-theming": "^8.47.1",
39
+ "@zendeskgarden/react-theming": "^8.47.2",
40
40
  "@zendeskgarden/svg-icons": "6.30.2"
41
41
  },
42
42
  "keywords": [
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "zendeskgarden:src": "src/index.ts",
53
- "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
53
+ "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
54
54
  }