trepur_components 2.4.1 → 2.4.2
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/lib/components/Accordion/Accordion.stories.d.ts +13 -0
- package/lib/components/AlertBar/AlertBar.stories.d.ts +25 -0
- package/lib/components/AlertBar/index.d.ts +1 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
- package/lib/components/Avatar/index.d.ts +2 -0
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +20 -0
- package/lib/components/Breadcrumbs/index.d.ts +1 -0
- package/lib/components/Button/Button.stories.d.ts +9 -4
- package/lib/components/Button/index.d.ts +1 -0
- package/lib/components/Calendar/Calendar.stories.d.ts +11 -0
- package/lib/components/Calendar/index.d.ts +1 -0
- package/lib/components/Card/Card.stories.d.ts +11 -0
- package/lib/components/Carousel/Carousel.stories.d.ts +21 -0
- package/lib/components/Carousel/index.d.ts +1 -0
- package/lib/components/Carousel/index.js +1 -1
- package/lib/components/CarouselThumbnail/CarouselThumbnail.stories.d.ts +22 -0
- package/lib/components/CarouselThumbnail/index.d.ts +1 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +17 -0
- package/lib/components/Checkbox/index.d.ts +1 -0
- package/lib/components/Collapsible/Collapsible.stories.d.ts +23 -0
- package/lib/components/Collapsible/index.d.ts +2 -1
- package/lib/components/Collapsible/index.js +1 -1
- package/lib/components/Counter/Counter.stories.d.ts +17 -0
- package/lib/components/Counter/index.d.ts +1 -0
- package/lib/components/DetailUpdater/DetailUpdater.stories.d.ts +18 -0
- package/lib/components/Dialog/Dialog.stories.d.ts +15 -0
- package/lib/components/Dialog/index.d.ts +2 -1
- package/lib/components/Dropdown/Dropdown.stories.d.ts +17 -0
- package/lib/components/Dropdown/index.d.ts +2 -1
- package/lib/components/FileUploader/FileUploader.stories.d.ts +18 -0
- package/lib/components/FileUploader/index.d.ts +1 -0
- package/lib/components/Footer/Footer.stories.d.ts +19 -0
- package/lib/components/Footer/index.d.ts +1 -0
- package/lib/components/FooterNav/FooterNav.stories.d.ts +22 -0
- package/lib/components/FooterNav/index.d.ts +1 -0
- package/lib/components/Form/Form.stories.d.ts +66 -0
- package/lib/components/Form/index.d.ts +3 -2
- package/lib/components/Gallery/Gallery.stories.d.ts +16 -0
- package/lib/components/Gallery/index.d.ts +2 -1
- package/lib/components/Greeting/Greeting.stories.d.ts +13 -0
- package/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +12 -0
- package/lib/components/Icon/Icon.stories.d.ts +16 -0
- package/lib/components/Icon/index.d.ts +1 -0
- package/lib/components/Image/Image.stories.d.ts +13 -0
- package/lib/components/ImageCard/ImageCard.stories.d.ts +23 -0
- package/lib/components/ImageCard/index.d.ts +2 -1
- package/lib/components/Input/Input.stories.d.ts +21 -0
- package/lib/components/Input/index.d.ts +1 -0
- package/lib/components/Link/Link.stories.d.ts +30 -0
- package/lib/components/Link/index.d.ts +1 -0
- package/lib/components/Map/Map.stories.d.ts +18 -0
- package/lib/components/Map/index.d.ts +1 -0
- package/lib/components/Map/utils.d.ts +1 -0
- package/lib/components/MenuButton/MenuButton.stories.d.ts +28 -0
- package/lib/components/MenuButton/index.d.ts +2 -0
- package/lib/components/Modal/Modal.stories.d.ts +67 -0
- package/lib/components/Modal/index.d.ts +2 -0
- package/lib/components/Nav/Nav.stories.d.ts +32 -0
- package/lib/components/Nav/index.d.ts +1 -0
- package/lib/components/NavItem/NavItem.stories.d.ts +22 -0
- package/lib/components/NavItem/index.d.ts +1 -0
- package/lib/components/Pill/Pill.stories.d.ts +26 -0
- package/lib/components/Pill/index.d.ts +1 -0
- package/lib/components/Search/Search.stories.d.ts +44 -0
- package/lib/components/Search/index.d.ts +2 -1
- package/lib/components/Select/Select.stories.d.ts +24 -0
- package/lib/components/Showcase/Showcase.stories.d.ts +17 -0
- package/lib/components/Showcase/index.d.ts +2 -1
- package/lib/components/SideNav/SideNav.stories.d.ts +40 -0
- package/lib/components/SideNav/index.d.ts +1 -0
- package/lib/components/SocialButton/SocialButton.stories.d.ts +83 -0
- package/lib/components/SocialButton/index.d.ts +2 -0
- package/lib/components/SplitCard/SplitCard.stories.d.ts +21 -0
- package/lib/components/SplitCard/index.d.ts +1 -0
- package/lib/components/Stars/Stars.stories.d.ts +14 -0
- package/lib/components/Testimonial/Testimonial.stories.d.ts +21 -0
- package/lib/components/Testimonial/index.d.ts +2 -1
- package/lib/components/TextArea/TextArea.stories.d.ts +21 -0
- package/lib/components/TextArea/index.d.ts +1 -0
- package/lib/components/Timeline/Timeline.stories.d.ts +21 -0
- package/lib/components/Timeline/index.d.ts +1 -0
- package/lib/components/Tubestops/Tubestops.stories.d.ts +24 -0
- package/lib/components/Tubestops/index.d.ts +1 -0
- package/lib/components/Video/Video.stories.d.ts +23 -0
- package/lib/components/Video/index.d.ts +1 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/documentation/components/ThemeColours.d.ts +20 -0
- package/lib/documentation/typography/Fonts/Fonts.d.ts +2 -0
- package/lib/documentation/typography/Fonts/Fonts.stories.d.ts +10 -0
- package/lib/sample.jpg +0 -0
- package/lib/trepurComponentsLogo.svg +32 -0
- package/package.json +65 -36
- package/lib/styles/themes/rupertbennett.css +0 -78
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Accordion } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: any;
|
|
7
|
+
args: {
|
|
8
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof Accordion>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { AlertBar } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').AlertbarContextProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
8
|
+
Icon: import('react').ForwardRefExoticComponent<{
|
|
9
|
+
icon: any;
|
|
10
|
+
} & import('react').RefAttributes<SVGSVGElement>>;
|
|
11
|
+
Dismiss: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLButtonElement>, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
};
|
|
13
|
+
args: {
|
|
14
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof AlertBar>;
|
|
19
|
+
export declare const Default: Story;
|
|
20
|
+
export declare const Error: Story;
|
|
21
|
+
export declare const Success: Story;
|
|
22
|
+
export declare const Warning: Story;
|
|
23
|
+
export declare const Info: Story;
|
|
24
|
+
export declare const Dismiss: Story;
|
|
25
|
+
export declare const Loading: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Breadcrumbs } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLUListElement> & import('.').BreadcrumbsContextProps & import('react').RefAttributes<HTMLUListElement>> & {
|
|
7
|
+
Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {
|
|
8
|
+
children?: any;
|
|
9
|
+
} & import('react').RefAttributes<HTMLLIElement>>;
|
|
10
|
+
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
|
|
11
|
+
href?: string;
|
|
12
|
+
} & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
};
|
|
14
|
+
args: {
|
|
15
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
type Story = StoryObj<typeof Breadcrumbs>;
|
|
20
|
+
export declare const Default: Story;
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
import { Button } from '
|
|
2
|
-
import { StoryObj } from '@storybook/react
|
|
1
|
+
import { Button } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
3
4
|
declare const meta: {
|
|
4
|
-
tags: string[];
|
|
5
5
|
title: string;
|
|
6
|
-
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('./').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
|
|
7
7
|
Icon: import('react').ForwardRefExoticComponent<{
|
|
8
8
|
icon: any;
|
|
9
9
|
} & import('react').RefAttributes<SVGSVGElement>>;
|
|
10
10
|
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
11
11
|
};
|
|
12
|
+
args: {
|
|
13
|
+
variant: "primary";
|
|
14
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
15
|
+
onClick: import('@storybook/addon-actions').HandlerFunction;
|
|
16
|
+
};
|
|
12
17
|
};
|
|
13
18
|
export default meta;
|
|
14
19
|
type Story = StoryObj<typeof Button>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CalendarComponent } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: any;
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof CalendarComponent>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const ShowDoubleView: Story;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Carousel } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').CarouselContextProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Arrow: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Dots: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').DotProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
};
|
|
12
|
+
args: {
|
|
13
|
+
perView: number;
|
|
14
|
+
spacing: number;
|
|
15
|
+
loop: true;
|
|
16
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export default meta;
|
|
20
|
+
type Story = StoryObj<typeof Carousel>;
|
|
21
|
+
export declare const Default: Story;
|
|
@@ -101,7 +101,7 @@ const p = I(null), b = m(
|
|
|
101
101
|
),
|
|
102
102
|
onClick: (c) => {
|
|
103
103
|
var l, a;
|
|
104
|
-
|
|
104
|
+
t ? c.stopPropagation() !== void 0 || ((l = r.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null || a.prev());
|
|
105
105
|
},
|
|
106
106
|
...s,
|
|
107
107
|
children: /* @__PURE__ */ n(w, { icon: t ? L : T, size: "3x" })
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { CarouselThumbnail } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').CarouselThumbnailContextProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Slide: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & {
|
|
9
|
+
src: string;
|
|
10
|
+
} & import('react').RefAttributes<HTMLImageElement>>;
|
|
11
|
+
};
|
|
12
|
+
args: {
|
|
13
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
14
|
+
loop: true;
|
|
15
|
+
drag: true;
|
|
16
|
+
rubberband: true;
|
|
17
|
+
spacing: number;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof CarouselThumbnail>;
|
|
22
|
+
export declare const Default: Story;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
3
|
+
|
|
3
4
|
export interface CarouselThumbnailContextProps {
|
|
4
5
|
slideWrapperClassName?: string;
|
|
5
6
|
breakpoints?: Record<string, Omit<KeenSliderOptions<object, object, KeenSliderHooks>, 'breakpoints'>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Checkbox } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLabelElement> & import('./').CheckboxProps & import('react').RefAttributes<HTMLLabelElement>> & {
|
|
7
|
+
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLSpanElement> & import('./').CheckboxProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
};
|
|
9
|
+
args: {
|
|
10
|
+
onClick: import('@storybook/addon-actions').HandlerFunction;
|
|
11
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
16
|
+
export declare const Checked: Story;
|
|
17
|
+
export declare const Unchecked: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Collapsible } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').CollapsibleContextProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
HeaderContent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Image: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
11
|
+
Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
12
|
+
Subtitle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
13
|
+
Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
15
|
+
};
|
|
16
|
+
parameters: {};
|
|
17
|
+
args: {
|
|
18
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof Collapsible>;
|
|
23
|
+
export declare const Default: Story;
|
|
@@ -2,7 +2,7 @@ import { jsx as s, jsxs as H } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as o, useState as T, useMemo as I, createContext as S, useContext as c } from "react";
|
|
3
3
|
import { Icon as L } from "../Icon/index.js";
|
|
4
4
|
import { Image as j } from "../Image/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { faChevronUp as M, faChevronDown as _ } from "@fortawesome/fontawesome-free-solid";
|
|
6
6
|
import n from "clsx";
|
|
7
7
|
const m = S(null), x = o(
|
|
8
8
|
({ id: e, className: l, children: t, loading: a, defaultExpanded: i = !1, ...r }, g) => {
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Counter } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').CounterContextProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
DecrementIcon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
IncrementIcon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Count: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
};
|
|
11
|
+
args: {
|
|
12
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof Counter>;
|
|
17
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DetailUpdater } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ id, className, title, description, expandText, collapseText, ctaText, children, onSubmit, onCancel, value }: import('./').DetailUpdatesProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
args: {
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
expandText: string;
|
|
11
|
+
collapseText: string;
|
|
12
|
+
ctaText: string;
|
|
13
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof DetailUpdater>;
|
|
18
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: () => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
args: {
|
|
7
|
+
title: string;
|
|
8
|
+
paragraph: string;
|
|
9
|
+
dismissText: string;
|
|
10
|
+
imageUrl: string;
|
|
11
|
+
onDismissClick: import('@storybook/addon-actions').HandlerFunction;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare const _Dialog: (args: any) => React.ReactElement;
|
|
15
|
+
export default meta;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Dropdown } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
List: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
|
|
10
|
+
};
|
|
11
|
+
args: {
|
|
12
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof Dropdown>;
|
|
17
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FileUploader } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').FileUploaderContextProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Input: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
9
|
+
FilePreview: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
};
|
|
11
|
+
args: {
|
|
12
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
13
|
+
onDrop: (files: any) => void;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof FileUploader>;
|
|
18
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Footer } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Bar: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
8
|
+
Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Column: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
13
|
+
args: {
|
|
14
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof Footer>;
|
|
19
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FooterNav } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
href?: string;
|
|
9
|
+
onClick?: any;
|
|
10
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Icon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
icon: import('@fortawesome/fontawesome-free-solid').IconDefinition | import('@fortawesome/fontawesome-svg-core').IconProp;
|
|
14
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
+
};
|
|
16
|
+
args: {
|
|
17
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof FooterNav>;
|
|
22
|
+
export declare const Default: Story;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
|
|
3
3
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
|
|
4
5
|
declare const FooterNav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
5
6
|
Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
6
7
|
href?: string;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Form } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ id, className, onSubmit, ref, components }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
argTypes: {
|
|
8
|
+
onSubmit: {
|
|
9
|
+
type: {
|
|
10
|
+
name: "function";
|
|
11
|
+
required: false;
|
|
12
|
+
};
|
|
13
|
+
description: string;
|
|
14
|
+
action: string;
|
|
15
|
+
table: {
|
|
16
|
+
type: {
|
|
17
|
+
summary: string;
|
|
18
|
+
};
|
|
19
|
+
defaultValue: {
|
|
20
|
+
summary: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
ref: {
|
|
25
|
+
type: {
|
|
26
|
+
name: "other";
|
|
27
|
+
value: string;
|
|
28
|
+
};
|
|
29
|
+
description: string;
|
|
30
|
+
table: {
|
|
31
|
+
type: {
|
|
32
|
+
summary: string;
|
|
33
|
+
};
|
|
34
|
+
defaultValue: {
|
|
35
|
+
summary: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
components: {
|
|
40
|
+
description: string;
|
|
41
|
+
control: string;
|
|
42
|
+
table: {
|
|
43
|
+
type: {
|
|
44
|
+
summary: string;
|
|
45
|
+
};
|
|
46
|
+
defaultValue: {
|
|
47
|
+
summary: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
args: {
|
|
53
|
+
components: ({
|
|
54
|
+
htmlType: string;
|
|
55
|
+
label: string;
|
|
56
|
+
placeholder: string;
|
|
57
|
+
} | {
|
|
58
|
+
htmlType: string;
|
|
59
|
+
label?: undefined;
|
|
60
|
+
placeholder?: undefined;
|
|
61
|
+
})[];
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
export default meta;
|
|
65
|
+
type Story = StoryObj<typeof Form>;
|
|
66
|
+
export declare const Default: Story;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ButtonProps } from '
|
|
2
|
-
import { InputContextProps } from '
|
|
1
|
+
import { ButtonProps } from '../Button';
|
|
2
|
+
import { InputContextProps } from '../Input';
|
|
3
|
+
|
|
3
4
|
export interface Props {
|
|
4
5
|
id?: string;
|
|
5
6
|
className?: string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Gallery } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
};
|
|
9
|
+
args: {
|
|
10
|
+
className: string;
|
|
11
|
+
children: import("react/jsx-runtime").JSX.Element[];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof Gallery>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { ImageProps } from '
|
|
2
|
+
import { ImageProps } from '../Image';
|
|
3
|
+
|
|
3
4
|
declare const Gallery: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
4
5
|
Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & ImageProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
6
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Greeting } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: any;
|
|
7
|
+
args: {
|
|
8
|
+
morningMessage: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof Greeting>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { HamburgerIcon } from '.';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: any;
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof HamburgerIcon>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const Secondary: Story;
|
|
12
|
+
export declare const Ghost: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Icon } from './';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: any;
|
|
7
|
+
args: {
|
|
8
|
+
icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof Icon>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const Colour: Story;
|
|
15
|
+
export declare const Size: Story;
|
|
16
|
+
export declare const Annimation: Story;
|