@zendeskgarden/react-accordions 8.62.1 → 8.63.0

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var containerAccordion = require('@zendeskgarden/container-accordion');
 var styled = require('styled-components');
@@ -19,7 +17,7 @@ var debounce = require('lodash.debounce');
 var mergeRefs = require('react-merge-refs');
 var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -35,16 +33,15 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var debounce__default = /*#__PURE__*/_interopDefault(debounce);
+var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 
 function _extends$3() {
   _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
@@ -75,9 +72,9 @@ const sizeStyles$1 = props => {
   const marginVertical = space.base * 3;
   return styled.css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft);
 };
-const StyledContent = styled__default["default"].div.attrs({
+const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -87,9 +84,9 @@ StyledContent.defaultProps = {
 };
 
 const COMPONENT_ID$j = 'accordions.step_line';
-const StyledLine = styled__default["default"].div.attrs({
+const StyledLine = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -99,9 +96,9 @@ StyledLine.defaultProps = {
 };
 
 const COMPONENT_ID$i = 'accordions.step';
-const StyledStep = styled__default["default"].li.attrs({
+const StyledStep = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -111,9 +108,9 @@ StyledStep.defaultProps = {
 };
 
 const COMPONENT_ID$h = 'accordions.step_inner_content';
-const StyledInnerContent = styled__default["default"].div.attrs({
+const StyledInnerContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -123,9 +120,9 @@ StyledInnerContent.defaultProps = {
 };
 
 const COMPONENT_ID$g = 'accordions.stepper';
-const StyledStepper = styled__default["default"].ol.attrs({
+const StyledStepper = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -135,7 +132,7 @@ StyledStepper.defaultProps = {
 };
 
 const COMPONENT_ID$f = 'accordions.step_icon';
-const StyledIconFlexContainer = styled__default["default"].div.withConfig({
+const StyledIconFlexContainer = styled__default.default.div.withConfig({
   displayName: "StyledIcon__StyledIconFlexContainer",
   componentId: "sc-v20nz9-0"
 })(["display:flex;flex-basis:100%;justify-content:center;width:100%;"]);
@@ -147,9 +144,9 @@ const sizeStyles = props => {
 const colorStyles$2 = props => {
   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);
 };
-const StyledIcon = styled__default["default"].div.attrs({
+const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -162,9 +159,9 @@ StyledIcon.defaultProps = {
 };
 
 const COMPONENT_ID$e = 'accordions.step_label';
-const StyledLabel = styled__default["default"].div.attrs({
+const StyledLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -174,9 +171,9 @@ StyledLabel.defaultProps = {
 };
 
 const COMPONENT_ID$d = 'accordions.step_label_text';
-const StyledLabelText = styled__default["default"].div.attrs({
+const StyledLabelText = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -186,9 +183,9 @@ StyledLabelText.defaultProps = {
 };
 
 const COMPONENT_ID$c = 'accordions.accordion';
-const StyledAccordion = styled__default["default"].div.attrs({
+const StyledAccordion = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -216,9 +213,9 @@ const paddingStyles = props => {
   }
   return styled.css(["transition:", ";padding:", "px ", "px ", "px;"], props.isAnimated && 'padding 0.25s ease-in-out', paddingTop, paddingHorizontal, paddingBottom);
 };
-const StyledPanel = styled__default["default"].section.attrs({
+const StyledPanel = styled__default.default.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -229,9 +226,9 @@ StyledPanel.defaultProps = {
 };
 
 const COMPONENT_ID$a = 'accordions.section';
-const StyledSection = styled__default["default"].div.attrs({
+const StyledSection = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -241,9 +238,9 @@ StyledSection.defaultProps = {
 };
 
 const COMPONENT_ID$9 = 'accordions.header';
-const StyledHeader = styled__default["default"].div.attrs({
+const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -261,9 +258,9 @@ const colorStyles$1 = props => {
   }
   return styled.css(["color:", ";&:hover{cursor:", ";color:", ";}"], color, showColor && 'pointer', showColor && color);
 };
-const StyledButton = styled__default["default"].button.attrs({
+const StyledButton = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -273,9 +270,9 @@ StyledButton.defaultProps = {
 };
 
 const COMPONENT_ID$7 = 'accordions.step_inner_panel';
-const StyledInnerPanel = styled__default["default"].div.attrs({
+const StyledInnerPanel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -294,7 +291,7 @@ const colorStyles = props => {
   }
   return styled.css(["color:", ";&:hover{color:", ";}"], color, showColor && color);
 };
-const StyledRotateIcon = styled__default["default"](
+const StyledRotateIcon = styled__default.default(
 _ref => {
   let {
     children,
@@ -307,7 +304,7 @@ _ref => {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -317,9 +314,9 @@ StyledRotateIcon.defaultProps = {
 };
 
 const COMPONENT_ID$5 = 'timeline';
-const StyledTimeline = styled__default["default"].ol.attrs({
+const StyledTimeline = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -329,9 +326,9 @@ StyledTimeline.defaultProps = {
 };
 
 const COMPONENT_ID$4 = 'timeline.content.separator';
-const StyledSeparator = styled__default["default"].div.attrs({
+const StyledSeparator = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -341,9 +338,9 @@ StyledSeparator.defaultProps = {
 };
 
 const COMPONENT_ID$3 = 'timeline.content';
-const StyledTimelineContent = styled__default["default"].div.attrs({
+const StyledTimelineContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -353,9 +350,9 @@ StyledTimelineContent.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'timeline.opposite.content';
-const StyledOppositeContent = styled__default["default"].div.attrs({
+const StyledOppositeContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -365,9 +362,9 @@ StyledOppositeContent.defaultProps = {
 };
 
 const COMPONENT_ID$1 = 'timeline.item';
-const StyledTimelineItem = styled__default["default"].li.attrs({
+const StyledTimelineItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -377,7 +374,7 @@ StyledTimelineItem.defaultProps = {
 };
 
 const COMPONENT_ID = 'timeline.icon';
-const StyledItemIcon = styled__default["default"](_ref => {
+const StyledItemIcon = styled__default.default(_ref => {
   let {
     surfaceColor,
     children,
@@ -386,7 +383,7 @@ const StyledItemIcon = styled__default["default"](_ref => {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -464,9 +461,9 @@ const SectionComponent = React.forwardRef((props, ref) => {
   } = useAccordionContext();
   const sectionIndexRef = React.useRef(currentIndexRef.current++);
   const sectionIndex = sectionIndexRef.current;
-  return React__default["default"].createElement(SectionContext.Provider, {
+  return React__namespace.default.createElement(SectionContext.Provider, {
     value: sectionIndex
-  }, React__default["default"].createElement(StyledSection, _extends$3({
+  }, React__namespace.default.createElement(StyledSection, _extends$3({
     ref: ref
   }, props)));
 });
@@ -474,9 +471,7 @@ SectionComponent.displayName = 'Accordion.Section';
 const Section = SectionComponent;
 
 var _path$1;
-
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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); }
-
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -484,8 +479,7 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     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"
@@ -536,9 +530,9 @@ const HeaderComponent = React.forwardRef((props, ref) => {
     isHovered,
     otherTriggerProps
   }), [isHovered, otherTriggerProps]);
-  return React__default["default"].createElement(HeaderContext.Provider, {
+  return React__namespace.default.createElement(HeaderContext.Provider, {
     value: value
-  }, React__default["default"].createElement(StyledHeader, getHeaderProps({
+  }, React__namespace.default.createElement(StyledHeader, getHeaderProps({
     ref,
     ariaLevel,
     isCompact,
@@ -551,14 +545,14 @@ const HeaderComponent = React.forwardRef((props, ref) => {
     onMouseOver: containerUtilities.composeEventHandlers(onMouseOver, () => setIsHovered(true)),
     onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, () => setIsHovered(false)),
     ...other
-  }), children, React__default["default"].createElement(StyledRotateIcon, {
+  }), children, React__namespace.default.createElement(StyledRotateIcon, {
     isCompact: isCompact,
     isHovered: isHovered,
     isRotated: isExpanded,
     isCollapsible: isCollapsible,
     onMouseOver: containerUtilities.composeEventHandlers(onMouseOver, () => setIsHovered(true)),
     onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, () => setIsHovered(false))
-  }, React__default["default"].createElement(SvgChevronDownStroke, null))));
+  }, React__namespace.default.createElement(SvgChevronDownStroke, null))));
 });
 HeaderComponent.displayName = 'Accordion.Header';
 const Header = HeaderComponent;
@@ -575,7 +569,7 @@ const LabelComponent$1 = React.forwardRef((props, ref) => {
     isHovered,
     otherTriggerProps
   } = useHeaderContext();
-  return React__default["default"].createElement(StyledButton, _extends$3({
+  return React__namespace.default.createElement(StyledButton, _extends$3({
     ref: ref,
     isCompact: isCompact,
     isHovered: isHovered,
@@ -604,7 +598,7 @@ const PanelComponent = React.forwardRef((props, ref) => {
       return undefined;
     }
     if (environment) {
-      const updateMaxHeight = debounce__default["default"](() => {
+      const updateMaxHeight = debounce__default.default(() => {
         if (panelRef.current) {
           const child = panelRef.current.children[0];
           child.style.maxHeight = `${child.scrollHeight}px`;
@@ -620,16 +614,16 @@ const PanelComponent = React.forwardRef((props, ref) => {
     }
     return undefined;
   }, [isAnimated, panelRef, environment, props.children]);
-  return React__default["default"].createElement(StyledPanel, getPanelProps({
+  return React__namespace.default.createElement(StyledPanel, getPanelProps({
     role: null,
-    ref: mergeRefs__default["default"]([panelRef, ref]),
+    ref: mergeRefs__default.default([panelRef, ref]),
     index,
     isBare,
     isCompact,
     isExpanded,
     isAnimated,
     ...props
-  }), React__default["default"].createElement(StyledInnerPanel, {
+  }), React__namespace.default.createElement(StyledInnerPanel, {
     isExpanded: isExpanded,
     isAnimated: isAnimated
   }, props.children));
@@ -678,9 +672,9 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
     currentIndexRef,
     expandedSections
   }), [level, isBare, isCompact, isAnimated, isCollapsible, getPanelProps, getHeaderProps, getTriggerProps, currentIndexRef, expandedSections]);
-  return React__default["default"].createElement(AccordionContext.Provider, {
+  return React__namespace.default.createElement(AccordionContext.Provider, {
     value: value
-  }, React__default["default"].createElement(StyledAccordion, _extends$3({
+  }, React__namespace.default.createElement(StyledAccordion, _extends$3({
     ref: ref
   }, props)));
 });
@@ -712,20 +706,18 @@ const StepComponent = React.forwardRef((props, ref) => {
   const value = React.useMemo(() => ({
     currentStepIndex
   }), [currentStepIndex]);
-  return React__default["default"].createElement(StepContext.Provider, {
+  return React__namespace.default.createElement(StepContext.Provider, {
     value: value
-  }, React__default["default"].createElement(StyledStep, _extends$3({
+  }, React__namespace.default.createElement(StyledStep, _extends$3({
     ref: ref,
     isHorizontal: isHorizontal
-  }, props), isHorizontal && React__default["default"].createElement(StyledLine, null), props.children));
+  }, props), isHorizontal && React__namespace.default.createElement(StyledLine, null), props.children));
 });
 StepComponent.displayName = 'Stepper.Step';
 const Step = StepComponent;
 
 var _path;
-
 function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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); }
-
 var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -733,8 +725,7 @@ var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     stroke: "currentColor",
@@ -764,24 +755,24 @@ const LabelComponent = React.forwardRef((_ref, ref) => {
   const stepIcon = icon || numericStep;
   const isActive = activeIndex === currentStepIndex;
   const isCompleted = activeIndex > currentStepIndex;
-  const styledIcon = React__default["default"].createElement(StyledIcon, {
+  const styledIcon = React__namespace.default.createElement(StyledIcon, {
     isActive: isActive,
     isHorizontal: isHorizontal
-  }, isCompleted ? React__default["default"].createElement(SvgCheckSmStroke, iconProps) : stepIcon);
-  return React__default["default"].createElement(StyledLabel, _extends$3({
+  }, isCompleted ? React__namespace.default.createElement(SvgCheckSmStroke, iconProps) : stepIcon);
+  return React__namespace.default.createElement(StyledLabel, _extends$3({
     ref: ref,
     isActive: isActive,
     isHorizontal: isHorizontal
-  }, other), isHorizontal ? React__default["default"].createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__default["default"].createElement(StyledLabelText, {
+  }, other), isHorizontal ? React__namespace.default.createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__namespace.default.createElement(StyledLabelText, {
     isHidden: isHidden,
     isHorizontal: isHorizontal
   }, children));
 });
 LabelComponent.displayName = 'Stepper.Label';
 LabelComponent.propTypes = {
-  icon: PropTypes__default["default"].node,
-  iconProps: PropTypes__default["default"].object,
-  isHidden: PropTypes__default["default"].bool
+  icon: PropTypes__default.default.node,
+  iconProps: PropTypes__default.default.object,
+  isHidden: PropTypes__default.default.bool
 };
 const Label = LabelComponent;
 
@@ -800,7 +791,7 @@ const ContentComponent$1 = React.forwardRef((props, ref) => {
   React.useEffect(() => {
     if (environment && isActive && isHorizontal === false) {
       const win = environment.defaultView || window;
-      const updateMaxHeight = debounce__default["default"](() => {
+      const updateMaxHeight = debounce__default.default(() => {
         if (contentRef.current) {
           const child = contentRef.current.children[0];
           child.style.maxHeight = `${child.scrollHeight}px`;
@@ -815,10 +806,10 @@ const ContentComponent$1 = React.forwardRef((props, ref) => {
     }
     return undefined;
   }, [isActive, isHorizontal, contentRef, environment]);
-  return isHorizontal === false ? React__default["default"].createElement(StyledContent, _extends$3({
-    ref: mergeRefs__default["default"]([contentRef, ref]),
+  return isHorizontal === false ? React__namespace.default.createElement(StyledContent, _extends$3({
+    ref: mergeRefs__default.default([contentRef, ref]),
     isActive: isActive
-  }, props), React__default["default"].createElement(StyledInnerContent, {
+  }, props), React__namespace.default.createElement(StyledInnerContent, {
     isActive: isActive,
     "aria-hidden": !isActive
   }, props.children)) : null;
@@ -841,9 +832,9 @@ const StepperComponent = React.forwardRef((_ref, ref) => {
   React.useEffect(() => {
     currentIndexRef.current = 0;
   });
-  return React__default["default"].createElement(StepperContext.Provider, {
+  return React__namespace.default.createElement(StepperContext.Provider, {
     value: stepperContext
-  }, React__default["default"].createElement(StyledStepper, _extends$3({
+  }, React__namespace.default.createElement(StyledStepper, _extends$3({
     ref: ref,
     isHorizontal: isHorizontal
   }, props)));
@@ -857,7 +848,7 @@ Stepper.Content = Content$1;
 Stepper.Label = Label;
 Stepper.Step = Step;
 
-const OppositeContentComponent = React.forwardRef((props, ref) => React__default["default"].createElement(StyledOppositeContent, _extends$3({
+const OppositeContentComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledOppositeContent, _extends$3({
   ref: ref
 }, props)));
 OppositeContentComponent.displayName = 'Timeline.OppositeContent';
@@ -884,9 +875,9 @@ const ItemComponent = React.forwardRef((_ref, ref) => {
       }
     }
   });
-  return React__default["default"].createElement(TimelineItemContext.Provider, {
+  return React__namespace.default.createElement(TimelineItemContext.Provider, {
     value: value
-  }, React__default["default"].createElement(StyledTimelineItem, _extends$3({
+  }, React__namespace.default.createElement(StyledTimelineItem, _extends$3({
     ref: ref,
     isAlternate: isAlternate,
     hasOppositeContent: hasOppositeContent
@@ -896,9 +887,7 @@ ItemComponent.displayName = 'Timeline.Item';
 const Item = ItemComponent;
 
 var _circle;
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -906,8 +895,7 @@ var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
     height: 12,
     focusable: "false",
     viewBox: "0 0 12 12",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
     cx: 6,
     cy: 6,
@@ -922,9 +910,9 @@ const ContentComponent = React.forwardRef((props, ref) => {
     icon,
     surfaceColor
   } = useTimelineItemContext();
-  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledSeparator, null, React__default["default"].createElement(StyledItemIcon, {
+  return React__namespace.default.createElement(React__namespace.default.Fragment, null, React__namespace.default.createElement(StyledSeparator, null, React__namespace.default.createElement(StyledItemIcon, {
     surfaceColor: surfaceColor
-  }, icon || React__default["default"].createElement(SvgCircleFullStroke, null))), React__default["default"].createElement(StyledTimelineContent, _extends$3({
+  }, icon || React__namespace.default.createElement(SvgCircleFullStroke, null))), React__namespace.default.createElement(StyledTimelineContent, _extends$3({
     ref: ref
   }, props)));
 });
@@ -939,9 +927,9 @@ const TimelineComponent = React.forwardRef((_ref, ref) => {
   const value = React.useMemo(() => ({
     isAlternate
   }), [isAlternate]);
-  return React__default["default"].createElement(TimelineContext.Provider, {
+  return React__namespace.default.createElement(TimelineContext.Provider, {
     value: value
-  }, React__default["default"].createElement(StyledTimeline, _extends$3({
+  }, React__namespace.default.createElement(StyledTimeline, _extends$3({
     ref: ref
   }, props)));
 });

package/dist/index.esm.js

@@ -47,7 +47,7 @@ const sizeStyles$1 = props => {
 };
 const StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -59,7 +59,7 @@ StyledContent.defaultProps = {
 const COMPONENT_ID$j = 'accordions.step_line';
 const StyledLine = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -71,7 +71,7 @@ StyledLine.defaultProps = {
 const COMPONENT_ID$i = 'accordions.step';
 const StyledStep = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -83,7 +83,7 @@ StyledStep.defaultProps = {
 const COMPONENT_ID$h = 'accordions.step_inner_content';
 const StyledInnerContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -95,7 +95,7 @@ StyledInnerContent.defaultProps = {
 const COMPONENT_ID$g = 'accordions.stepper';
 const StyledStepper = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -119,7 +119,7 @@ const colorStyles$2 = props => {
 };
 const StyledIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -134,7 +134,7 @@ StyledIcon.defaultProps = {
 const COMPONENT_ID$e = 'accordions.step_label';
 const StyledLabel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -146,7 +146,7 @@ StyledLabel.defaultProps = {
 const COMPONENT_ID$d = 'accordions.step_label_text';
 const StyledLabelText = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -158,7 +158,7 @@ StyledLabelText.defaultProps = {
 const COMPONENT_ID$c = 'accordions.accordion';
 const StyledAccordion = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -188,7 +188,7 @@ const paddingStyles = props => {
 };
 const StyledPanel = styled.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -201,7 +201,7 @@ StyledPanel.defaultProps = {
 const COMPONENT_ID$a = 'accordions.section';
 const StyledSection = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -213,7 +213,7 @@ StyledSection.defaultProps = {
 const COMPONENT_ID$9 = 'accordions.header';
 const StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -233,7 +233,7 @@ const colorStyles$1 = props => {
 };
 const StyledButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -245,7 +245,7 @@ StyledButton.defaultProps = {
 const COMPONENT_ID$7 = 'accordions.step_inner_panel';
 const StyledInnerPanel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -277,7 +277,7 @@ _ref => {
   return cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -289,7 +289,7 @@ StyledRotateIcon.defaultProps = {
 const COMPONENT_ID$5 = 'timeline';
 const StyledTimeline = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -301,7 +301,7 @@ StyledTimeline.defaultProps = {
 const COMPONENT_ID$4 = 'timeline.content.separator';
 const StyledSeparator = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -313,7 +313,7 @@ StyledSeparator.defaultProps = {
 const COMPONENT_ID$3 = 'timeline.content';
 const StyledTimelineContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -325,7 +325,7 @@ StyledTimelineContent.defaultProps = {
 const COMPONENT_ID$2 = 'timeline.opposite.content';
 const StyledOppositeContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -337,7 +337,7 @@ StyledOppositeContent.defaultProps = {
 const COMPONENT_ID$1 = 'timeline.item';
 const StyledTimelineItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -356,7 +356,7 @@ const StyledItemIcon = styled(_ref => {
   return cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -444,9 +444,7 @@ SectionComponent.displayName = 'Accordion.Section';
 const Section = SectionComponent;
 
 var _path$1;
-
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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); }
-
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -454,8 +452,7 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     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"
@@ -693,9 +690,7 @@ StepComponent.displayName = 'Stepper.Step';
 const Step = StepComponent;
 
 var _path;
-
 function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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); }
-
 var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -703,8 +698,7 @@ var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "none",
     stroke: "currentColor",
@@ -866,9 +860,7 @@ ItemComponent.displayName = 'Timeline.Item';
 const Item = ItemComponent;
 
 var _circle;
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -876,8 +868,7 @@ var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
     height: 12,
     focusable: "false",
     viewBox: "0 0 12 12",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
     cx: 6,
     cy: 6,

package/dist/typings/elements/timeline/components/Item.d.ts

@@ -9,7 +9,7 @@ import { ITimelineItemProps } from '../../../types';
 /**
  * @deprecated use ITimelineItemProps instead
  */
-export declare type IItem = ITimelineItemProps;
+export type IItem = ITimelineItemProps;
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "8.62.1",
+  "version": "8.63.0",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-accordion": "^2.0.0",
-    "@zendeskgarden/container-utilities": "^0.7.0",
+    "@zendeskgarden/container-utilities": "^1.0.0",
     "lodash.debounce": "^4.0.8",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.7",
-    "@zendeskgarden/react-theming": "^8.62.1",
+    "@zendeskgarden/react-theming": "^8.63.0",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
 }