@colorffy/ui 1.4.0 → 1.4.1
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/components/layout/HeaderContent.stories.d.ts +89 -0
- package/dist/components/layout/HeaderContent.stories.d.ts.map +1 -0
- package/dist/components/layout/HeaderContent.vue.d.ts +1 -41
- package/dist/components/layout/HeaderContent.vue.d.ts.map +1 -1
- package/dist/components/layout/PaneContent.stories.d.ts +13 -0
- package/dist/components/layout/PaneContent.stories.d.ts.map +1 -0
- package/dist/components/layout/PaneContent.vue.d.ts +1 -10
- package/dist/components/layout/PaneContent.vue.d.ts.map +1 -1
- package/dist/components/state/BaseSkeleton.stories.d.ts +18 -0
- package/dist/components/state/BaseSkeleton.stories.d.ts.map +1 -0
- package/dist/components/state/Empty.stories.d.ts +13 -0
- package/dist/components/state/Empty.stories.d.ts.map +1 -0
- package/dist/components/state/ExpressiveLoading.stories.d.ts +13 -0
- package/dist/components/state/ExpressiveLoading.stories.d.ts.map +1 -0
- package/dist/components/state/GridSkeleton.stories.d.ts +13 -0
- package/dist/components/state/GridSkeleton.stories.d.ts.map +1 -0
- package/dist/components/state/Loading.stories.d.ts +14 -0
- package/dist/components/state/Loading.stories.d.ts.map +1 -0
- package/dist/components/state/ShapeLoading.stories.d.ts +12 -0
- package/dist/components/state/ShapeLoading.stories.d.ts.map +1 -0
- package/dist/components/state/TableSkeleton.stories.d.ts +12 -0
- package/dist/components/state/TableSkeleton.stories.d.ts.map +1 -0
- package/dist/components/ui/accordion/Accordion.stories.d.ts +1 -1
- package/dist/components/ui/accordion/Accordion.stories.d.ts.map +1 -1
- package/dist/components/ui/alert/Alert.stories.d.ts +5 -2
- package/dist/components/ui/alert/Alert.stories.d.ts.map +1 -1
- package/dist/components/ui/alert/Alert.vue.d.ts +1 -1
- package/dist/components/ui/badge/Badge.stories.d.ts +1 -1
- package/dist/components/ui/badge/Badge.stories.d.ts.map +1 -1
- package/dist/components/ui/button/Button.stories.d.ts +1 -1
- package/dist/components/ui/button/Button.stories.d.ts.map +1 -1
- package/dist/components/ui/card/Card.stories.d.ts +1 -1
- package/dist/components/ui/card/Card.stories.d.ts.map +1 -1
- package/dist/components/ui/datatable/Datatable.stories.d.ts +1 -1
- package/dist/components/ui/datatable/Datatable.stories.d.ts.map +1 -1
- package/dist/components/ui/dialog/Modal.stories.d.ts +1 -1
- package/dist/components/ui/dialog/Modal.stories.d.ts.map +1 -1
- package/dist/components/ui/icon/Material.stories.d.ts +1 -1
- package/dist/components/ui/icon/Material.stories.d.ts.map +1 -1
- package/dist/components/ui/image/Avatar.stories.d.ts +1 -1
- package/dist/components/ui/image/Avatar.stories.d.ts.map +1 -1
- package/dist/components/ui/input/Check.stories.d.ts +1 -1
- package/dist/components/ui/input/Check.stories.d.ts.map +1 -1
- package/dist/components/ui/input/ColorPicker.stories.d.ts +1 -1
- package/dist/components/ui/input/ColorPicker.stories.d.ts.map +1 -1
- package/dist/components/ui/input/Range.stories.d.ts +1 -1
- package/dist/components/ui/input/Range.stories.d.ts.map +1 -1
- package/dist/components/ui/input/Select.stories.d.ts +1 -1
- package/dist/components/ui/input/Select.stories.d.ts.map +1 -1
- package/dist/components/ui/input/Text.stories.d.ts +1 -1
- package/dist/components/ui/input/Text.stories.d.ts.map +1 -1
- package/dist/components/ui/input/TextArea.stories.d.ts +1 -1
- package/dist/components/ui/input/TextArea.stories.d.ts.map +1 -1
- package/dist/components/ui/list/List.stories.d.ts +1 -1
- package/dist/components/ui/list/List.stories.d.ts.map +1 -1
- package/dist/components/ui/navbar/Navbar.stories.d.ts +1 -1
- package/dist/components/ui/navbar/Navbar.stories.d.ts.map +1 -1
- package/dist/components/ui/navigation/NavigationBar.stories.d.ts +49 -0
- package/dist/components/ui/navigation/NavigationBar.stories.d.ts.map +1 -0
- package/dist/components/ui/navigation/NavigationBar.vue.d.ts +2 -18
- package/dist/components/ui/navigation/NavigationBar.vue.d.ts.map +1 -1
- package/dist/components/ui/navigation/Tabs.stories.d.ts +31 -0
- package/dist/components/ui/navigation/Tabs.stories.d.ts.map +1 -0
- package/dist/components/ui/navigation/Tabs.vue.d.ts +1 -10
- package/dist/components/ui/navigation/Tabs.vue.d.ts.map +1 -1
- package/dist/components/ui/progress/ProgressBar.stories.d.ts +1 -1
- package/dist/components/ui/progress/ProgressBar.stories.d.ts.map +1 -1
- package/dist/components/ui/progress/ProgressSpinner.stories.d.ts +1 -1
- package/dist/components/ui/progress/ProgressSpinner.stories.d.ts.map +1 -1
- package/dist/components/ui/sidebar/Sidebar.stories.d.ts +1 -1
- package/dist/components/ui/sidebar/Sidebar.stories.d.ts.map +1 -1
- package/dist/components/ui/sidebar/SidebarLink.vue.d.ts +1 -1
- package/dist/{components-D7l0IydJ.cjs → components-BPeK8qXJ.cjs} +2 -2
- package/dist/components-BPeK8qXJ.cjs.map +1 -0
- package/dist/{components-Bh_KWiU6.js → components-DDFYy76U.js} +3 -3
- package/dist/components-DDFYy76U.js.map +1 -0
- package/dist/components.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/nuxt.cjs +1 -1
- package/dist/nuxt.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/layout.d.ts +86 -0
- package/dist/types/layout.d.ts.map +1 -0
- package/dist/types/navigation.d.ts +98 -0
- package/dist/types/navigation.d.ts.map +1 -0
- package/package.json +16 -7
- package/dist/components-Bh_KWiU6.js.map +0 -1
- package/dist/components-D7l0IydJ.cjs.map +0 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('vue').DefineComponent<import('../../..').INavigationBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../../..').INavigationBarProps> & Readonly<{}>, {
|
|
5
|
+
frosted: boolean;
|
|
6
|
+
items: import('../../..').INavigationItem[];
|
|
7
|
+
as: string | object;
|
|
8
|
+
activeItem: string | null;
|
|
9
|
+
island: boolean;
|
|
10
|
+
indicatorTab: boolean;
|
|
11
|
+
indicatorFrosted: boolean;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
13
|
+
tags: string[];
|
|
14
|
+
argTypes: {
|
|
15
|
+
items: {
|
|
16
|
+
control: "object";
|
|
17
|
+
};
|
|
18
|
+
activeItem: {
|
|
19
|
+
control: "text";
|
|
20
|
+
};
|
|
21
|
+
as: {
|
|
22
|
+
control: "select";
|
|
23
|
+
options: string[];
|
|
24
|
+
};
|
|
25
|
+
frosted: {
|
|
26
|
+
control: "boolean";
|
|
27
|
+
};
|
|
28
|
+
island: {
|
|
29
|
+
control: "boolean";
|
|
30
|
+
};
|
|
31
|
+
indicatorTab: {
|
|
32
|
+
control: "boolean";
|
|
33
|
+
};
|
|
34
|
+
indicatorFrosted: {
|
|
35
|
+
control: "boolean";
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export default meta;
|
|
40
|
+
type Story = StoryObj<typeof meta>;
|
|
41
|
+
export declare const Default: Story;
|
|
42
|
+
export declare const Frosted: Story;
|
|
43
|
+
export declare const Island: Story;
|
|
44
|
+
export declare const WithIndicatorTab: Story;
|
|
45
|
+
export declare const WithIndicatorFrosted: Story;
|
|
46
|
+
export declare const FrostedWithIndicatorTab: Story;
|
|
47
|
+
export declare const IslandWithIndicatorFrosted: Story;
|
|
48
|
+
export declare const CustomItems: Story;
|
|
49
|
+
//# sourceMappingURL=NavigationBar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationBar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/NavigationBar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAiClC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAOxC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAA"}
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
interface INavigationItem {
|
|
3
|
-
id: string;
|
|
4
|
-
to: string | object;
|
|
5
|
-
icon: string;
|
|
6
|
-
text: string;
|
|
7
|
-
ariaLabel: string;
|
|
8
|
-
}
|
|
9
|
-
interface INavigationBarProps {
|
|
10
|
-
items?: INavigationItem[];
|
|
11
|
-
activeItem?: string | null;
|
|
12
|
-
as?: string | object;
|
|
13
|
-
frosted?: boolean;
|
|
14
|
-
island?: boolean;
|
|
15
|
-
indicatorTab?: boolean;
|
|
16
|
-
indicatorFrosted?: boolean;
|
|
17
|
-
}
|
|
1
|
+
import { INavigationBarProps } from '../../../types/navigation';
|
|
18
2
|
declare const _default: import('vue').DefineComponent<INavigationBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<INavigationBarProps> & Readonly<{}>, {
|
|
19
3
|
frosted: boolean;
|
|
20
|
-
items: INavigationItem[];
|
|
4
|
+
items: import('../../../types/navigation').INavigationItem[];
|
|
21
5
|
as: string | object;
|
|
22
6
|
activeItem: string | null;
|
|
23
7
|
island: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/NavigationBar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavigationBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/NavigationBar.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;AA8K7D,wBAQG"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('vue').DefineComponent<import('../../..').ITabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../../..').ITabsProps> & Readonly<{}>, {
|
|
5
|
+
pillTabs: boolean;
|
|
6
|
+
contrastTabs: boolean;
|
|
7
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {
|
|
10
|
+
tabs: {
|
|
11
|
+
control: "object";
|
|
12
|
+
};
|
|
13
|
+
pillTabs: {
|
|
14
|
+
control: "boolean";
|
|
15
|
+
};
|
|
16
|
+
contrastTabs: {
|
|
17
|
+
control: "boolean";
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof meta>;
|
|
23
|
+
export declare const Default: Story;
|
|
24
|
+
export declare const PillTabs: Story;
|
|
25
|
+
export declare const ContrastTabs: Story;
|
|
26
|
+
export declare const PillWithContrast: Story;
|
|
27
|
+
export declare const ManyTabs: Story;
|
|
28
|
+
export declare const ManyPillTabs: Story;
|
|
29
|
+
export declare const CustomTabs: Story;
|
|
30
|
+
export declare const TwoTabs: Story;
|
|
31
|
+
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/Tabs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CASqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAgBlC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA"}
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
interface ITabItem {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
interface ITabsProps {
|
|
7
|
-
tabs: ITabItem[];
|
|
8
|
-
pillTabs?: boolean;
|
|
9
|
-
contrastTabs?: boolean;
|
|
10
|
-
}
|
|
1
|
+
import { ITabsProps } from '../../../types/navigation';
|
|
11
2
|
declare const _default: import('vue').DefineComponent<ITabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ITabsProps> & Readonly<{}>, {
|
|
12
3
|
pillTabs: boolean;
|
|
13
4
|
contrastTabs: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/Tabs.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/Tabs.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;;;;;AAmFpD,wBAQG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/ProgressBar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/ProgressBar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,aAAa,MAAM,mBAAmB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAkBpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAoB5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressSpinner.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/ProgressSpinner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressSpinner.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/ProgressSpinner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,iBAAiB,MAAM,uBAAuB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAUxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA4B3B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/Sidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sidebar/Sidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAc1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcwB,CAAA;AAElC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA0CrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA2CxB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgDnC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA4C1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqCtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuCzB,CAAA"}
|
|
@@ -18,11 +18,11 @@ declare const __VLS_component: import('vue').DefineComponent<ISidebarLinkProps,
|
|
|
18
18
|
customClass: import('../../../types/sidebar').SidebarClassName | null;
|
|
19
19
|
ariaLabelledby: string;
|
|
20
20
|
active: boolean;
|
|
21
|
-
child: boolean;
|
|
22
21
|
to: string | object;
|
|
23
22
|
href: string;
|
|
24
23
|
as: string | object;
|
|
25
24
|
tooltipPlacement: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
|
|
25
|
+
child: boolean;
|
|
26
26
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
27
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
28
|
export default _default;
|