@zendeskgarden/react-accordions 8.49.2 → 8.49.3

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

@@ -4,13 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { ReactNode, LiHTMLAttributes } from 'react';
-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 */
-    surfaceColor?: string;
-}
+import React from 'react';
+import { ITimelineItemProps } from 'packages/accordions/src/types';
 /**
  * @deprecated use ITimelineItemProps instead
  */

package/dist/typings/index.d.ts

@@ -4,11 +4,9 @@
  * 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 { Stepper } from './elements/stepper/Stepper';
-export type { IStepperProps } from './elements/stepper/Stepper';
-export type { IStepperLabelProps } from './elements/stepper/components/Label';
 export { Accordion } from './elements/accordion/Accordion';
-export type { IAccordionProps } from './elements/accordion/Accordion';
+export { Stepper } from './elements/stepper/Stepper';
 export { Timeline } from './elements/timeline/Timeline';
-export type { ITimelineProps } from './elements/timeline/Timeline';
-export type { ITimelineItemProps, IItem } from './elements/timeline/components/Item';
+/** @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

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 export declare const COMPONENT_ID = "accordions.button";
-export interface IStyledButton {
+interface IStyledButton {
     isCompact?: boolean;
     isHovered?: boolean;
     isCollapsible?: boolean;
@@ -17,3 +17,4 @@ export interface IStyledButton {
  * 2. Remove dotted outline from Firefox on focus.
  */
 export declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledButton, never>;
+export {};

package/dist/typings/styled/accordion/StyledHeader.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.
  */
-export interface IStyledHeader {
+interface IStyledHeader {
     isFocused?: 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

@@ -4,7 +4,7 @@
  * 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 interface IStyledInnerPanel {
+interface IStyledInnerPanel {
     isExpanded?: boolean;
     isAnimated?: boolean;
 }
@@ -12,3 +12,4 @@ export interface IStyledInnerPanel {
  * 1. Override the inline max-height style used for animation.
  */
 export declare const StyledInnerPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledInnerPanel, never>;
+export {};

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

@@ -5,10 +5,11 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export interface IStyledPanel {
+interface IStyledPanel {
     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

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

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

@@ -4,7 +4,8 @@
  * 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 interface IStyledInnerContent {
+interface IStyledInnerContent {
     isActive?: boolean;
 }
 export declare const StyledInnerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledInnerContent, never>;
+export {};

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

@@ -4,7 +4,8 @@
  * 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 interface IStyledStep {
+interface IStyledStep {
     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

@@ -4,10 +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.
  */
-export interface IStyledStepper {
+interface IStyledStepper {
     isHorizontal?: boolean;
 }
 /**
  * 1. <ol> reset.
  */
 export declare const StyledStepper: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, IStyledStepper, never>;
+export {};

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

@@ -0,0 +1,53 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ReactNode } from 'react';
+export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Sets `aria-level` heading rank in the document structure */
+    level: number;
+    /** Sets the expanded sections in a controlled accordion */
+    expandedSections?: number[];
+    /** Sets the default expanded sections in an uncontrolled accordion */
+    defaultExpandedSections?: number[];
+    /** Hides section borders */
+    isBare?: boolean;
+    /** Allows uncontrolled accordion sections to collapse */
+    isCollapsible?: boolean;
+    /** Applies compact styling */
+    isCompact?: boolean;
+    /** Animates section expansion and collapse */
+    isAnimated?: boolean;
+    /** Enables simultaneous expansion of uncontrolled accordion sections */
+    isExpandable?: boolean;
+    /**
+     * Handles accordion expansion changes
+     *
+     * @param {number} index A section index
+     */
+    onChange?: (index: number) => void;
+}
+export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
+    /** Defines the currently active step, starting at 0 */
+    activeIndex?: number;
+    /** Applies horizontal layout styling */
+    isHorizontal?: boolean;
+}
+export interface IStepperLabelProps extends HTMLAttributes<HTMLDivElement> {
+    /** Replaces the label number with an icon */
+    icon?: React.ReactNode;
+    /** Hides the label text */
+    isHidden?: boolean;
+}
+export interface ITimelineProps extends OlHTMLAttributes<HTMLOListElement> {
+    /** Applies alternate styling */
+    isAlternate?: boolean;
+}
+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 */
+    surfaceColor?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "8.49.2",
+  "version": "8.49.3",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -36,8 +36,8 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.6",
-    "@zendeskgarden/react-theming": "^8.49.2",
-    "@zendeskgarden/svg-icons": "6.30.2"
+    "@zendeskgarden/react-theming": "^8.49.3",
+    "@zendeskgarden/svg-icons": "6.31.1"
   },
   "keywords": [
     "accordions",
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "fd7769285a2f4bc1169c63f4db57a85a6e793027"
+  "gitHead": "983322364971c051ca6ce478770edfc3310e4c4b"
 }