@zendeskgarden/react-accordions 9.2.0 → 9.4.0

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

@@ -43,7 +43,8 @@ const ContentComponent = forwardRef((props, ref) => {
     ref: ref,
     $isActive: isActive
   }, props), React__default.createElement(StyledInnerContent, {
-    "aria-hidden": !isActive
+    "aria-hidden": !isActive,
+    inert: isActive ? undefined : ''
   }, props.children)) : null;
 });
 ContentComponent.displayName = 'Stepper.Content';

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'accordions.accordion';
 const StyledAccordion = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"

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

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

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

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

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

@@ -9,7 +9,7 @@ import styled from 'styled-components';
 const COMPONENT_ID = 'accordions.step_label_text';
 const StyledLabelText = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"

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

@@ -10,7 +10,7 @@ import { getColor } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'accordions.step_line';
 const StyledLine = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"

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

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

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'timeline.content';
 const StyledTimelineContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"

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

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

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

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

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'timeline';
 const StyledTimeline = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -63,7 +63,7 @@ const StyledContent = styled__default.default.div.attrs({
 const COMPONENT_ID$j = 'accordions.step_line';
 const StyledLine = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -80,7 +80,7 @@ const StyledLine = styled__default.default.div.attrs({
 const COMPONENT_ID$i = 'accordions.step';
 const StyledStep = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -97,7 +97,7 @@ const StyledStep = styled__default.default.li.attrs({
 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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -114,7 +114,7 @@ const StyledInnerContent = styled__default.default.div.attrs({
 const COMPONENT_ID$g = 'accordions.stepper';
 const StyledStepper = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -159,7 +159,7 @@ const colorStyles$4 = _ref => {
 };
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -168,7 +168,7 @@ const StyledIcon = styled__default.default.div.attrs({
 const COMPONENT_ID$e = 'accordions.step_label';
 const StyledLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -186,7 +186,7 @@ const StyledLabel = styled__default.default.div.attrs({
 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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -195,7 +195,7 @@ const StyledLabelText = styled__default.default.div.attrs({
 const COMPONENT_ID$c = 'accordions.accordion';
 const StyledAccordion = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -237,7 +237,7 @@ const sizeStyles = props => {
 };
 const StyledPanel = styled__default.default.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -250,7 +250,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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -273,7 +273,7 @@ const colorStyles$2 = _ref => {
 };
 const StyledButton = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -282,7 +282,7 @@ const StyledButton = styled__default.default.button.attrs({
 const COMPONENT_ID$8 = 'accordions.header';
 const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -295,7 +295,7 @@ const StyledHeader = styled__default.default.div.attrs({
 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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -318,7 +318,7 @@ const colorStyles$1 = _ref => {
 };
 const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -327,7 +327,7 @@ const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).at
 const COMPONENT_ID$5 = 'timeline';
 const StyledTimeline = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -336,7 +336,7 @@ const StyledTimeline = styled__default.default.ol.attrs({
 const COMPONENT_ID$4 = 'timeline.content.separator';
 const StyledSeparator = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -353,7 +353,7 @@ const StyledSeparator = styled__default.default.div.attrs({
 const COMPONENT_ID$3 = 'timeline.content';
 const StyledTimelineContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -362,7 +362,7 @@ const StyledTimelineContent = styled__default.default.div.attrs({
 const COMPONENT_ID$2 = 'timeline.opposite.content';
 const StyledOppositeContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -371,7 +371,7 @@ const StyledOppositeContent = styled__default.default.div.attrs({
 const COMPONENT_ID$1 = 'timeline.item';
 const StyledTimelineItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -411,7 +411,7 @@ const colorStyles = _ref => {
 };
 const StyledItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -767,7 +767,8 @@ const ContentComponent$1 = React.forwardRef((props, ref) => {
     ref: ref,
     $isActive: isActive
   }, props), React__namespace.default.createElement(StyledInnerContent, {
-    "aria-hidden": !isActive
+    "aria-hidden": !isActive,
+    inert: isActive ? undefined : ''
   }, props.children)) : null;
 });
 ContentComponent$1.displayName = 'Stepper.Content';

package/dist/typings/styled/accordion/StyledAccordion.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.
  */
-export declare const StyledAccordion: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledAccordion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/accordion/StyledButton.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.
  */
-import { DefaultTheme } from 'styled-components';
 export declare const COMPONENT_ID = "accordions.button";
 interface IStyledButton {
     $isCompact?: boolean;
@@ -16,5 +15,7 @@ interface IStyledButton {
  * 1. <button> override.
  * 2. Remove dotted outline from Firefox on focus.
  */
-export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledButton, never>;
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, IStyledButton>, IStyledButton>> & string;
 export {};

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

@@ -8,5 +8,7 @@ interface IStyledHeader {
     $isExpanded?: boolean;
     $isCollapsible?: boolean;
 }
-export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledHeader, never>;
+export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, IStyledHeader>, IStyledHeader>> & string;
 export {};

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

@@ -7,8 +7,7 @@
 interface IStyledInnerPanel {
     $isAnimated?: boolean;
 }
-export declare const StyledInnerPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledInnerPanel, "data-garden-id" | "data-garden-version">;
+export declare const StyledInnerPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledInnerPanel>> & string;
 export {};

package/dist/typings/styled/accordion/StyledPanel.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.
  */
-import { DefaultTheme } from 'styled-components';
 interface IStyledPanel {
     inert?: string;
     $isBare?: boolean;
@@ -12,5 +11,7 @@ interface IStyledPanel {
     $isExpanded?: boolean;
     $isAnimated?: boolean;
 }
-export declare const StyledPanel: import("styled-components").StyledComponent<"section", DefaultTheme, IStyledPanel, never>;
+export declare const StyledPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, IStyledPanel>, IStyledPanel>> & string;
 export {};

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

@@ -4,15 +4,12 @@
  * 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 { DefaultTheme } from 'styled-components';
+import { DataAttributes } from 'styled-components';
 interface IStyledRotateIcon {
     $isCompact?: boolean;
     $isRotated?: boolean;
     $isHovered?: boolean;
     $isCollapsible?: boolean;
 }
-export declare const StyledRotateIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledRotateIcon, "data-garden-id" | "data-garden-version">;
+export declare const StyledRotateIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("@zendeskgarden/react-theming").IStyledBaseIconProps, never>, import("styled-components").FastOmit<import("@zendeskgarden/react-theming").IStyledBaseIconProps, never>>, DataAttributes>, IStyledRotateIcon>> & string;
 export {};

package/dist/typings/styled/accordion/StyledSection.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.
  */
-export declare const StyledSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/stepper/StyledContent.d.ts

@@ -4,9 +4,10 @@
  * 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 { DefaultTheme } from 'styled-components';
 interface IStyledContent {
     $isActive?: boolean;
 }
-export declare const StyledContent: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledContent, never>;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, IStyledContent>, IStyledContent>> & string;
 export {};

package/dist/typings/styled/stepper/StyledIcon.d.ts

@@ -4,11 +4,12 @@
  * 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 { DefaultTheme } from 'styled-components';
 interface IStyledIcon {
     $isActive?: boolean;
     $isHorizontal?: boolean;
 }
-export declare const StyledIconFlexContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledIcon, never>;
+export declare const StyledIconFlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, IStyledIcon>, IStyledIcon>> & string;
 export {};

package/dist/typings/styled/stepper/StyledInnerContent.d.ts

@@ -4,5 +4,11 @@
  * 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 { DefaultTheme } from 'styled-components';
-export declare const StyledInnerContent: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+import { ThemeProps, DefaultTheme } from 'styled-components';
+interface IStyledInnerContentProps extends ThemeProps<DefaultTheme> {
+    inert?: string;
+}
+export declare const StyledInnerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledInnerContentProps>> & string;
+export {};

package/dist/typings/styled/stepper/StyledLabel.d.ts

@@ -8,5 +8,7 @@ interface IStyledLabelProps {
     $isActive?: boolean;
     $isHorizontal?: boolean;
 }
-export declare const StyledLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledLabelProps, never>;
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, IStyledLabelProps>, IStyledLabelProps>> & string;
 export {};

package/dist/typings/styled/stepper/StyledLabelText.d.ts

@@ -8,5 +8,7 @@ interface IStyledLabelTextProps {
     $isHidden?: boolean;
     $isHorizontal?: boolean;
 }
-export declare const StyledLabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledLabelTextProps, never>;
+export declare const StyledLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, IStyledLabelTextProps>, IStyledLabelTextProps>> & string;
 export {};

package/dist/typings/styled/stepper/StyledLine.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.
  */
-export declare const StyledLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/stepper/StyledStep.d.ts

@@ -7,5 +7,7 @@
 interface IStyledStep {
     $isHorizontal?: boolean;
 }
-export declare const StyledStep: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, IStyledStep, never>;
+export declare const StyledStep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, IStyledStep>, IStyledStep>> & string;
 export {};

package/dist/typings/styled/stepper/StyledStepper.d.ts

@@ -10,5 +10,7 @@ interface IStyledStepper {
 /**
  * 1. <ol> reset.
  */
-export declare const StyledStepper: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, IStyledStepper, never>;
+export declare const StyledStepper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    ref?: ((instance: HTMLOListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLOListElement> | null | undefined;
+}>, IStyledStepper>, IStyledStepper>> & string;
 export {};

package/dist/typings/styled/timeline/StyledContent.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.
  */
-export declare const StyledTimelineContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledTimelineContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

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

@@ -8,8 +8,7 @@ interface IStyledTimelineItem {
     $isAlternate?: boolean;
     $hasOppositeContent?: boolean;
 }
-export declare const StyledTimelineItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledTimelineItem, "data-garden-id" | "data-garden-version">;
+export declare const StyledTimelineItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, never>, IStyledTimelineItem>> & string;
 export {};

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

@@ -4,15 +4,12 @@
  * 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 { DefaultTheme } from 'styled-components';
+import { DataAttributes } from 'styled-components';
 interface IStyledItemIcon {
     $surfaceColor?: string;
 }
 /**
  * 1. Odd sizing allows the timeline line to center respective of the circle icon.
  */
-export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledItemIcon, "data-garden-id" | "data-garden-version">;
+export declare const StyledItemIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("@zendeskgarden/react-theming").IStyledBaseIconProps, never>, import("styled-components").FastOmit<import("@zendeskgarden/react-theming").IStyledBaseIconProps, never>>, DataAttributes>, IStyledItemIcon>> & string;
 export {};

package/dist/typings/styled/timeline/StyledOppositeContent.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.
  */
-export declare const StyledOppositeContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledOppositeContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/timeline/StyledSeparator.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.
  */
-export declare const StyledSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

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

@@ -7,7 +7,6 @@
 /**
  * 1. <ol> reset.
  */
-export declare const StyledTimeline: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledTimeline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    ref?: ((instance: HTMLOListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLOListElement> | null | undefined;
+}>, never>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "9.2.0",
+  "version": "9.4.0",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -30,10 +30,10 @@
     "@zendeskgarden/react-theming": ">=9.0.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"
+    "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.2.0",
+    "@zendeskgarden/react-theming": "^9.4.0",
     "@zendeskgarden/svg-icons": "7.3.0"
   },
   "keywords": [
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "23a86c9a1e830685e277544c089b44614c2261ac"
+  "gitHead": "02e3f240b6f0c776fdae785254d6fe90cbfc37e4"
 }