@zendeskgarden/react-accordions 8.69.6 → 8.69.8

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

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

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

@@ -4,12 +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.
  */
-interface IStyledInnerPanel {
-    isExpanded?: boolean;
-    isAnimated?: boolean;
-}
-/**
- * 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 {};
+export declare const StyledInnerPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

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

@@ -4,14 +4,15 @@
  * 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 { IUseAccordionProps } from '@zendeskgarden/container-accordion';
 import { ReactNode, SVGAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes } from 'react';
-export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface IAccordionProps<Value = any> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Sets `aria-level` heading rank in the document structure */
-    level: number;
+    level: NonNullable<HTMLAttributes<HTMLDivElement>['aria-level']>;
     /** Sets the expanded sections in a controlled accordion */
-    expandedSections?: number[];
+    expandedSections?: Value[];
     /** Sets the default expanded sections in an uncontrolled accordion */
-    defaultExpandedSections?: number[];
+    defaultExpandedSections?: Value[];
     /** Hides section borders */
     isBare?: boolean;
     /** Allows uncontrolled accordion sections to collapse */
@@ -25,9 +26,9 @@ export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
     /**
      * Handles accordion expansion changes
      *
-     * @param {number} index A section index
+     * @param {*} value A section value
      */
-    onChange?: (index: number) => void;
+    onChange?: IUseAccordionProps<Value>['onChange'];
 }
 export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
     /** Defines the currently active step, starting at 0 */

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

@@ -4,16 +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 { MutableRefObject } from 'react';
-import { IUseAccordionPropGetters } from '@zendeskgarden/container-accordion';
-export interface IAccordionContext extends IUseAccordionPropGetters {
-    expandedSections: number[];
-    currentIndexRef: MutableRefObject<number>;
-    level: number;
-    isCompact?: boolean;
-    isAnimated?: boolean;
-    isBare?: boolean;
-    isCollapsible?: boolean;
+/// <reference types="react" />
+import { IUseAccordionReturnValue } from '@zendeskgarden/container-accordion';
+import { IAccordionProps } from '../types';
+export interface IAccordionContext<Value> extends Omit<IUseAccordionReturnValue<Value>, 'disabledSections'>, Pick<IAccordionProps<Value>, 'level' | 'isCompact' | 'isAnimated' | 'isBare' | 'isCollapsible'> {
 }
-export declare const AccordionContext: import("react").Context<IAccordionContext | undefined>;
-export declare const useAccordionContext: () => IAccordionContext;
+export declare const AccordionContext: import("react").Context<IAccordionContext<any> | undefined>;
+export declare const useAccordionContext: () => IAccordionContext<any>;

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

@@ -7,6 +7,9 @@
 /// <reference types="react" />
 export interface IStepContext {
     currentStepIndex: number;
+    isActive: boolean;
+    isCompleted: boolean;
+    isHorizontal: boolean;
 }
 export declare const StepContext: import("react").Context<IStepContext | undefined>;
 export declare const useStepContext: () => IStepContext;

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

@@ -8,7 +8,6 @@
 export interface IStepperContext {
     activeIndex: number;
     isHorizontal: boolean;
-    currentIndexRef: React.MutableRefObject<number>;
 }
 export declare const StepperContext: import("react").Context<IStepperContext | undefined>;
 export declare const useStepperContext: () => IStepperContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "8.69.6",
+  "version": "8.69.8",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,12 +21,10 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-accordion": "^2.0.0",
+    "@zendeskgarden/container-accordion": "^3.0.0",
     "@zendeskgarden/container-utilities": "^1.0.0",
-    "lodash.debounce": "^4.0.8",
     "polished": "^4.0.0",
-    "prop-types": "^15.5.7",
-    "react-merge-refs": "^1.1.0"
+    "prop-types": "^15.5.7"
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": "^8.67.0",
@@ -35,8 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@types/lodash.debounce": "4.0.7",
-    "@zendeskgarden/react-theming": "^8.69.6",
+    "@zendeskgarden/react-theming": "^8.69.8",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -50,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "94a3ebb91ac24820eae13118b40be1623cb50c43"
+  "gitHead": "bf838e7472834d51d05d2eb3de92920fecc187f0"
 }