@zendeskgarden/react-accordions 8.69.2 → 8.69.3

package/dist/index.cjs.js

@@ -70,15 +70,15 @@ const sizeStyles$1 = props => {
   const marginRight = rtl ? space.base * 3 : '0';
   const marginLeft = rtl ? '0' : space.base * 3;
   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);
+  return styled.css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;min-width:", "px;height:auto;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft, space.base * 30);
 };
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
-})(["", " min-width:", "px;word-break:break-word;", ";"], sizeStyles$1, props => props.theme.space.base * 30, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$k, props));
+})(["display:grid;grid-template-rows:", "fr;transition:grid-template-rows 0.25s ease-in-out;word-break:break-word;", " ", ";"], props => props.isActive ? 1 : 0, sizeStyles$1, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$k, props));
 StyledContent.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -86,7 +86,7 @@ StyledContent.defaultProps = {
 const COMPONENT_ID$j = 'accordions.step_line';
 const StyledLine = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -98,7 +98,7 @@ StyledLine.defaultProps = {
 const COMPONENT_ID$i = 'accordions.step';
 const StyledStep = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -110,11 +110,11 @@ StyledStep.defaultProps = {
 const COMPONENT_ID$h = 'accordions.step_inner_content';
 const StyledInnerContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
-})(["transition:max-height 0.25s ease-in-out;overflow:hidden;max-height:", ";line-height:", ";color:", ";font-size:", ";", ";"], props => !props.isActive && '0 !important', props => reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$h, props));
+})(["overflow:hidden;line-height:", ";color:", ";font-size:", ";", ";"], props => reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$h, props));
 StyledInnerContent.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -122,7 +122,7 @@ StyledInnerContent.defaultProps = {
 const COMPONENT_ID$g = 'accordions.stepper';
 const StyledStepper = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -146,7 +146,7 @@ const colorStyles$2 = props => {
 };
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -161,7 +161,7 @@ StyledIcon.defaultProps = {
 const COMPONENT_ID$e = 'accordions.step_label';
 const StyledLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -173,7 +173,7 @@ StyledLabel.defaultProps = {
 const COMPONENT_ID$d = 'accordions.step_label_text';
 const StyledLabelText = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -185,7 +185,7 @@ StyledLabelText.defaultProps = {
 const COMPONENT_ID$c = 'accordions.accordion';
 const StyledAccordion = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -215,7 +215,7 @@ const paddingStyles = props => {
 };
 const StyledPanel = styled__default.default.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -228,7 +228,7 @@ StyledPanel.defaultProps = {
 const COMPONENT_ID$a = 'accordions.section';
 const StyledSection = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -240,7 +240,7 @@ StyledSection.defaultProps = {
 const COMPONENT_ID$9 = 'accordions.header';
 const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -265,7 +265,7 @@ const colorStyles$1 = props => {
 };
 const StyledButton = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -277,7 +277,7 @@ StyledButton.defaultProps = {
 const COMPONENT_ID$7 = 'accordions.step_inner_panel';
 const StyledInnerPanel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -309,7 +309,7 @@ _ref => {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -321,7 +321,7 @@ StyledRotateIcon.defaultProps = {
 const COMPONENT_ID$5 = 'timeline';
 const StyledTimeline = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -333,7 +333,7 @@ StyledTimeline.defaultProps = {
 const COMPONENT_ID$4 = 'timeline.content.separator';
 const StyledSeparator = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -345,7 +345,7 @@ StyledSeparator.defaultProps = {
 const COMPONENT_ID$3 = 'timeline.content';
 const StyledTimelineContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -357,7 +357,7 @@ StyledTimelineContent.defaultProps = {
 const COMPONENT_ID$2 = 'timeline.opposite.content';
 const StyledOppositeContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -369,7 +369,7 @@ StyledOppositeContent.defaultProps = {
 const COMPONENT_ID$1 = 'timeline.item';
 const StyledTimelineItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -388,7 +388,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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -782,7 +782,6 @@ LabelComponent.propTypes = {
 const Label = LabelComponent;
 
 const ContentComponent$1 = React.forwardRef((props, ref) => {
-  const contentRef = React.useRef();
   const {
     activeIndex,
     isHorizontal
@@ -791,31 +790,10 @@ const ContentComponent$1 = React.forwardRef((props, ref) => {
     currentStepIndex
   } = useStepContext();
   const isActive = currentStepIndex === activeIndex;
-  const theme = React.useContext(styled.ThemeContext);
-  const environment = reactTheming.useDocument(theme);
-  React.useEffect(() => {
-    if (environment && isActive && isHorizontal === false) {
-      const win = environment.defaultView || window;
-      const updateMaxHeight = debounce__default.default(() => {
-        if (contentRef.current) {
-          const child = contentRef.current.children[0];
-          child.style.maxHeight = `${child.scrollHeight}px`;
-        }
-      }, 100);
-      win.addEventListener('resize', updateMaxHeight);
-      updateMaxHeight();
-      return () => {
-        updateMaxHeight.cancel();
-        win.removeEventListener('resize', updateMaxHeight);
-      };
-    }
-    return undefined;
-  }, [isActive, isHorizontal, contentRef, environment]);
   return isHorizontal === false ? React__namespace.default.createElement(StyledContent, _extends$3({
-    ref: mergeRefs__default.default([contentRef, ref]),
+    ref: ref,
     isActive: isActive
   }, props), React__namespace.default.createElement(StyledInnerContent, {
-    isActive: isActive,
     "aria-hidden": !isActive
   }, props.children)) : null;
 });

package/dist/index.esm.js

@@ -43,15 +43,15 @@ const sizeStyles$1 = props => {
   const marginRight = rtl ? space.base * 3 : '0';
   const marginLeft = rtl ? '0' : space.base * 3;
   const marginVertical = space.base * 3;
-  return css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft);
+  return css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;min-width:", "px;height:auto;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft, space.base * 30);
 };
 const StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
-})(["", " min-width:", "px;word-break:break-word;", ";"], sizeStyles$1, props => props.theme.space.base * 30, props => retrieveComponentStyles(COMPONENT_ID$k, props));
+})(["display:grid;grid-template-rows:", "fr;transition:grid-template-rows 0.25s ease-in-out;word-break:break-word;", " ", ";"], props => props.isActive ? 1 : 0, sizeStyles$1, props => retrieveComponentStyles(COMPONENT_ID$k, props));
 StyledContent.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -83,11 +83,11 @@ 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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
-})(["transition:max-height 0.25s ease-in-out;overflow:hidden;max-height:", ";line-height:", ";color:", ";font-size:", ";", ";"], props => !props.isActive && '0 !important', props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$h, props));
+})(["overflow:hidden;line-height:", ";color:", ";font-size:", ";", ";"], props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$h, props));
 StyledInnerContent.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -238,7 +238,7 @@ const colorStyles$1 = props => {
 };
 const StyledButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -250,7 +250,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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -282,7 +282,7 @@ _ref => {
   return cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -294,7 +294,7 @@ StyledRotateIcon.defaultProps = {
 const COMPONENT_ID$5 = 'timeline';
 const StyledTimeline = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -306,7 +306,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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -318,7 +318,7 @@ StyledSeparator.defaultProps = {
 const COMPONENT_ID$3 = 'timeline.content';
 const StyledTimelineContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -330,7 +330,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.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -342,7 +342,7 @@ StyledOppositeContent.defaultProps = {
 const COMPONENT_ID$1 = 'timeline.item';
 const StyledTimelineItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -361,7 +361,7 @@ const StyledItemIcon = styled(_ref => {
   return cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.3'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -755,7 +755,6 @@ LabelComponent.propTypes = {
 const Label = LabelComponent;
 
 const ContentComponent$1 = forwardRef((props, ref) => {
-  const contentRef = useRef();
   const {
     activeIndex,
     isHorizontal
@@ -764,31 +763,10 @@ const ContentComponent$1 = forwardRef((props, ref) => {
     currentStepIndex
   } = useStepContext();
   const isActive = currentStepIndex === activeIndex;
-  const theme = useContext(ThemeContext);
-  const environment = useDocument(theme);
-  useEffect(() => {
-    if (environment && isActive && isHorizontal === false) {
-      const win = environment.defaultView || window;
-      const updateMaxHeight = debounce(() => {
-        if (contentRef.current) {
-          const child = contentRef.current.children[0];
-          child.style.maxHeight = `${child.scrollHeight}px`;
-        }
-      }, 100);
-      win.addEventListener('resize', updateMaxHeight);
-      updateMaxHeight();
-      return () => {
-        updateMaxHeight.cancel();
-        win.removeEventListener('resize', updateMaxHeight);
-      };
-    }
-    return undefined;
-  }, [isActive, isHorizontal, contentRef, environment]);
   return isHorizontal === false ? React__default.createElement(StyledContent, _extends$3({
-    ref: mergeRefs([contentRef, ref]),
+    ref: ref,
     isActive: isActive
   }, props), React__default.createElement(StyledInnerContent, {
-    isActive: isActive,
     "aria-hidden": !isActive
   }, props.children)) : null;
 });

package/dist/typings/elements/accordion/Accordion.d.ts

@@ -1,21 +1,21 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IAccordionProps } from '../../types';
-import { Section } from '../accordion/components/Section';
-import { Header } from '../accordion/components/Header';
-import { Label } from '../accordion/components/Label';
-import { Panel } from '../accordion/components/Panel';
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const Accordion: React.ForwardRefExoticComponent<IAccordionProps & React.RefAttributes<HTMLDivElement>> & {
-    Header: typeof Header;
-    Label: typeof Label;
-    Panel: typeof Panel;
-    Section: typeof Section;
-};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IAccordionProps } from '../../types';
+import { Section } from '../accordion/components/Section';
+import { Header } from '../accordion/components/Header';
+import { Label } from '../accordion/components/Label';
+import { Panel } from '../accordion/components/Panel';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Accordion: React.ForwardRefExoticComponent<IAccordionProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof Header;
+    Label: typeof Label;
+    Panel: typeof Panel;
+    Section: typeof Section;
+};

package/dist/typings/elements/accordion/components/Header.d.ts

@@ -1,11 +1,11 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/accordion/components/Label.d.ts

@@ -1,11 +1,11 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-/**
- * @extends ButtonHTMLAttributes<HTMLButtonElement>
- */
-export declare const Label: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
+export declare const Label: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/accordion/components/Panel.d.ts

@@ -1,11 +1,11 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-/**
- * @extends HTMLAttributes<HTMLElement>
- */
-export declare const Panel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLElement>
+ */
+export declare const Panel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;

package/dist/typings/elements/accordion/components/Section.d.ts

@@ -1,11 +1,11 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-/**
- * @extends HTMLAttributes<HTMLElement>
- */
-export declare const Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLElement>
+ */
+export declare const Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/stepper/Stepper.d.ts

@@ -1,19 +1,19 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IStepperProps } from '../../types';
-import { Step } from './components/Step';
-import { Label } from './components/Label';
-import { Content } from './components/Content';
-/**
- * @extends OlHTMLAttributes<HTMLOListElement>
- */
-export declare const Stepper: React.ForwardRefExoticComponent<IStepperProps & React.RefAttributes<HTMLOListElement>> & {
-    Content: typeof Content;
-    Label: typeof Label;
-    Step: typeof Step;
-};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IStepperProps } from '../../types';
+import { Step } from './components/Step';
+import { Label } from './components/Label';
+import { Content } from './components/Content';
+/**
+ * @extends OlHTMLAttributes<HTMLOListElement>
+ */
+export declare const Stepper: React.ForwardRefExoticComponent<IStepperProps & React.RefAttributes<HTMLOListElement>> & {
+    Content: typeof Content;
+    Label: typeof Label;
+    Step: typeof Step;
+};