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

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledAccordion.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledAccordion };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { getLineHeight, retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { getLineHeight, retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'accordions.button';
 const colorStyles = _ref => {
@@ -24,13 +24,10 @@ const colorStyles = _ref => {
 };
 const StyledButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
 })(["transition:color 0.1s ease-in-out;outline:none;border:none;background:transparent;padding:", ";width:100%;text-align:", ";line-height:", ";font-family:inherit;font-size:", ";font-weight:", ";", " &::-moz-focus-inner{border:0;}&:hover{cursor:", ";}", ";"], props => props.$isCompact ? `${props.theme.space.base * 2}px ${props.theme.space.base * 3}px` : `${props.theme.space.base * 5}px`, props => props.theme.rtl ? 'right' : 'left', props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.fontSizes.md, props => props.theme.fontWeights.semibold, colorStyles, props => (props.$isCollapsible || !props.$isExpanded) && 'pointer', props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledButton.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { COMPONENT_ID, StyledButton };

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

@@ -5,13 +5,13 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { focusStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { focusStyles, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -20,8 +20,5 @@ const StyledHeader = styled.div.attrs({
   inset: true,
   selector: `&:has(${StyledButton}:focus-visible)`
 }), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledHeader.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledHeader };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
 })(["overflow:hidden;line-height:inherit;font-size:inherit;", "[aria-hidden='true'] > &{transition:", ";visibility:hidden;}", "[aria-hidden='false'] > &{visibility:visible;}", ";"], StyledPanel, props => props.$isAnimated && 'visibility 0s 0.25s', StyledPanel, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledInnerPanel.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledInnerPanel };

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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { StyledBaseIcon, retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'accordions.rotate_icon';
 const colorStyles = _ref => {
@@ -24,13 +24,10 @@ const colorStyles = _ref => {
 };
 const StyledRotateIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
 })(["transform:", ";transition:transform 0.25s ease-in-out,color 0.1s ease-in-out;box-sizing:content-box;padding:", ";width:", ";min-width:", ";height:", ";vertical-align:middle;", " ", ";"], props => props.$isRotated && `rotate(${props.theme.rtl ? '-' : '+'}180deg)`, props => props.$isCompact ? `${props.theme.space.base * 1.5}px ${props.theme.space.base * 3}px` : `${props.theme.space.base * 5}px`, props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledRotateIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledRotateIcon };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
 })(["&:last-child ", "{border:none;}", ";"], StyledPanel, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledSection.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledSection };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'accordions.step_content';
 const sizeStyles = props => {
@@ -23,13 +23,10 @@ const sizeStyles = props => {
 };
 const StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
 })(["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, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledContent };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'accordions.step_icon';
 const StyledIconFlexContainer = styled.div.withConfig({
@@ -46,16 +46,10 @@ const colorStyles = _ref => {
 };
 const StyledIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
 })(["display:flex;align-items:center;justify-content:center;transition:background 0.25s ease-in-out,color 0.25s ease-in-out;border-radius:100%;", " ", " ", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledIconFlexContainer.defaultProps = {
-  theme: DEFAULT_THEME
-};
-StyledIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledIcon, StyledIconFlexContainer };

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

@@ -5,12 +5,12 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'accordions.step_inner_content';
 const StyledInnerContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -23,8 +23,5 @@ const StyledInnerContent = styled.div.attrs({
     variable: 'foreground.default'
   });
 }, props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledInnerContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledInnerContent };

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

@@ -5,12 +5,12 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'accordions.step_label';
 const StyledLabel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -24,8 +24,5 @@ const StyledLabel = styled.div.attrs({
     variable: $isActive ? 'foreground.default' : 'foreground.subtle'
   });
 }, props => props.theme.fontSizes.md, props => props.$isActive && 600, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledLabel.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledLabel };

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

@@ -5,18 +5,14 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
 })(["display:", ";padding:", ";word-wrap:", ";"], props => props.$isHidden && 'none', props => props.$isHorizontal && `0 ${props.theme.space.base * 3}px`, props => props.$isHorizontal && 'break-word');
-StyledLabelText.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledLabelText };

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

@@ -5,12 +5,12 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -23,8 +23,5 @@ const StyledLine = styled.div.attrs({
     variable: 'border.default'
   });
 });
-StyledLine.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledLine };

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

