@zendeskgarden/react-accordions 8.69.2 → 8.69.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +26 -48
- package/dist/index.esm.js +26 -48
- package/dist/typings/elements/accordion/Accordion.d.ts +21 -21
- package/dist/typings/elements/accordion/components/Header.d.ts +11 -11
- package/dist/typings/elements/accordion/components/Label.d.ts +11 -11
- package/dist/typings/elements/accordion/components/Panel.d.ts +11 -11
- package/dist/typings/elements/accordion/components/Section.d.ts +11 -11
- package/dist/typings/elements/stepper/Stepper.d.ts +19 -19
- package/dist/typings/elements/stepper/components/Content.d.ts +11 -11
- package/dist/typings/elements/stepper/components/Label.d.ts +12 -12
- package/dist/typings/elements/stepper/components/Step.d.ts +11 -11
- package/dist/typings/elements/timeline/Timeline.d.ts +19 -19
- package/dist/typings/elements/timeline/components/Content.d.ts +11 -11
- package/dist/typings/elements/timeline/components/Item.d.ts +16 -16
- package/dist/typings/elements/timeline/components/OppositeContent.d.ts +11 -11
- package/dist/typings/index.d.ts +12 -12
- package/dist/typings/styled/accordion/StyledAccordion.d.ts +10 -10
- package/dist/typings/styled/accordion/StyledButton.d.ts +20 -20
- package/dist/typings/styled/accordion/StyledHeader.d.ts +13 -13
- package/dist/typings/styled/accordion/StyledInnerPanel.d.ts +15 -15
- package/dist/typings/styled/accordion/StyledPanel.d.ts +15 -15
- package/dist/typings/styled/accordion/StyledRotateIcon.d.ts +16 -16
- package/dist/typings/styled/accordion/StyledSection.d.ts +10 -10
- package/dist/typings/styled/index.d.ts +27 -27
- package/dist/typings/styled/stepper/StyledContent.d.ts +12 -12
- package/dist/typings/styled/stepper/StyledIcon.d.ts +14 -14
- package/dist/typings/styled/stepper/StyledInnerContent.d.ts +8 -11
- package/dist/typings/styled/stepper/StyledLabel.d.ts +12 -12
- package/dist/typings/styled/stepper/StyledLabelText.d.ts +12 -12
- package/dist/typings/styled/stepper/StyledLine.d.ts +10 -10
- package/dist/typings/styled/stepper/StyledStep.d.ts +11 -11
- package/dist/typings/styled/stepper/StyledStepper.d.ts +14 -14
- package/dist/typings/styled/timeline/StyledContent.d.ts +10 -10
- package/dist/typings/styled/timeline/StyledItem.d.ts +16 -16
- package/dist/typings/styled/timeline/StyledItemIcon.d.ts +18 -18
- package/dist/typings/styled/timeline/StyledOppositeContent.d.ts +10 -10
- package/dist/typings/styled/timeline/StyledSeparator.d.ts +10 -10
- package/dist/typings/styled/timeline/StyledTimeline.d.ts +13 -13
- package/dist/typings/types/index.d.ts +55 -55
- package/dist/typings/utils/index.d.ts +13 -13
- package/dist/typings/utils/useAccordionContext.d.ts +19 -19
- package/dist/typings/utils/useHeaderContext.d.ts +13 -13
- package/dist/typings/utils/useSectionContext.d.ts +12 -12
- package/dist/typings/utils/useStepContext.d.ts +12 -12
- package/dist/typings/utils/useStepperContext.d.ts +14 -14
- package/dist/typings/utils/useTimelineContext.d.ts +12 -12
- package/dist/typings/utils/useTimelineItemContext.d.ts +13 -13
- package/package.json +3 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
interface IStyledLabelTextProps {
|
|
8
|
-
isHidden?: boolean;
|
|
9
|
-
isHorizontal?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const StyledLabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledLabelTextProps, never>;
|
|
12
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
interface IStyledLabelTextProps {
|
|
8
|
+
isHidden?: boolean;
|
|
9
|
+
isHorizontal?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledLabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledLabelTextProps, never>;
|
|
12
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
interface IStyledStep {
|
|
8
|
-
isHorizontal?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const StyledStep: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, IStyledStep, never>;
|
|
11
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
interface IStyledStep {
|
|
8
|
+
isHorizontal?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const StyledStep: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, IStyledStep, never>;
|
|
11
|
+
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
interface IStyledStepper {
|
|
8
|
-
isHorizontal?: boolean;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* 1. <ol> reset.
|
|
12
|
-
*/
|
|
13
|
-
export declare const StyledStepper: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, IStyledStepper, never>;
|
|
14
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
interface IStyledStepper {
|
|
8
|
+
isHorizontal?: boolean;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* 1. <ol> reset.
|
|
12
|
+
*/
|
|
13
|
+
export declare const StyledStepper: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, IStyledStepper, never>;
|
|
14
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledTimelineContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledTimelineContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
interface IStyledTimelineItem {
|
|
8
|
-
surfaceColor?: string;
|
|
9
|
-
isAlternate?: boolean;
|
|
10
|
-
hasOppositeContent?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const StyledTimelineItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
|
|
13
|
-
'data-garden-id': string;
|
|
14
|
-
'data-garden-version': string;
|
|
15
|
-
} & IStyledTimelineItem, "data-garden-id" | "data-garden-version">;
|
|
16
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
interface IStyledTimelineItem {
|
|
8
|
+
surfaceColor?: string;
|
|
9
|
+
isAlternate?: boolean;
|
|
10
|
+
hasOppositeContent?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledTimelineItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
|
|
13
|
+
'data-garden-id': string;
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & IStyledTimelineItem, "data-garden-id" | "data-garden-version">;
|
|
16
|
+
export {};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
interface IStyledItemIcon {
|
|
9
|
-
surfaceColor?: string;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* 1. Odd sizing allows the timeline line to center respective of the circle icon.
|
|
13
|
-
*/
|
|
14
|
-
export declare const StyledItemIcon: import("styled-components").StyledComponent<({ surfaceColor, children, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
|
|
15
|
-
'data-garden-id': string;
|
|
16
|
-
'data-garden-version': string;
|
|
17
|
-
} & IStyledItemIcon, "data-garden-id" | "data-garden-version">;
|
|
18
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
interface IStyledItemIcon {
|
|
9
|
+
surfaceColor?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* 1. Odd sizing allows the timeline line to center respective of the circle icon.
|
|
13
|
+
*/
|
|
14
|
+
export declare const StyledItemIcon: import("styled-components").StyledComponent<({ surfaceColor, children, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
|
|
15
|
+
'data-garden-id': string;
|
|
16
|
+
'data-garden-version': string;
|
|
17
|
+
} & IStyledItemIcon, "data-garden-id" | "data-garden-version">;
|
|
18
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledOppositeContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledOppositeContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* 1. <ol> reset.
|
|
9
|
-
*/
|
|
10
|
-
export declare const StyledTimeline: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* 1. <ol> reset.
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledTimeline: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ReactNode, SVGAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes } from 'react';
|
|
8
|
-
export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
9
|
-
/** Sets `aria-level` heading rank in the document structure */
|
|
10
|
-
level: number;
|
|
11
|
-
/** Sets the expanded sections in a controlled accordion */
|
|
12
|
-
expandedSections?: number[];
|
|
13
|
-
/** Sets the default expanded sections in an uncontrolled accordion */
|
|
14
|
-
defaultExpandedSections?: number[];
|
|
15
|
-
/** Hides section borders */
|
|
16
|
-
isBare?: boolean;
|
|
17
|
-
/** Allows uncontrolled accordion sections to collapse */
|
|
18
|
-
isCollapsible?: boolean;
|
|
19
|
-
/** Applies compact styling */
|
|
20
|
-
isCompact?: boolean;
|
|
21
|
-
/** Animates section expansion and collapse */
|
|
22
|
-
isAnimated?: boolean;
|
|
23
|
-
/** Enables simultaneous expansion of uncontrolled accordion sections */
|
|
24
|
-
isExpandable?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Handles accordion expansion changes
|
|
27
|
-
*
|
|
28
|
-
* @param {number} index A section index
|
|
29
|
-
*/
|
|
30
|
-
onChange?: (index: number) => void;
|
|
31
|
-
}
|
|
32
|
-
export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
33
|
-
/** Defines the currently active step, starting at 0 */
|
|
34
|
-
activeIndex?: number;
|
|
35
|
-
/** Applies horizontal layout styling */
|
|
36
|
-
isHorizontal?: boolean;
|
|
37
|
-
}
|
|
38
|
-
export interface IStepperLabelProps extends HTMLAttributes<HTMLDivElement> {
|
|
39
|
-
/** Replaces the label number with an icon */
|
|
40
|
-
icon?: ReactNode;
|
|
41
|
-
/** Passes props to the default check icon */
|
|
42
|
-
iconProps?: SVGAttributes<SVGElement>;
|
|
43
|
-
/** Hides the label text */
|
|
44
|
-
isHidden?: boolean;
|
|
45
|
-
}
|
|
46
|
-
export interface ITimelineProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
47
|
-
/** Applies alternate styling */
|
|
48
|
-
isAlternate?: boolean;
|
|
49
|
-
}
|
|
50
|
-
export interface ITimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
51
|
-
/** Replaces the dot with an icon */
|
|
52
|
-
icon?: ReactNode;
|
|
53
|
-
/** Provides surface color for an icon placed on a non-white background */
|
|
54
|
-
surfaceColor?: string;
|
|
55
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ReactNode, SVGAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes } from 'react';
|
|
8
|
+
export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
9
|
+
/** Sets `aria-level` heading rank in the document structure */
|
|
10
|
+
level: number;
|
|
11
|
+
/** Sets the expanded sections in a controlled accordion */
|
|
12
|
+
expandedSections?: number[];
|
|
13
|
+
/** Sets the default expanded sections in an uncontrolled accordion */
|
|
14
|
+
defaultExpandedSections?: number[];
|
|
15
|
+
/** Hides section borders */
|
|
16
|
+
isBare?: boolean;
|
|
17
|
+
/** Allows uncontrolled accordion sections to collapse */
|
|
18
|
+
isCollapsible?: boolean;
|
|
19
|
+
/** Applies compact styling */
|
|
20
|
+
isCompact?: boolean;
|
|
21
|
+
/** Animates section expansion and collapse */
|
|
22
|
+
isAnimated?: boolean;
|
|
23
|
+
/** Enables simultaneous expansion of uncontrolled accordion sections */
|
|
24
|
+
isExpandable?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Handles accordion expansion changes
|
|
27
|
+
*
|
|
28
|
+
* @param {number} index A section index
|
|
29
|
+
*/
|
|
30
|
+
onChange?: (index: number) => void;
|
|
31
|
+
}
|
|
32
|
+
export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
33
|
+
/** Defines the currently active step, starting at 0 */
|
|
34
|
+
activeIndex?: number;
|
|
35
|
+
/** Applies horizontal layout styling */
|
|
36
|
+
isHorizontal?: boolean;
|
|
37
|
+
}
|
|
38
|
+
export interface IStepperLabelProps extends HTMLAttributes<HTMLDivElement> {
|
|
39
|
+
/** Replaces the label number with an icon */
|
|
40
|
+
icon?: ReactNode;
|
|
41
|
+
/** Passes props to the default check icon */
|
|
42
|
+
iconProps?: SVGAttributes<SVGElement>;
|
|
43
|
+
/** Hides the label text */
|
|
44
|
+
isHidden?: boolean;
|
|
45
|
+
}
|
|
46
|
+
export interface ITimelineProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
47
|
+
/** Applies alternate styling */
|
|
48
|
+
isAlternate?: boolean;
|
|
49
|
+
}
|
|
50
|
+
export interface ITimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
51
|
+
/** Replaces the dot with an icon */
|
|
52
|
+
icon?: ReactNode;
|
|
53
|
+
/** Provides surface color for an icon placed on a non-white background */
|
|
54
|
+
surfaceColor?: string;
|
|
55
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export * from './useStepperContext';
|
|
8
|
-
export * from './useStepContext';
|
|
9
|
-
export * from './useAccordionContext';
|
|
10
|
-
export * from './useSectionContext';
|
|
11
|
-
export * from './useHeaderContext';
|
|
12
|
-
export * from './useTimelineContext';
|
|
13
|
-
export * from './useTimelineItemContext';
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export * from './useStepperContext';
|
|
8
|
+
export * from './useStepContext';
|
|
9
|
+
export * from './useAccordionContext';
|
|
10
|
+
export * from './useSectionContext';
|
|
11
|
+
export * from './useHeaderContext';
|
|
12
|
+
export * from './useTimelineContext';
|
|
13
|
+
export * from './useTimelineItemContext';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { MutableRefObject } from 'react';
|
|
8
|
-
import { IUseAccordionPropGetters } from '
|
|
9
|
-
export interface IAccordionContext extends IUseAccordionPropGetters {
|
|
10
|
-
expandedSections: number[];
|
|
11
|
-
currentIndexRef: MutableRefObject<number>;
|
|
12
|
-
level: number;
|
|
13
|
-
isCompact?: boolean;
|
|
14
|
-
isAnimated?: boolean;
|
|
15
|
-
isBare?: boolean;
|
|
16
|
-
isCollapsible?: boolean;
|
|
17
|
-
}
|
|
18
|
-
export declare const AccordionContext: import("react").Context<IAccordionContext | undefined>;
|
|
19
|
-
export declare const useAccordionContext: () => IAccordionContext;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { MutableRefObject } from 'react';
|
|
8
|
+
import { IUseAccordionPropGetters } from '@zendeskgarden/container-accordion';
|
|
9
|
+
export interface IAccordionContext extends IUseAccordionPropGetters {
|
|
10
|
+
expandedSections: number[];
|
|
11
|
+
currentIndexRef: MutableRefObject<number>;
|
|
12
|
+
level: number;
|
|
13
|
+
isCompact?: boolean;
|
|
14
|
+
isAnimated?: boolean;
|
|
15
|
+
isBare?: boolean;
|
|
16
|
+
isCollapsible?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const AccordionContext: import("react").Context<IAccordionContext | undefined>;
|
|
19
|
+
export declare const useAccordionContext: () => IAccordionContext;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
export interface IHeaderContext {
|
|
9
|
-
isHovered: boolean;
|
|
10
|
-
otherTriggerProps: any;
|
|
11
|
-
}
|
|
12
|
-
export declare const HeaderContext: import("react").Context<IHeaderContext | undefined>;
|
|
13
|
-
export declare const useHeaderContext: () => IHeaderContext;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export interface IHeaderContext {
|
|
9
|
+
isHovered: boolean;
|
|
10
|
+
otherTriggerProps: any;
|
|
11
|
+
}
|
|
12
|
+
export declare const HeaderContext: import("react").Context<IHeaderContext | undefined>;
|
|
13
|
+
export declare const useHeaderContext: () => IHeaderContext;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
export interface ISectionContext {
|
|
9
|
-
sectionIndex: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const SectionContext: import("react").Context<number | undefined>;
|
|
12
|
-
export declare const useSectionContext: () => number;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export interface ISectionContext {
|
|
9
|
+
sectionIndex: number;
|
|
10
|
+
}
|
|
11
|
+
export declare const SectionContext: import("react").Context<number | undefined>;
|
|
12
|
+
export declare const useSectionContext: () => number;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
export interface IStepContext {
|
|
9
|
-
currentStepIndex: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const StepContext: import("react").Context<IStepContext | undefined>;
|
|
12
|
-
export declare const useStepContext: () => IStepContext;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export interface IStepContext {
|
|
9
|
+
currentStepIndex: number;
|
|
10
|
+
}
|
|
11
|
+
export declare const StepContext: import("react").Context<IStepContext | undefined>;
|
|
12
|
+
export declare const useStepContext: () => IStepContext;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
export interface IStepperContext {
|
|
9
|
-
activeIndex: number;
|
|
10
|
-
isHorizontal: boolean;
|
|
11
|
-
currentIndexRef: React.MutableRefObject<number>;
|
|
12
|
-
}
|
|
13
|
-
export declare const StepperContext: import("react").Context<IStepperContext | undefined>;
|
|
14
|
-
export declare const useStepperContext: () => IStepperContext;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export interface IStepperContext {
|
|
9
|
+
activeIndex: number;
|
|
10
|
+
isHorizontal: boolean;
|
|
11
|
+
currentIndexRef: React.MutableRefObject<number>;
|
|
12
|
+
}
|
|
13
|
+
export declare const StepperContext: import("react").Context<IStepperContext | undefined>;
|
|
14
|
+
export declare const useStepperContext: () => IStepperContext;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
export interface ITimelineContext {
|
|
9
|
-
isAlternate?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const TimelineContext: import("react").Context<ITimelineContext | undefined>;
|
|
12
|
-
export declare const useTimelineContext: () => ITimelineContext;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export interface ITimelineContext {
|
|
9
|
+
isAlternate?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const TimelineContext: import("react").Context<ITimelineContext | undefined>;
|
|
12
|
+
export declare const useTimelineContext: () => ITimelineContext;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { ReactNode } from 'react';
|
|
8
|
-
export interface ITimelineItemContext {
|
|
9
|
-
icon?: ReactNode;
|
|
10
|
-
surfaceColor?: string;
|
|
11
|
-
}
|
|
12
|
-
export declare const TimelineItemContext: import("react").Context<ITimelineItemContext | undefined>;
|
|
13
|
-
export declare const useTimelineItemContext: () => ITimelineItemContext;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { ReactNode } from 'react';
|
|
8
|
+
export interface ITimelineItemContext {
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
surfaceColor?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const TimelineItemContext: import("react").Context<ITimelineItemContext | undefined>;
|
|
13
|
+
export declare const useTimelineItemContext: () => ITimelineItemContext;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-accordions",
|
|
3
|
-
"version": "8.69.
|
|
3
|
+
"version": "8.69.4",
|
|
4
4
|
"description": "Components related to accordions in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@types/lodash.debounce": "4.0.7",
|
|
39
|
-
"@zendeskgarden/react-theming": "^8.69.
|
|
39
|
+
"@zendeskgarden/react-theming": "^8.69.4",
|
|
40
40
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
41
41
|
},
|
|
42
42
|
"keywords": [
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
52
|
"zendeskgarden:src": "src/index.ts",
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "4911fa867a3c7e72f0c78dcea8748893c3070c17"
|
|
54
54
|
}
|