vitam-uikit-apps 0.1.0
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/types/components/Accordion/Accordion.stories.d.ts +10 -0
- package/dist/types/components/Accordion/Accordion.vue.d.ts +44 -0
- package/dist/types/components/Accordion/index.d.ts +1 -0
- package/dist/types/components/Avatar/Avatar.stories.d.ts +10 -0
- package/dist/types/components/Avatar/Avatar.vue.d.ts +18 -0
- package/dist/types/components/Avatar/index.d.ts +1 -0
- package/dist/types/components/Badge/Badge.stories.d.ts +11 -0
- package/dist/types/components/Badge/Badge.vue.d.ts +19 -0
- package/dist/types/components/Badge/index.d.ts +1 -0
- package/dist/types/components/Breadcrumb/Breadcrumb.stories.d.ts +9 -0
- package/dist/types/components/Breadcrumb/Breadcrumb.vue.d.ts +27 -0
- package/dist/types/components/Breadcrumb/index.d.ts +1 -0
- package/dist/types/components/BurgerButton/BurgerButton.stories.d.ts +9 -0
- package/dist/types/components/BurgerButton/BurgerButton.vue.d.ts +23 -0
- package/dist/types/components/BurgerButton/index.d.ts +1 -0
- package/dist/types/components/Button/Button.stories.d.ts +19 -0
- package/dist/types/components/Button/Button.vue.d.ts +34 -0
- package/dist/types/components/Button/index.d.ts +2 -0
- package/dist/types/components/Card/Card.stories.d.ts +11 -0
- package/dist/types/components/Card/Card.vue.d.ts +30 -0
- package/dist/types/components/Card/index.d.ts +1 -0
- package/dist/types/components/Checkbox/Checkbox.stories.d.ts +16 -0
- package/dist/types/components/Checkbox/Checkbox.vue.d.ts +28 -0
- package/dist/types/components/Checkbox/index.d.ts +1 -0
- package/dist/types/components/EmptyState/EmptyState.stories.d.ts +9 -0
- package/dist/types/components/EmptyState/EmptyState.vue.d.ts +21 -0
- package/dist/types/components/EmptyState/index.d.ts +1 -0
- package/dist/types/components/Footer/Footer.stories.d.ts +9 -0
- package/dist/types/components/Footer/Footer.vue.d.ts +29 -0
- package/dist/types/components/Footer/index.d.ts +1 -0
- package/dist/types/components/Input/Input.stories.d.ts +12 -0
- package/dist/types/components/Input/Input.vue.d.ts +33 -0
- package/dist/types/components/Input/index.d.ts +1 -0
- package/dist/types/components/Label/Label.stories.d.ts +13 -0
- package/dist/types/components/Label/Label.vue.d.ts +27 -0
- package/dist/types/components/Label/index.d.ts +1 -0
- package/dist/types/components/Modal/Modal.stories.d.ts +9 -0
- package/dist/types/components/Modal/Modal.vue.d.ts +36 -0
- package/dist/types/components/Modal/index.d.ts +1 -0
- package/dist/types/components/NavBar/NavBar.stories.d.ts +10 -0
- package/dist/types/components/NavBar/NavBar.vue.d.ts +39 -0
- package/dist/types/components/NavBar/index.d.ts +1 -0
- package/dist/types/components/NavMenu/NavMenu.stories.d.ts +10 -0
- package/dist/types/components/NavMenu/NavMenu.vue.d.ts +42 -0
- package/dist/types/components/NavMenu/index.d.ts +1 -0
- package/dist/types/components/Overlay/Overlay.stories.d.ts +11 -0
- package/dist/types/components/Overlay/Overlay.vue.d.ts +22 -0
- package/dist/types/components/Overlay/index.d.ts +1 -0
- package/dist/types/components/OverlayLoader/OverlayLoader.stories.d.ts +8 -0
- package/dist/types/components/OverlayLoader/OverlayLoader.vue.d.ts +16 -0
- package/dist/types/components/OverlayLoader/index.d.ts +1 -0
- package/dist/types/components/Pagination/Pagination.stories.d.ts +10 -0
- package/dist/types/components/Pagination/Pagination.vue.d.ts +22 -0
- package/dist/types/components/Pagination/index.d.ts +1 -0
- package/dist/types/components/Pill/Pill.stories.d.ts +8 -0
- package/dist/types/components/Pill/Pill.vue.d.ts +14 -0
- package/dist/types/components/Pill/index.d.ts +1 -0
- package/dist/types/components/RadioGroup/RadioGroup.stories.d.ts +12 -0
- package/dist/types/components/RadioGroup/RadioGroup.vue.d.ts +30 -0
- package/dist/types/components/RadioGroup/index.d.ts +1 -0
- package/dist/types/components/Selector/Selector.stories.d.ts +13 -0
- package/dist/types/components/Selector/Selector.vue.d.ts +33 -0
- package/dist/types/components/Selector/index.d.ts +1 -0
- package/dist/types/components/Switch/Switch.stories.d.ts +13 -0
- package/dist/types/components/Switch/Switch.vue.d.ts +24 -0
- package/dist/types/components/Switch/index.d.ts +1 -0
- package/dist/types/components/Table/Table.stories.d.ts +10 -0
- package/dist/types/components/Table/Table.vue.d.ts +35 -0
- package/dist/types/components/Table/index.d.ts +1 -0
- package/dist/types/components/Tabs/Tabs.stories.d.ts +10 -0
- package/dist/types/components/Tabs/Tabs.vue.d.ts +36 -0
- package/dist/types/components/Tabs/index.d.ts +1 -0
- package/dist/types/components/TextArea/TextArea.stories.d.ts +15 -0
- package/dist/types/components/TextArea/TextArea.vue.d.ts +36 -0
- package/dist/types/components/TextArea/index.d.ts +1 -0
- package/dist/types/components/TitleCard/TitleCard.stories.d.ts +10 -0
- package/dist/types/components/TitleCard/TitleCard.vue.d.ts +25 -0
- package/dist/types/components/TitleCard/index.d.ts +1 -0
- package/dist/types/components/Toast/Toast.stories.d.ts +14 -0
- package/dist/types/components/Toast/Toast.vue.d.ts +21 -0
- package/dist/types/components/Toast/index.d.ts +1 -0
- package/dist/types/components/Tooltip/Tooltip.stories.d.ts +12 -0
- package/dist/types/components/Tooltip/Tooltip.vue.d.ts +28 -0
- package/dist/types/components/Tooltip/index.d.ts +1 -0
- package/dist/types/index.d.ts +29 -0
- package/dist/types/types.d.ts +3 -0
- package/dist/vitam-uikit-apps.cjs.js +2 -0
- package/dist/vitam-uikit-apps.cjs.js.map +1 -0
- package/dist/vitam-uikit-apps.css +1 -0
- package/dist/vitam-uikit-apps.esm.js +1990 -0
- package/dist/vitam-uikit-apps.esm.js.map +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Accordion from './Accordion.vue';
|
|
3
|
+
declare const meta: Meta<typeof Accordion>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Accordion>;
|
|
6
|
+
export declare const SingleOpen: Story;
|
|
7
|
+
export declare const MultipleOpen: Story;
|
|
8
|
+
export declare const DisabledItems: Story;
|
|
9
|
+
export declare const ErrorVariant: Story;
|
|
10
|
+
export declare const ItemWithLeftIcon: Story;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc } from '../../types';
|
|
2
|
+
interface AccordionItem {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
content?: string;
|
|
6
|
+
leftIconSrc?: SvgIconSrc;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface Props {
|
|
10
|
+
items: AccordionItem[];
|
|
11
|
+
multiple?: boolean;
|
|
12
|
+
modelValue?: string[];
|
|
13
|
+
variant?: StateVariant;
|
|
14
|
+
}
|
|
15
|
+
declare var __VLS_2: `item-${string}`, __VLS_3: {
|
|
16
|
+
item: AccordionItem;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_Slots = {} & {
|
|
19
|
+
[K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
|
|
20
|
+
};
|
|
21
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: string[]) => any;
|
|
23
|
+
toggle: (payload: {
|
|
24
|
+
id: string;
|
|
25
|
+
open: boolean;
|
|
26
|
+
}) => any;
|
|
27
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
28
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
29
|
+
onToggle?: ((payload: {
|
|
30
|
+
id: string;
|
|
31
|
+
open: boolean;
|
|
32
|
+
}) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
variant: StateVariant;
|
|
35
|
+
modelValue: string[];
|
|
36
|
+
multiple: boolean;
|
|
37
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
38
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Accordion } from './Accordion.vue';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Avatar from './Avatar.vue';
|
|
3
|
+
declare const meta: Meta<typeof Avatar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Avatar>;
|
|
6
|
+
export declare const ImageAvatar: Story;
|
|
7
|
+
export declare const InitialsFallback: Story;
|
|
8
|
+
export declare const SvgIconFallback: Story;
|
|
9
|
+
export declare const SizesAndShapes: Story;
|
|
10
|
+
export declare const VariantExample: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc } from '../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
src?: string;
|
|
4
|
+
alt?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
+
shape?: 'circle' | 'square';
|
|
8
|
+
fallbackIconSrc?: SvgIconSrc;
|
|
9
|
+
variant?: StateVariant;
|
|
10
|
+
decorative?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
variant: StateVariant;
|
|
14
|
+
size: "xs" | "sm" | "md" | "lg";
|
|
15
|
+
decorative: boolean;
|
|
16
|
+
shape: "circle" | "square";
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Avatar } from './Avatar.vue';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Badge from './Badge.vue';
|
|
3
|
+
declare const meta: Meta<typeof Badge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Badge>;
|
|
6
|
+
export declare const TextBadge: Story;
|
|
7
|
+
export declare const CountBadge: Story;
|
|
8
|
+
export declare const MaxOverflow: Story;
|
|
9
|
+
export declare const WithLeftIcon: Story;
|
|
10
|
+
export declare const ErrorVariant: Story;
|
|
11
|
+
export declare const InvertedVariant: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { SizeToken, StateVariant, SvgIconSrc } from '../../types';
|
|
2
|
+
type BadgeSize = Extract<SizeToken, 'sm' | 'md'>;
|
|
3
|
+
interface Props {
|
|
4
|
+
text?: string;
|
|
5
|
+
count?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
size?: BadgeSize;
|
|
8
|
+
variant?: StateVariant;
|
|
9
|
+
leftIconSrc?: SvgIconSrc;
|
|
10
|
+
decorative?: boolean;
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
14
|
+
variant: StateVariant;
|
|
15
|
+
size: BadgeSize;
|
|
16
|
+
max: number;
|
|
17
|
+
decorative: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Badge } from './Badge.vue';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Breadcrumb from './Breadcrumb.vue';
|
|
3
|
+
declare const meta: Meta<typeof Breadcrumb>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Breadcrumb>;
|
|
6
|
+
export declare const BasicTrail: Story;
|
|
7
|
+
export declare const LongTrail: Story;
|
|
8
|
+
export declare const VariantError: Story;
|
|
9
|
+
export declare const WithIcons: Story;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc } from '../../types';
|
|
2
|
+
interface BreadcrumbItem {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
leftIconSrc?: SvgIconSrc;
|
|
7
|
+
}
|
|
8
|
+
interface Props {
|
|
9
|
+
items: BreadcrumbItem[];
|
|
10
|
+
separator?: string;
|
|
11
|
+
variant?: StateVariant;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
navigate: (payload: {
|
|
15
|
+
value?: string;
|
|
16
|
+
href?: string;
|
|
17
|
+
}) => any;
|
|
18
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
19
|
+
onNavigate?: ((payload: {
|
|
20
|
+
value?: string;
|
|
21
|
+
href?: string;
|
|
22
|
+
}) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
variant: StateVariant;
|
|
25
|
+
separator: string;
|
|
26
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Breadcrumb } from './Breadcrumb.vue';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import BurgerButton from './BurgerButton.vue';
|
|
3
|
+
declare const meta: Meta<typeof BurgerButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof BurgerButton>;
|
|
6
|
+
export declare const Closed: Story;
|
|
7
|
+
export declare const Open: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const CustomIcons: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc } from '../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
labelOpen?: string;
|
|
5
|
+
labelClose?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
variant?: StateVariant;
|
|
8
|
+
openIconSrc: SvgIconSrc;
|
|
9
|
+
closedIconSrc: SvgIconSrc;
|
|
10
|
+
ariaControls?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
+
toggle: (nextState: boolean) => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
15
|
+
onToggle?: ((nextState: boolean) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
variant: StateVariant;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
open: boolean;
|
|
20
|
+
labelOpen: string;
|
|
21
|
+
labelClose: string;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BurgerButton } from './BurgerButton.vue';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Button from './Button.vue';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Info: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Alert: Story;
|
|
10
|
+
export declare const Error: Story;
|
|
11
|
+
export declare const InfoAlt: Story;
|
|
12
|
+
export declare const InfoInverted: Story;
|
|
13
|
+
export declare const ErrorInverted: Story;
|
|
14
|
+
export declare const Disabled: Story;
|
|
15
|
+
export declare const Loading: Story;
|
|
16
|
+
export declare const Small: Story;
|
|
17
|
+
export declare const Large: Story;
|
|
18
|
+
export declare const FullWidth: Story;
|
|
19
|
+
export declare const WithLeftIcon: Story;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc, SizeToken } from '../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
label?: string;
|
|
4
|
+
variant?: StateVariant;
|
|
5
|
+
size?: SizeToken;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
type?: 'button' | 'submit' | 'reset';
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
leftIconSrc?: SvgIconSrc;
|
|
11
|
+
}
|
|
12
|
+
declare var __VLS_1: {};
|
|
13
|
+
type __VLS_Slots = {} & {
|
|
14
|
+
default?: (props: typeof __VLS_1) => any;
|
|
15
|
+
};
|
|
16
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
17
|
+
click: (event: MouseEvent) => any;
|
|
18
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
19
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
variant: StateVariant;
|
|
22
|
+
size: SizeToken;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
loading: boolean;
|
|
25
|
+
type: "button" | "submit" | "reset";
|
|
26
|
+
fullWidth: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Card from './Card.vue';
|
|
3
|
+
declare const meta: Meta<typeof Card>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Card>;
|
|
6
|
+
export declare const Outlined: Story;
|
|
7
|
+
export declare const Filled: Story;
|
|
8
|
+
export declare const Elevated: Story;
|
|
9
|
+
export declare const InvertedVariants: Story;
|
|
10
|
+
export declare const WithHeaderFooter: Story;
|
|
11
|
+
export declare const Interactive: Story;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { StateVariant, SizeToken } from '../../types';
|
|
2
|
+
type CardPadding = SizeToken;
|
|
3
|
+
type CardSurface = 'outlined' | 'filled' | 'elevated';
|
|
4
|
+
interface Props {
|
|
5
|
+
variant?: StateVariant;
|
|
6
|
+
surface?: CardSurface;
|
|
7
|
+
padding?: CardPadding;
|
|
8
|
+
interactive?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
11
|
+
type __VLS_Slots = {} & {
|
|
12
|
+
header?: (props: typeof __VLS_1) => any;
|
|
13
|
+
} & {
|
|
14
|
+
default?: (props: typeof __VLS_3) => any;
|
|
15
|
+
} & {
|
|
16
|
+
footer?: (props: typeof __VLS_5) => any;
|
|
17
|
+
};
|
|
18
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
+
variant: StateVariant;
|
|
20
|
+
surface: CardSurface;
|
|
21
|
+
padding: CardPadding;
|
|
22
|
+
interactive: boolean;
|
|
23
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Card } from './Card.vue';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Checkbox from './Checkbox.vue';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Checked: Story;
|
|
8
|
+
export declare const WithDescription: Story;
|
|
9
|
+
export declare const Indeterminate: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const DisabledChecked: Story;
|
|
12
|
+
export declare const Required: Story;
|
|
13
|
+
export declare const VariantSuccess: Story;
|
|
14
|
+
export declare const VariantError: Story;
|
|
15
|
+
export declare const VariantWarning: Story;
|
|
16
|
+
export declare const Small: Story;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { StateVariant, SizeToken } from '../../types';
|
|
2
|
+
type CheckboxSize = Extract<SizeToken, 'sm' | 'md'>;
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
indeterminate?: boolean;
|
|
10
|
+
size?: CheckboxSize;
|
|
11
|
+
variant?: StateVariant;
|
|
12
|
+
id?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: boolean) => any;
|
|
16
|
+
change: (value: boolean) => any;
|
|
17
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
19
|
+
onChange?: ((value: boolean) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
variant: StateVariant;
|
|
22
|
+
size: CheckboxSize;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
modelValue: boolean;
|
|
25
|
+
required: boolean;
|
|
26
|
+
indeterminate: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Checkbox } from './Checkbox.vue';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import EmptyState from './EmptyState.vue';
|
|
3
|
+
declare const meta: Meta<typeof EmptyState>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof EmptyState>;
|
|
6
|
+
export declare const TitleAndDescription: Story;
|
|
7
|
+
export declare const WithActions: Story;
|
|
8
|
+
export declare const VariantError: Story;
|
|
9
|
+
export declare const WithLeftIcon: Story;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc } from '../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
variant?: StateVariant;
|
|
6
|
+
leftIconSrc?: SvgIconSrc;
|
|
7
|
+
}
|
|
8
|
+
declare var __VLS_1: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
actions?: (props: typeof __VLS_1) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
variant: StateVariant;
|
|
14
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as EmptyState } from './EmptyState.vue';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Footer from './Footer.vue';
|
|
3
|
+
declare const meta: Meta<typeof Footer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Footer>;
|
|
6
|
+
export declare const DefaultWithLinks: Story;
|
|
7
|
+
export declare const CompactMode: Story;
|
|
8
|
+
export declare const CustomSlots: Story;
|
|
9
|
+
export declare const AlertState: Story;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { StateVariant } from '../../types';
|
|
2
|
+
interface FooterLink {
|
|
3
|
+
label: string;
|
|
4
|
+
href: string;
|
|
5
|
+
external?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
links?: FooterLink[];
|
|
9
|
+
copyright?: string;
|
|
10
|
+
compact?: boolean;
|
|
11
|
+
variant?: StateVariant;
|
|
12
|
+
}
|
|
13
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
14
|
+
type __VLS_Slots = {} & {
|
|
15
|
+
left?: (props: typeof __VLS_1) => any;
|
|
16
|
+
} & {
|
|
17
|
+
right?: (props: typeof __VLS_3) => any;
|
|
18
|
+
};
|
|
19
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
20
|
+
links: FooterLink[];
|
|
21
|
+
compact: boolean;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Footer } from './Footer.vue';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Input from './Input.vue';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabelAndHint: Story;
|
|
8
|
+
export declare const WithLeftIcon: Story;
|
|
9
|
+
export declare const ErrorState: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const Small: Story;
|
|
12
|
+
export declare const Large: Story;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { SvgIconSrc, SizeToken, StateVariant } from '../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: string | number;
|
|
4
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'search';
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
hint?: string;
|
|
8
|
+
error?: string;
|
|
9
|
+
leftIconSrc?: SvgIconSrc;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readonly?: boolean;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
size?: SizeToken;
|
|
14
|
+
variant?: StateVariant;
|
|
15
|
+
id?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
|
+
"update:modelValue": (value: string | number) => any;
|
|
19
|
+
blur: (event: FocusEvent) => any;
|
|
20
|
+
focus: (event: FocusEvent) => any;
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
23
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
24
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
variant: StateVariant;
|
|
27
|
+
size: SizeToken;
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
type: "text" | "email" | "password" | "number" | "search";
|
|
30
|
+
readonly: boolean;
|
|
31
|
+
required: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Input } from './Input.vue';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Label from './Label.vue';
|
|
3
|
+
declare const meta: Meta<typeof Label>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Label>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Required: Story;
|
|
8
|
+
export declare const WithIcon: Story;
|
|
9
|
+
export declare const Success: Story;
|
|
10
|
+
export declare const Error: Story;
|
|
11
|
+
export declare const Disabled: Story;
|
|
12
|
+
export declare const Small: Story;
|
|
13
|
+
export declare const Large: Story;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { StateVariant, SvgIconSrc, SizeToken } from '../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
text?: string;
|
|
4
|
+
forId?: string;
|
|
5
|
+
variant?: StateVariant;
|
|
6
|
+
size?: SizeToken;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
leftIconSrc?: SvgIconSrc;
|
|
10
|
+
}
|
|
11
|
+
declare var __VLS_1: {};
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
13
|
+
default?: (props: typeof __VLS_1) => any;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
|
+
variant: StateVariant;
|
|
17
|
+
size: SizeToken;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
required: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Label } from './Label.vue';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import Modal from './Modal.vue';
|
|
3
|
+
declare const meta: Meta<typeof Modal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Modal>;
|
|
6
|
+
export declare const DefaultModal: Story;
|
|
7
|
+
export declare const Sizes: Story;
|
|
8
|
+
export declare const CustomHeaderFooter: Story;
|
|
9
|
+
export declare const LongContentScrolling: Story;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { SizeToken, StateVariant } from '../../types';
|
|
2
|
+
type ModalSize = SizeToken;
|
|
3
|
+
interface Props {
|
|
4
|
+
open?: boolean;
|
|
5
|
+
title?: string;
|
|
6
|
+
size?: ModalSize;
|
|
7
|
+
variant?: StateVariant;
|
|
8
|
+
closeOnEsc?: boolean;
|
|
9
|
+
closeOnOverlay?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
13
|
+
header?: (props: typeof __VLS_5) => any;
|
|
14
|
+
} & {
|
|
15
|
+
default?: (props: typeof __VLS_7) => any;
|
|
16
|
+
} & {
|
|
17
|
+
footer?: (props: typeof __VLS_9) => any;
|
|
18
|
+
};
|
|
19
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
|
+
close: () => any;
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
onClose?: (() => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
variant: StateVariant;
|
|
25
|
+
size: ModalSize;
|
|
26
|
+
open: boolean;
|
|
27
|
+
closeOnEsc: boolean;
|
|
28
|
+
closeOnOverlay: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Modal } from './Modal.vue';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import NavBar from './NavBar.vue';
|
|
3
|
+
declare const meta: Meta<typeof NavBar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof NavBar>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithCustomBrandSlot: Story;
|
|
8
|
+
export declare const WithActions: Story;
|
|
9
|
+
export declare const Sticky: Story;
|
|
10
|
+
export declare const SuccessState: Story;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { StateVariant } from '../../types';
|
|
2
|
+
interface NavItem {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface Props {
|
|
9
|
+
items: NavItem[];
|
|
10
|
+
activeValue?: string;
|
|
11
|
+
brand?: string;
|
|
12
|
+
sticky?: boolean;
|
|
13
|
+
variant?: StateVariant;
|
|
14
|
+
}
|
|
15
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
16
|
+
type __VLS_Slots = {} & {
|
|
17
|
+
brand?: (props: typeof __VLS_1) => any;
|
|
18
|
+
} & {
|
|
19
|
+
actions?: (props: typeof __VLS_3) => any;
|
|
20
|
+
};
|
|
21
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
22
|
+
navigate: (payload: {
|
|
23
|
+
value: string;
|
|
24
|
+
}) => any;
|
|
25
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
26
|
+
onNavigate?: ((payload: {
|
|
27
|
+
value: string;
|
|
28
|
+
}) => any) | undefined;
|
|
29
|
+
}>, {
|
|
30
|
+
brand: string;
|
|
31
|
+
sticky: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NavBar } from './NavBar.vue';
|