@appquality/unguess-design-system 2.10.32 → 2.10.35
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/CHANGELOG.md +36 -0
- package/build/index.d.ts +1 -0
- package/build/index.js +330 -242
- package/build/stories/navigation/sidebar/_types.d.ts +1 -0
- package/build/stories/timeline/_types.d.ts +14 -0
- package/build/stories/timeline/index.d.ts +17 -0
- package/build/stories/timeline/index.stories.d.ts +20 -0
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ITimelineProps, ITimelineItemProps } from "@zendeskgarden/react-accordions";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface TimelineArgs extends ITimelineProps {
|
|
4
|
+
/** Applies alternate styling */
|
|
5
|
+
isAlternate?: boolean;
|
|
6
|
+
/** Applies invisibility power to timeline line */
|
|
7
|
+
hiddenLine?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface TimelineItemArgs extends ITimelineItemProps {
|
|
10
|
+
/** Replaces the dot with an icon */
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
/** Provides surface color for an icon placed on a non-white background */
|
|
13
|
+
surfaceColor?: string;
|
|
14
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TimelineArgs } from "./_types";
|
|
3
|
+
/**
|
|
4
|
+
* A Timeline lists events over a period of time.
|
|
5
|
+
* <hr>
|
|
6
|
+
* Used for this:
|
|
7
|
+
- To track an issue over time
|
|
8
|
+
- To show events associated with an item
|
|
9
|
+
* Not for this:
|
|
10
|
+
- To guide users through a step by step process, use a Stepper instead
|
|
11
|
+
*/
|
|
12
|
+
declare const Timeline: {
|
|
13
|
+
(props: TimelineArgs): JSX.Element;
|
|
14
|
+
Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").ITimelineItemProps & import("react").RefAttributes<HTMLLIElement>>, any, TimelineArgs, never>;
|
|
15
|
+
Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
16
|
+
};
|
|
17
|
+
export { Timeline };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta, Story } from "@storybook/react";
|
|
3
|
+
import { TimelineArgs } from "./_types";
|
|
4
|
+
interface TimelineItemArgs {
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
interface TimelineStoryProps extends TimelineArgs {
|
|
10
|
+
items: TimelineItemArgs[];
|
|
11
|
+
}
|
|
12
|
+
export declare const Default: Story<TimelineStoryProps>;
|
|
13
|
+
export declare const InvisibleLine: Story<TimelineStoryProps>;
|
|
14
|
+
export declare const Alternate: Story<TimelineStoryProps>;
|
|
15
|
+
declare const _default: ComponentMeta<{
|
|
16
|
+
(props: TimelineArgs): JSX.Element;
|
|
17
|
+
Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").ITimelineItemProps & import("react").RefAttributes<HTMLLIElement>>, any, TimelineArgs, never>;
|
|
18
|
+
Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
19
|
+
}>;
|
|
20
|
+
export default _default;
|