@zendeskgarden/react-accordions 9.0.0-next.22 → 9.0.0-next.24

package/dist/esm/elements/accordion/Accordion.js

@@ -56,7 +56,8 @@ const AccordionComponent = forwardRef((_ref, ref) => {
   const {
     sections,
     sectionChildren
-  } = useMemo(() => Children.toArray(children).filter(isValidElement).map((child, index) => React__default.createElement(SectionContext.Provider, {
+  } = useMemo(() => Children.toArray(children).filter(isValidElement).map((child, index) =>
+  React__default.createElement(SectionContext.Provider, {
     key: index,
     value: index
   }, child)).reduce((acc, child, index) => {

package/dist/esm/elements/stepper/components/Step.js

@@ -45,7 +45,7 @@ const StepComponent = forwardRef((_ref, ref) => {
   return React__default.createElement(StyledStep, Object.assign({
     ref: ref,
     $isHorizontal: isHorizontal
-  }, props), isHorizontal && React__default.createElement(StyledLine, null), children);
+  }, props), !!isHorizontal && React__default.createElement(StyledLine, null), children);
 });
 StepComponent.displayName = 'Stepper.Step';
 const Step = StepComponent;

package/dist/esm/styled/accordion/StyledAccordion.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'accordions.accordion';
 const StyledAccordion = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"

package/dist/esm/styled/accordion/StyledButton.js

@@ -24,7 +24,7 @@ const colorStyles = _ref => {
 };
 const StyledButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"

package/dist/esm/styled/accordion/StyledHeader.js

@@ -11,7 +11,7 @@ import { StyledButton } from './StyledButton.js';
 const COMPONENT_ID = 'accordions.header';
 const StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"

package/dist/esm/styled/accordion/StyledInnerPanel.js

@@ -11,7 +11,7 @@ import { StyledPanel } from './StyledPanel.js';
 const COMPONENT_ID = 'accordions.step_inner_panel';
 const StyledInnerPanel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"

package/dist/esm/styled/accordion/StyledPanel.js

@@ -43,7 +43,7 @@ const sizeStyles = props => {
 };
 const StyledPanel = styled.section.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"

package/dist/esm/styled/accordion/StyledRotateIcon.js

@@ -24,7 +24,7 @@ const colorStyles = _ref => {
 };
 const StyledRotateIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"

package/dist/esm/styled/accordion/StyledSection.js

@@ -11,7 +11,7 @@ import { StyledPanel } from './StyledPanel.js';
 const COMPONENT_ID = 'accordions.section';
 const StyledSection = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"

package/dist/esm/styled/stepper/StyledContent.js

@@ -23,7 +23,7 @@ const sizeStyles = props => {
 };
 const StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"

package/dist/esm/styled/stepper/StyledIcon.js

@@ -46,7 +46,7 @@ const colorStyles = _ref => {
 };
 const StyledIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"

package/dist/esm/styled/stepper/StyledInnerContent.js

@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
 const COMPONENT_ID = 'accordions.step_inner_content';
 const StyledInnerContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"

package/dist/esm/styled/stepper/StyledLabel.js

@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
 const COMPONENT_ID = 'accordions.step_label';
 const StyledLabel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"

package/dist/esm/styled/stepper/StyledLabelText.js

@@ -10,7 +10,7 @@ import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'accordions.step_label_text';
 const StyledLabelText = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"

package/dist/esm/styled/stepper/StyledLine.js

@@ -10,7 +10,7 @@ import { getColor, DEFAULT_THEME } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'accordions.step_line';
 const StyledLine = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"

package/dist/esm/styled/stepper/StyledStep.js

@@ -12,7 +12,7 @@ import { StyledLine } from './StyledLine.js';
 const COMPONENT_ID = 'accordions.step';
 const StyledStep = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"

package/dist/esm/styled/stepper/StyledStepper.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'accordions.stepper';
 const StyledStepper = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"

package/dist/esm/styled/timeline/StyledContent.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'timeline.content';
 const StyledTimelineContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"

package/dist/esm/styled/timeline/StyledItem.js

@@ -13,7 +13,7 @@ import { StyledOppositeContent } from './StyledOppositeContent.js';
 const COMPONENT_ID = 'timeline.item';
 const StyledTimelineItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"

package/dist/esm/styled/timeline/StyledItemIcon.js

@@ -34,7 +34,7 @@ const colorStyles = _ref => {
 };
 const StyledItemIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"

package/dist/esm/styled/timeline/StyledOppositeContent.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'timeline.opposite.content';
 const StyledOppositeContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"

package/dist/esm/styled/timeline/StyledSeparator.js

@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
 const COMPONENT_ID = 'timeline.content.separator';
 const StyledSeparator = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"

package/dist/esm/styled/timeline/StyledTimeline.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'timeline';
 const StyledTimeline = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"

package/dist/index.cjs.js

@@ -54,7 +54,7 @@ const sizeStyles$2 = props => {
 };
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -66,7 +66,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -86,7 +86,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -106,7 +106,7 @@ 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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -126,7 +126,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -174,7 +174,7 @@ const colorStyles$4 = _ref => {
 };
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -189,7 +189,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -210,7 +210,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -222,7 +222,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -267,7 +267,7 @@ const sizeStyles = props => {
 };
 const StyledPanel = styled__default.default.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -280,7 +280,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -306,7 +306,7 @@ const colorStyles$2 = _ref => {
 };
 const StyledButton = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -318,7 +318,7 @@ StyledButton.defaultProps = {
 const COMPONENT_ID$8 = 'accordions.header';
 const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -334,7 +334,7 @@ StyledHeader.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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -360,7 +360,7 @@ const colorStyles$1 = _ref => {
 };
 const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -372,7 +372,7 @@ StyledRotateIcon.defaultProps = {
 const COMPONENT_ID$5 = 'timeline';
 const StyledTimeline = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -384,7 +384,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -404,7 +404,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -416,7 +416,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -428,7 +428,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -471,7 +471,7 @@ const colorStyles = _ref => {
 };
 const StyledItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -695,7 +695,8 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
   const {
     sections,
     sectionChildren
-  } = React.useMemo(() => React.Children.toArray(children).filter(React.isValidElement).map((child, index) => React__namespace.default.createElement(SectionContext.Provider, {
+  } = React.useMemo(() => React.Children.toArray(children).filter(React.isValidElement).map((child, index) =>
+  React__namespace.default.createElement(SectionContext.Provider, {
     key: index,
     value: index
   }, child)).reduce((acc, child, index) => {
@@ -758,7 +759,7 @@ const StepComponent = React.forwardRef((_ref, ref) => {
   return React__namespace.default.createElement(StyledStep, Object.assign({
     ref: ref,
     $isHorizontal: isHorizontal
-  }, props), isHorizontal && React__namespace.default.createElement(StyledLine, null), children);
+  }, props), !!isHorizontal && React__namespace.default.createElement(StyledLine, null), children);
 });
 StepComponent.displayName = 'Stepper.Step';
 const Step = StepComponent;

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

@@ -10,12 +10,14 @@ import { Section } from './components/Section';
 import { Header } from './components/Header';
 import { Label } from './components/Label';
 import { Panel } from './components/Panel';
+declare const AccordionComponent: React.ForwardRefExoticComponent<IAccordionProps<any> & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Accordion: React.ForwardRefExoticComponent<IAccordionProps<any> & React.RefAttributes<HTMLDivElement>> & {
+export declare const Accordion: typeof AccordionComponent & {
     Header: typeof Header;
     Label: typeof Label;
     Panel: typeof Panel;
     Section: typeof Section;
 };
+export {};

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

@@ -9,11 +9,13 @@ import { IStepperProps } from '../../types';
 import { Step } from './components/Step';
 import { Label } from './components/Label';
 import { Content } from './components/Content';
+declare const StepperComponent: React.ForwardRefExoticComponent<IStepperProps & React.RefAttributes<HTMLOListElement>>;
 /**
  * @extends OlHTMLAttributes<HTMLOListElement>
  */
-export declare const Stepper: React.ForwardRefExoticComponent<IStepperProps & React.RefAttributes<HTMLOListElement>> & {
+export declare const Stepper: typeof StepperComponent & {
     Content: typeof Content;
     Label: typeof Label;
     Step: typeof Step;
 };
+export {};

package/dist/typings/elements/timeline/Timeline.d.ts

@@ -9,11 +9,13 @@ import { ITimelineProps } from '../../types';
 import { Item } from '../timeline/components/Item';
 import { Content } from '../timeline/components/Content';
 import { OppositeContent } from '../timeline/components/OppositeContent';
+declare const TimelineComponent: React.ForwardRefExoticComponent<ITimelineProps & React.RefAttributes<HTMLOListElement>>;
 /**
  * @extends OlHTMLAttributes<HTMLOListElement>
  */
-export declare const Timeline: React.ForwardRefExoticComponent<ITimelineProps & React.RefAttributes<HTMLOListElement>> & {
+export declare const Timeline: typeof TimelineComponent & {
     Content: typeof Content;
     Item: typeof Item;
     OppositeContent: typeof OppositeContent;
 };
+export {};

package/dist/typings/styled/accordion/StyledRotateIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 interface IStyledRotateIcon {
     $isCompact?: boolean;

package/dist/typings/styled/timeline/StyledItemIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 interface IStyledItemIcon {
     $surfaceColor?: string;

package/dist/typings/utils/useAccordionContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { IUseAccordionReturnValue } from '@zendeskgarden/container-accordion';
 import { IAccordionProps } from '../types';
 export interface IAccordionContext<Value> extends Omit<IUseAccordionReturnValue<Value>, 'disabledSections'>, Pick<IAccordionProps<Value>, 'level' | 'isCompact' | 'isAnimated' | 'isBare' | 'isCollapsible'> {

package/dist/typings/utils/useHeaderContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export interface IHeaderContext {
     isHovered: boolean;
     otherTriggerProps: any;

package/dist/typings/utils/useSectionContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export interface ISectionContext {
     sectionIndex: number;
 }

package/dist/typings/utils/useStepContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export interface IStepContext {
     currentStepIndex: number;
     isActive: boolean;

package/dist/typings/utils/useStepperContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export interface IStepperContext {
     activeIndex: number;
     isHorizontal: boolean;

package/dist/typings/utils/useTimelineContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export interface ITimelineContext {
     isAlternate?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "9.0.0-next.22",
+  "version": "9.0.0-next.24",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -28,13 +28,13 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.22",
-    "@zendeskgarden/svg-icons": "7.1.1"
+    "@zendeskgarden/react-theming": "^9.0.0-next.24",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "accordions",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
+  "gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
 }