@zendeskgarden/react-accordions 9.0.0-next.2 → 9.0.0-next.21

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

@@ -6,10 +6,6 @@
  */
 import React from 'react';
 import { ITimelineItemProps } from '../../../types';
-/**
- * @deprecated use ITimelineItemProps instead
- */
-export type IItem = ITimelineItemProps;
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */

package/dist/typings/index.d.ts

@@ -7,6 +7,4 @@
 export { Accordion } from './elements/accordion/Accordion';
 export { Stepper } from './elements/stepper/Stepper';
 export { Timeline } from './elements/timeline/Timeline';
-/** @deprecated */
-export type { IItem } from './elements/timeline/components/Item';
 export type { IAccordionProps, IStepperProps, IStepperLabelProps, ITimelineProps, ITimelineItemProps } from './types';

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

@@ -7,10 +7,10 @@
 import { DefaultTheme } from 'styled-components';
 export declare const COMPONENT_ID = "accordions.button";
 interface IStyledButton {
-    isCompact?: boolean;
-    isHovered?: boolean;
-    isCollapsible?: boolean;
-    isExpanded?: boolean;
+    $isCompact?: boolean;
+    $isHovered?: boolean;
+    $isCollapsible?: boolean;
+    $isExpanded?: boolean;
 }
 /**
  * 1. <button> override.

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

@@ -5,9 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledHeader {
-    isFocused?: boolean;
-    isExpanded?: boolean;
-    isCollapsible?: boolean;
+    $isExpanded?: boolean;
+    $isCollapsible?: boolean;
 }
 export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledHeader, never>;
 export {};

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledInnerPanel {
-    isAnimated?: boolean;
+    $isAnimated?: boolean;
 }
 export declare const StyledInnerPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;

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

@@ -7,10 +7,10 @@
 import { DefaultTheme } from 'styled-components';
 interface IStyledPanel {
     inert?: string;
-    isBare?: boolean;
-    isCompact?: boolean;
-    isExpanded?: boolean;
-    isAnimated?: boolean;
+    $isBare?: boolean;
+    $isCompact?: boolean;
+    $isExpanded?: boolean;
+    $isAnimated?: boolean;
 }
 export declare const StyledPanel: import("styled-components").StyledComponent<"section", DefaultTheme, IStyledPanel, never>;
 export {};

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

@@ -7,9 +7,12 @@
 /// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 interface IStyledRotateIcon {
-    isCompact?: boolean;
+    $isCompact?: boolean;
+    $isRotated?: boolean;
+    $isHovered?: boolean;
+    $isCollapsible?: boolean;
 }
-export declare const StyledRotateIcon: import("styled-components").StyledComponent<({ children, isRotated, isHovered, isCompact, isCollapsible, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledRotateIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledRotateIcon, "data-garden-id" | "data-garden-version">;

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

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledContent {
-    isActive?: boolean;
+    $isActive?: boolean;
 }
 export declare const StyledContent: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledContent, never>;
 export {};

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

@@ -6,8 +6,8 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledIcon {
-    isActive?: boolean;
-    isHorizontal?: boolean;
+    $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>;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledLabelProps {
-    isActive?: boolean;
-    isHorizontal?: boolean;
+    $isActive?: boolean;
+    $isHorizontal?: boolean;
 }
 export declare const StyledLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledLabelProps, never>;
 export {};

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledLabelTextProps {
-    isHidden?: boolean;
-    isHorizontal?: boolean;
+    $isHidden?: boolean;
+    $isHorizontal?: boolean;
 }
 export declare const StyledLabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledLabelTextProps, never>;
 export {};

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledStep {
-    isHorizontal?: boolean;
+    $isHorizontal?: boolean;
 }
 export declare const StyledStep: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, IStyledStep, never>;
 export {};

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledStepper {
-    isHorizontal?: boolean;
+    $isHorizontal?: boolean;
 }
 /**
  * 1. <ol> reset.

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

@@ -5,9 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledTimelineItem {
-    surfaceColor?: string;
-    isAlternate?: boolean;
-    hasOppositeContent?: boolean;
+    $isAlternate?: boolean;
+    $hasOppositeContent?: boolean;
 }
 export declare const StyledTimelineItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
     'data-garden-id': string;

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

@@ -5,13 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 /// <reference types="react" />
+import { DefaultTheme } from 'styled-components';
 interface IStyledItemIcon {
-    surfaceColor?: string;
+    $surfaceColor?: string;
 }
 /**
  * 1. Odd sizing allows the timeline line to center respective of the circle icon.
  */
-export declare const StyledItemIcon: import("styled-components").StyledComponent<({ surfaceColor, children, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
+export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledItemIcon, "data-garden-id" | "data-garden-version">;

package/dist/typings/types/index.d.ts

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { IUseAccordionProps } from '@zendeskgarden/container-accordion';
-import { ReactNode, SVGAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes } from 'react';
+import { SVGAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ReactElement } from 'react';
 export interface IAccordionProps<Value = any> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Sets `aria-level` heading rank in the document structure */
     level: NonNullable<HTMLAttributes<HTMLDivElement>['aria-level']>;
@@ -38,7 +38,7 @@ export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
 }
 export interface IStepperLabelProps extends HTMLAttributes<HTMLDivElement> {
     /** Replaces the label number with an icon */
-    icon?: ReactNode;
+    icon?: ReactElement;
     /** Passes props to the default check icon */
     iconProps?: SVGAttributes<SVGElement>;
     /** Hides the label text */
@@ -50,7 +50,7 @@ export interface ITimelineProps extends OlHTMLAttributes<HTMLOListElement> {
 }
 export interface ITimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
     /** Replaces the dot with an icon */
-    icon?: ReactNode;
-    /** Provides surface color for an icon placed on a non-white background */
+    icon?: ReactElement;
+    /** Provides surface color for an icon placed on a non-default background */
     surfaceColor?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.21",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -23,18 +23,18 @@
   "dependencies": {
     "@zendeskgarden/container-accordion": "^3.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.21",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "accordions",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
 }