@@ -5,14 +5,14 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledContent } from './StyledContent.js';
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -25,8 +25,5 @@ const StyledStep = styled.li.attrs({
     variable: 'border.default'
   });
 }, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledStep.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledStep };

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
 })(["display:", ";margin:0;padding:0;list-style:none;", ";"], props => props.$isHorizontal && 'flex', props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledStepper.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledStepper };

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
 })(["flex:1;padding:", ";", ";"], props => `${props.theme.space.base * 5}px ${props.theme.space.base * 4}px`, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTimelineContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledTimelineContent };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledSeparator } from './StyledSeparator.js';
 import { StyledTimelineContent } from './StyledContent.js';
 import { StyledOppositeContent } from './StyledOppositeContent.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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -26,8 +26,5 @@ const StyledTimelineItem = styled.li.attrs({
     variable: 'foreground.default'
   });
 }, props => props.theme.fontSizes.md, StyledSeparator, props => !props.$hasOppositeContent && props.$isAlternate && css(["&::before{flex:1;padding:", "px;content:'';}"], props.theme.space.base * 4), props => props.$isAlternate && css(["&:nth-child(even){flex-direction:row-reverse;", "{text-align:", ";}", "{text-align:", ";}}"], StyledOppositeContent, props.theme.rtl ? 'right' : 'left', StyledTimelineContent, props.theme.rtl ? 'left' : 'right'), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTimelineItem.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledTimelineItem };

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

@@ -6,7 +6,7 @@
 */
 import styled, { css } from 'styled-components';
 import { math } from 'polished';
-import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { StyledBaseIcon, retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'timeline.icon';
 const colorStyles = _ref => {
@@ -34,13 +34,10 @@ const colorStyles = _ref => {
 };
 const StyledItemIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
 })(["z-index:1;box-sizing:content-box;padding:", "px 0;width:", ";height:", ";", " ", ";"], props => props.theme.space.base, props => math(`${props.theme.iconSizes.sm} + 1`), props => math(`${props.theme.iconSizes.sm} + 1`), colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItemIcon };

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
 })(["flex:1;padding:", ";text-align:", ";", ";"], props => `${props.theme.space.base * 5}px ${props.theme.space.base * 4}px`, props => props.theme.rtl ? 'left' : 'right', props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledOppositeContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledOppositeContent };

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

@@ -5,12 +5,12 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -23,8 +23,5 @@ const StyledSeparator = styled.div.attrs({
     variable: 'border.emphasis'
   })}`;
 }, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledSeparator.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledSeparator };

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'timeline';
 const StyledTimeline = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
 })(["margin:0;padding:0;list-style:none;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTimeline.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledTimeline };

package/dist/index.cjs.js

@@ -54,19 +54,16 @@ const sizeStyles$2 = props => {
 };
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
 })(["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$2, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$k, props));
-StyledContent.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -79,14 +76,11 @@ const StyledLine = styled__default.default.div.attrs({
     variable: 'border.default'
   });
 });
-StyledLine.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -99,14 +93,11 @@ const StyledStep = styled__default.default.li.attrs({
     variable: 'border.default'
   });
 }, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$i, props));
-StyledStep.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -119,21 +110,15 @@ const StyledInnerContent = styled__default.default.div.attrs({
     variable: 'foreground.default'
   });
 }, props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$h, props));
-StyledInnerContent.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
 })(["display:", ";margin:0;padding:0;list-style:none;", ";"], props => props.$isHorizontal && 'flex', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$g, props));
-StyledStepper.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$f = 'accordions.step_icon';
 const StyledIconFlexContainer = styled__default.default.div.withConfig({
@@ -174,22 +159,16 @@ const colorStyles$4 = _ref => {
 };
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
 })(["display:flex;align-items:center;justify-content:center;transition:background 0.25s ease-in-out,color 0.25s ease-in-out;border-radius:100%;", " ", " ", ";"], sizeStyles$1, colorStyles$4, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$f, props));
-StyledIconFlexContainer.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
-StyledIcon.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -203,33 +182,24 @@ const StyledLabel = styled__default.default.div.attrs({
     variable: $isActive ? 'foreground.default' : 'foreground.subtle'
   });
 }, props => props.theme.fontSizes.md, props => props.$isActive && 600, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$e, props));
-StyledLabel.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
 })(["display:", ";padding:", ";word-wrap:", ";"], props => props.$isHidden && 'none', props => props.$isHorizontal && `0 ${props.theme.space.base * 3}px`, props => props.$isHorizontal && 'break-word');
-StyledLabelText.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
 })(["", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$c, props));
-StyledAccordion.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$b = 'accordions.panel';
 const colorStyles$3 = _ref => {
@@ -267,7 +237,7 @@ const sizeStyles = props => {
 };
 const StyledPanel = styled__default.default.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -280,14 +250,11 @@ 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
 })(["&:last-child ", "{border:none;}", ";"], StyledPanel, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$a, props));
-StyledSection.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$9 = 'accordions.button';
 const colorStyles$2 = _ref => {
@@ -306,19 +273,16 @@ const colorStyles$2 = _ref => {
 };
 const StyledButton = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
 })(["transition:color 0.1s ease-in-out;outline:none;border:none;background:transparent;padding:", ";width:100%;text-align:", ";line-height:", ";font-family:inherit;font-size:", ";font-weight:", ";", " &::-moz-focus-inner{border:0;}&:hover{cursor:", ";}", ";"], props => props.$isCompact ? `${props.theme.space.base * 2}px ${props.theme.space.base * 3}px` : `${props.theme.space.base * 5}px`, props => props.theme.rtl ? 'right' : 'left', props => reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.fontSizes.md, props => props.theme.fontWeights.semibold, colorStyles$2, props => (props.$isCollapsible || !props.$isExpanded) && 'pointer', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
-StyledButton.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -327,21 +291,15 @@ const StyledHeader = styled__default.default.div.attrs({
   inset: true,
   selector: `&:has(${StyledButton}:focus-visible)`
 }), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
-StyledHeader.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
 })(["overflow:hidden;line-height:inherit;font-size:inherit;", "[aria-hidden='true'] > &{transition:", ";visibility:hidden;}", "[aria-hidden='false'] > &{visibility:visible;}", ";"], StyledPanel, props => props.$isAnimated && 'visibility 0s 0.25s', StyledPanel, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props));
-StyledInnerPanel.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$6 = 'accordions.rotate_icon';
 const colorStyles$1 = _ref => {
@@ -360,31 +318,25 @@ 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
 })(["transform:", ";transition:transform 0.25s ease-in-out,color 0.1s ease-in-out;box-sizing:content-box;padding:", ";width:", ";min-width:", ";height:", ";vertical-align:middle;", " ", ";"], props => props.$isRotated && `rotate(${props.theme.rtl ? '-' : '+'}180deg)`, props => props.$isCompact ? `${props.theme.space.base * 1.5}px ${props.theme.space.base * 3}px` : `${props.theme.space.base * 5}px`, props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, colorStyles$1, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
-StyledRotateIcon.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
 })(["margin:0;padding:0;list-style:none;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
-StyledTimeline.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -397,38 +349,29 @@ const StyledSeparator = styled__default.default.div.attrs({
     variable: 'border.emphasis'
   })}`;
 }, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
-StyledSeparator.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
 })(["flex:1;padding:", ";", ";"], props => `${props.theme.space.base * 5}px ${props.theme.space.base * 4}px`, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
-StyledTimelineContent.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
 })(["flex:1;padding:", ";text-align:", ";", ";"], props => `${props.theme.space.base * 5}px ${props.theme.space.base * 4}px`, props => props.theme.rtl ? 'left' : 'right', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
-StyledOppositeContent.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -441,9 +384,6 @@ const StyledTimelineItem = styled__default.default.li.attrs({
     variable: 'foreground.default'
   });
 }, props => props.theme.fontSizes.md, StyledSeparator, props => !props.$hasOppositeContent && props.$isAlternate && styled.css(["&::before{flex:1;padding:", "px;content:'';}"], props.theme.space.base * 4), props => props.$isAlternate && styled.css(["&:nth-child(even){flex-direction:row-reverse;", "{text-align:", ";}", "{text-align:", ";}}"], StyledOppositeContent, props.theme.rtl ? 'right' : 'left', StyledTimelineContent, props.theme.rtl ? 'left' : 'right'), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
-StyledTimelineItem.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID = 'timeline.icon';
 const colorStyles = _ref => {
@@ -471,14 +411,11 @@ const colorStyles = _ref => {
 };
 const StyledItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.26'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
 })(["z-index:1;box-sizing:content-box;padding:", "px 0;width:", ";height:", ";", " ", ";"], props => props.theme.space.base, props => polished.math(`${props.theme.iconSizes.sm} + 1`), props => polished.math(`${props.theme.iconSizes.sm} + 1`), colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemIcon.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const StepperContext = React.createContext(undefined);
 const useStepperContext = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "9.0.0-next.24",
+  "version": "9.0.0-next.26",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,7 +33,7 @@
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.24",
+    "@zendeskgarden/react-theming": "^9.0.0-next.26",
     "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
+  "gitHead": "049dd7bd143029147de333f78bd879dc7d7251f2"
 }