@knitify/vue 0.0.9 → 1.0.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/README.md +86 -0
- package/dist/index.es.js +2586 -175
- package/dist/index.umd.js +1 -1
- package/dist/types/components/Accordion/KAccordion.vue.d.ts +11 -0
- package/dist/types/components/Accordion/KAccordionItem.vue.d.ts +22 -0
- package/dist/types/components/Accordion/keys.d.ts +2 -0
- package/dist/types/components/Accordion/types.d.ts +37 -0
- package/dist/types/components/Alert/KAlert.vue.d.ts +11 -0
- package/dist/types/components/Alert/types.d.ts +18 -0
- package/dist/types/components/Avatar/KAvatar.vue.d.ts +11 -0
- package/dist/types/components/Avatar/KAvatarGroup.vue.d.ts +11 -0
- package/dist/types/components/Avatar/types.d.ts +42 -0
- package/dist/types/components/Breadcrumb/KBreadcrumb.vue.d.ts +11 -0
- package/dist/types/components/Breadcrumb/KBreadcrumbItem.vue.d.ts +11 -0
- package/dist/types/components/Breadcrumb/types.d.ts +23 -0
- package/dist/types/components/Button/types.d.ts +15 -4
- package/dist/types/components/Calendar/KCalendar.vue.d.ts +34 -0
- package/dist/types/components/Calendar/types.d.ts +26 -0
- package/dist/types/components/Card/KCard.vue.d.ts +11 -0
- package/dist/types/components/Card/types.d.ts +26 -0
- package/dist/types/components/Chat/KChat.vue.d.ts +14 -0
- package/dist/types/components/Chat/KChatMessage.vue.d.ts +11 -0
- package/dist/types/components/Chat/KChatMessages.vue.d.ts +11 -0
- package/dist/types/components/Chat/KChatPrompt.vue.d.ts +30 -0
- package/dist/types/components/Chat/KChatShimmer.vue.d.ts +11 -0
- package/dist/types/components/Chat/keys.d.ts +2 -0
- package/dist/types/components/Chat/types.d.ts +50 -0
- package/dist/types/components/Checkbox/KCheckbox.vue.d.ts +20 -0
- package/dist/types/components/Checkbox/types.d.ts +23 -0
- package/dist/types/components/Collapse/KCollapse.vue.d.ts +32 -0
- package/dist/types/components/Collapse/types.d.ts +32 -0
- package/dist/types/components/Collapse/useCollapseSync.d.ts +29 -0
- package/dist/types/components/Drawer/KDrawer.vue.d.ts +34 -0
- package/dist/types/components/Drawer/types.d.ts +54 -0
- package/dist/types/components/Dropdown/KDropdown.vue.d.ts +28 -0
- package/dist/types/components/Dropdown/KDropdownItem.vue.d.ts +13 -0
- package/dist/types/components/Dropdown/KDropdownMenu.vue.d.ts +13 -0
- package/dist/types/components/Dropdown/types.d.ts +34 -0
- package/dist/types/components/FileTree/KFileTree.vue.d.ts +34 -0
- package/dist/types/components/FileTree/KFileTreeNode.vue.d.ts +20 -0
- package/dist/types/components/FileTree/types.d.ts +39 -0
- package/dist/types/components/Grid/KGrid.vue.d.ts +11 -0
- package/dist/types/components/Grid/KGridColumn.vue.d.ts +11 -0
- package/dist/types/components/Grid/KGridRow.vue.d.ts +19 -0
- package/dist/types/components/Grid/types.d.ts +41 -0
- package/dist/types/components/Grid/useGrid.d.ts +8 -0
- package/dist/types/components/Icon/types.d.ts +1 -1
- package/dist/types/components/Input/KInput.vue.d.ts +3 -1
- package/dist/types/components/Input/types.d.ts +8 -0
- package/dist/types/components/MenuList/KMenuList.vue.d.ts +11 -0
- package/dist/types/components/MenuList/KMenuListItem.vue.d.ts +11 -0
- package/dist/types/components/MenuList/types.d.ts +20 -0
- package/dist/types/components/Modal/KModal.vue.d.ts +36 -0
- package/dist/types/components/Modal/types.d.ts +57 -0
- package/dist/types/components/NotificationList/KNotificationList.vue.d.ts +11 -0
- package/dist/types/components/NotificationList/KNotificationListItem.vue.d.ts +11 -0
- package/dist/types/components/NotificationList/types.d.ts +36 -0
- package/dist/types/components/Popover/KPopover.vue.d.ts +28 -0
- package/dist/types/components/Popover/types.d.ts +24 -0
- package/dist/types/components/Popover/useOverlaySync.d.ts +35 -0
- package/dist/types/components/Progress/KProgress.vue.d.ts +11 -0
- package/dist/types/components/Progress/types.d.ts +19 -0
- package/dist/types/components/Radio/KRadio.vue.d.ts +20 -0
- package/dist/types/components/Radio/types.d.ts +20 -0
- package/dist/types/components/Select/KSelect.vue.d.ts +22 -0
- package/dist/types/components/Select/types.d.ts +30 -0
- package/dist/types/components/Table/KTable.vue.d.ts +11 -0
- package/dist/types/components/Table/types.d.ts +16 -0
- package/dist/types/components/Tabs/KTab.vue.d.ts +13 -0
- package/dist/types/components/Tabs/KTabPanel.vue.d.ts +13 -0
- package/dist/types/components/Tabs/KTabs.vue.d.ts +25 -0
- package/dist/types/components/Tabs/types.d.ts +35 -0
- package/dist/types/components/Toast/types.d.ts +20 -0
- package/dist/types/components/Toast/useToast.d.ts +20 -0
- package/dist/types/components/Toggle/KToggle.vue.d.ts +20 -0
- package/dist/types/components/Toggle/types.d.ts +8 -0
- package/dist/types/components/Tooltip/KTooltip.vue.d.ts +45 -0
- package/dist/types/components/Tooltip/types.d.ts +18 -0
- package/dist/types/components/Workspace/KWorkspace.vue.d.ts +30 -0
- package/dist/types/components/Workspace/types.d.ts +29 -0
- package/dist/types/components/index.d.ts +44 -0
- package/dist/types/components/types.d.ts +27 -0
- package/dist/types/types.d.ts +1 -0
- package/package.json +9 -5
- package/dist/types/stories/KBadge.stories.d.ts +0 -104
- package/dist/types/stories/KButton.stories.d.ts +0 -117
- package/dist/types/stories/KContainer.stories.d.ts +0 -84
- package/dist/types/stories/KInput.stories.d.ts +0 -172
- package/dist/types/stories/KNavbar.stories.d.ts +0 -67
- package/dist/types/stories/KNavbarMenu.stories.d.ts +0 -99
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { type PropType, type VNode } from 'vue';
|
|
2
|
+
import type { KPlacement } from '../Popover/types';
|
|
3
|
+
/**
|
|
4
|
+
* Renderless by design. Core's tooltip has no content element in the markup —
|
|
5
|
+
* the trigger carries `data-kt-tooltip="label"` and core builds the bubble on
|
|
6
|
+
* first show — so this adds attributes to the trigger rather than wrapping it.
|
|
7
|
+
*
|
|
8
|
+
* That mirrors core's own docs helper, which uses React's `cloneElement`. A
|
|
9
|
+
* wrapper element would be the easy alternative, but it would sit in the layout
|
|
10
|
+
* and change how the trigger flows.
|
|
11
|
+
*
|
|
12
|
+
* A plain `<script>` rather than `<script setup>`: the component returns a
|
|
13
|
+
* render function so it can clone the slot's vnode, which a template cannot do.
|
|
14
|
+
*/
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
18
|
+
delay: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
22
|
+
label: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
placement: {
|
|
27
|
+
type: PropType<KPlacement>;
|
|
28
|
+
required: false;
|
|
29
|
+
};
|
|
30
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
31
|
+
[key: string]: any;
|
|
32
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
delay: {
|
|
34
|
+
type: NumberConstructor;
|
|
35
|
+
required: false;
|
|
36
|
+
};
|
|
37
|
+
label: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
placement: {
|
|
42
|
+
type: PropType<KPlacement>;
|
|
43
|
+
required: false;
|
|
44
|
+
};
|
|
45
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { KPlacement } from '../Popover/types';
|
|
2
|
+
export type KTooltipProps = {
|
|
3
|
+
/** Milliseconds to wait before opening on hover. */
|
|
4
|
+
delay?: number;
|
|
5
|
+
/**
|
|
6
|
+
* The label. Core writes it with `textContent`, so it is plain text by
|
|
7
|
+
* design — markup here would be shown literally, not rendered.
|
|
8
|
+
*/
|
|
9
|
+
label: string;
|
|
10
|
+
placement?: KPlacement;
|
|
11
|
+
};
|
|
12
|
+
export type KTooltipSlots = {
|
|
13
|
+
/**
|
|
14
|
+
* The trigger. A single element is cloned and given core's attributes, so no
|
|
15
|
+
* extra DOM node is introduced. Anything else is wrapped in a `<span>`.
|
|
16
|
+
*/
|
|
17
|
+
default?(): any;
|
|
18
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { KWorkspaceProps, KWorkspaceSlots } from './types';
|
|
2
|
+
type __VLS_Props = KWorkspaceProps;
|
|
3
|
+
type __VLS_Slots = KWorkspaceSlots;
|
|
4
|
+
declare function toggle(): void;
|
|
5
|
+
declare function expand(): void;
|
|
6
|
+
declare function collapseSidebar(): void;
|
|
7
|
+
type __VLS_ModelProps = {
|
|
8
|
+
'expanded'?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
11
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
12
|
+
toggle: typeof toggle;
|
|
13
|
+
expand: typeof expand;
|
|
14
|
+
collapse: typeof collapseSidebar;
|
|
15
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
+
"update:expanded": (value: boolean) => any;
|
|
17
|
+
} & {
|
|
18
|
+
toggle: (value: boolean) => any;
|
|
19
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
|
+
onToggle?: ((value: boolean) => any) | undefined;
|
|
21
|
+
"onUpdate:expanded"?: ((value: boolean) => any) | undefined;
|
|
22
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
24
|
+
declare const _default: typeof __VLS_export;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ClassValue } from 'vue';
|
|
2
|
+
export type KWorkspaceSide = 'left' | 'right';
|
|
3
|
+
export type KWorkspaceProps = {
|
|
4
|
+
bodyClass?: ClassValue;
|
|
5
|
+
bodyContentClass?: ClassValue;
|
|
6
|
+
bodySidebarClass?: ClassValue;
|
|
7
|
+
bodySidebarSide?: KWorkspaceSide;
|
|
8
|
+
collapsible?: boolean;
|
|
9
|
+
footerClass?: ClassValue;
|
|
10
|
+
height?: string;
|
|
11
|
+
mainClass?: ClassValue;
|
|
12
|
+
side?: KWorkspaceSide;
|
|
13
|
+
sidebarBodyClass?: ClassValue;
|
|
14
|
+
sidebarClass?: ClassValue;
|
|
15
|
+
sidebarInnerClass?: ClassValue;
|
|
16
|
+
topbarClass?: ClassValue;
|
|
17
|
+
};
|
|
18
|
+
export type KWorkspaceEmits = {
|
|
19
|
+
(event: 'toggle', value: boolean): void;
|
|
20
|
+
};
|
|
21
|
+
export type KWorkspaceSlots = {
|
|
22
|
+
bodySidebar?(): any;
|
|
23
|
+
default?(): any;
|
|
24
|
+
footer?(): any;
|
|
25
|
+
sidebar?(): any;
|
|
26
|
+
sidebarFooter?(): any;
|
|
27
|
+
sidebarHeader?(): any;
|
|
28
|
+
topbar?(): any;
|
|
29
|
+
};
|
|
@@ -1,6 +1,50 @@
|
|
|
1
|
+
export { accordionGroupKey } from './Accordion/keys';
|
|
2
|
+
export { chatBusyKey } from './Chat/keys';
|
|
3
|
+
export { default as KAccordion } from './Accordion/KAccordion.vue';
|
|
4
|
+
export { default as KAccordionItem } from './Accordion/KAccordionItem.vue';
|
|
5
|
+
export { default as KAlert } from './Alert/KAlert.vue';
|
|
6
|
+
export { default as KAvatar } from './Avatar/KAvatar.vue';
|
|
7
|
+
export { default as KAvatarGroup } from './Avatar/KAvatarGroup.vue';
|
|
8
|
+
export { default as KBadge } from './Badge/KBadge.vue';
|
|
9
|
+
export { default as KBreadcrumb } from './Breadcrumb/KBreadcrumb.vue';
|
|
10
|
+
export { default as KBreadcrumbItem } from './Breadcrumb/KBreadcrumbItem.vue';
|
|
1
11
|
export { default as KButton } from './Button/KButton.vue';
|
|
12
|
+
export { default as KCalendar } from './Calendar/KCalendar.vue';
|
|
13
|
+
export { default as KCard } from './Card/KCard.vue';
|
|
14
|
+
export { default as KChat } from './Chat/KChat.vue';
|
|
15
|
+
export { default as KChatMessage } from './Chat/KChatMessage.vue';
|
|
16
|
+
export { default as KChatMessages } from './Chat/KChatMessages.vue';
|
|
17
|
+
export { default as KChatPrompt } from './Chat/KChatPrompt.vue';
|
|
18
|
+
export { default as KChatShimmer } from './Chat/KChatShimmer.vue';
|
|
19
|
+
export { default as KCheckbox } from './Checkbox/KCheckbox.vue';
|
|
20
|
+
export { default as KCollapse } from './Collapse/KCollapse.vue';
|
|
2
21
|
export { default as KContainer } from './Container/KContainer.vue';
|
|
22
|
+
export { default as KDrawer } from './Drawer/KDrawer.vue';
|
|
23
|
+
export { default as KDropdown } from './Dropdown/KDropdown.vue';
|
|
24
|
+
export { default as KDropdownItem } from './Dropdown/KDropdownItem.vue';
|
|
25
|
+
export { default as KDropdownMenu } from './Dropdown/KDropdownMenu.vue';
|
|
26
|
+
export { default as KFileTree } from './FileTree/KFileTree.vue';
|
|
27
|
+
export { default as KGrid } from './Grid/KGrid.vue';
|
|
28
|
+
export { default as KGridColumn } from './Grid/KGridColumn.vue';
|
|
29
|
+
export { default as KGridRow } from './Grid/KGridRow.vue';
|
|
3
30
|
export { default as KIcon } from './Icon/KIcon.vue';
|
|
4
31
|
export { default as KInput } from './Input/KInput.vue';
|
|
32
|
+
export { default as KMenuList } from './MenuList/KMenuList.vue';
|
|
33
|
+
export { default as KMenuListItem } from './MenuList/KMenuListItem.vue';
|
|
34
|
+
export { default as KModal } from './Modal/KModal.vue';
|
|
5
35
|
export { default as KNavbar } from './Navbar/KNavbar.vue';
|
|
6
36
|
export { default as KNavbarMenu } from './Navbar/KNavbarMenu.vue';
|
|
37
|
+
export { default as KNotificationList } from './NotificationList/KNotificationList.vue';
|
|
38
|
+
export { default as KNotificationListItem } from './NotificationList/KNotificationListItem.vue';
|
|
39
|
+
export { default as KPopover } from './Popover/KPopover.vue';
|
|
40
|
+
export { default as KProgress } from './Progress/KProgress.vue';
|
|
41
|
+
export { default as KRadio } from './Radio/KRadio.vue';
|
|
42
|
+
export { default as KSelect } from './Select/KSelect.vue';
|
|
43
|
+
export { default as KTab } from './Tabs/KTab.vue';
|
|
44
|
+
export { default as KTable } from './Table/KTable.vue';
|
|
45
|
+
export { default as KTabPanel } from './Tabs/KTabPanel.vue';
|
|
46
|
+
export { default as KTabs } from './Tabs/KTabs.vue';
|
|
47
|
+
export { default as KToggle } from './Toggle/KToggle.vue';
|
|
48
|
+
export { default as KTooltip } from './Tooltip/KTooltip.vue';
|
|
49
|
+
export { default as KWorkspace } from './Workspace/KWorkspace.vue';
|
|
50
|
+
export { useToast } from './Toast/useToast';
|
|
@@ -1,5 +1,32 @@
|
|
|
1
|
+
export * from './Accordion/types';
|
|
2
|
+
export * from './Alert/types';
|
|
3
|
+
export * from './Avatar/types';
|
|
4
|
+
export * from './Badge/types';
|
|
5
|
+
export * from './Breadcrumb/types';
|
|
1
6
|
export * from './Button/types';
|
|
7
|
+
export * from './Calendar/types';
|
|
8
|
+
export * from './Card/types';
|
|
9
|
+
export * from './Chat/types';
|
|
10
|
+
export * from './Checkbox/types';
|
|
11
|
+
export * from './Collapse/types';
|
|
2
12
|
export * from './Container/types';
|
|
13
|
+
export * from './Drawer/types';
|
|
14
|
+
export * from './Dropdown/types';
|
|
15
|
+
export * from './FileTree/types';
|
|
16
|
+
export * from './Grid/types';
|
|
3
17
|
export * from './Icon/types';
|
|
4
18
|
export * from './Input/types';
|
|
19
|
+
export * from './MenuList/types';
|
|
20
|
+
export * from './Modal/types';
|
|
5
21
|
export * from './Navbar/types';
|
|
22
|
+
export * from './NotificationList/types';
|
|
23
|
+
export * from './Popover/types';
|
|
24
|
+
export * from './Progress/types';
|
|
25
|
+
export * from './Radio/types';
|
|
26
|
+
export * from './Select/types';
|
|
27
|
+
export * from './Table/types';
|
|
28
|
+
export * from './Tabs/types';
|
|
29
|
+
export * from './Toast/types';
|
|
30
|
+
export * from './Toggle/types';
|
|
31
|
+
export * from './Tooltip/types';
|
|
32
|
+
export * from './Workspace/types';
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export type Size = '5xs' | '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
|
|
2
2
|
export type Variant = 'brand' | 'success' | 'info' | 'attention' | 'danger';
|
|
3
|
+
export type Intent = 'caution' | 'warning' | 'critical' | 'info' | 'discovery' | 'affirm';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knitify/vue",
|
|
3
|
-
"version": "0.0
|
|
4
|
-
"description": "",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Vue 3 components for Knitify, the core UI library of the Knitware ecosystem.",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "ISC",
|
|
7
7
|
"keywords": [],
|
|
@@ -14,16 +14,17 @@
|
|
|
14
14
|
"devDependencies": {
|
|
15
15
|
"@storybook/vue3-vite": "^10.4.0",
|
|
16
16
|
"@vitejs/plugin-vue": "^6.0.4",
|
|
17
|
+
"npm-run-all": "^4.1.5",
|
|
17
18
|
"storybook": "^10.4.0",
|
|
18
19
|
"typescript": "^5.9.3",
|
|
19
20
|
"vite": "^7.3.1",
|
|
20
21
|
"vue": "^3.5.12",
|
|
21
22
|
"vue-router": "^4.0.3",
|
|
22
23
|
"vue-tsc": "^3.2.5",
|
|
23
|
-
"@knitify/core": "1.0
|
|
24
|
+
"@knitify/core": "1.1.0"
|
|
24
25
|
},
|
|
25
26
|
"peerDependencies": {
|
|
26
|
-
"@knitify/core": "^1.0
|
|
27
|
+
"@knitify/core": "^1.1.0",
|
|
27
28
|
"vue": "^3.5.12",
|
|
28
29
|
"vue-router": "^4.0.3"
|
|
29
30
|
},
|
|
@@ -33,7 +34,10 @@
|
|
|
33
34
|
"scripts": {
|
|
34
35
|
"dev": "vite --mode development",
|
|
35
36
|
"build": "vite build",
|
|
36
|
-
"compile": "vite build && vue-tsc --declaration --emitDeclarationOnly",
|
|
37
|
+
"compile": "vite build && vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly",
|
|
38
|
+
"compile:watch": "npm-run-all --parallel compile:watch:js compile:watch:dts",
|
|
39
|
+
"compile:watch:js": "vite build --watch",
|
|
40
|
+
"compile:watch:dts": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --watch",
|
|
37
41
|
"storybook": "storybook dev -p 6006",
|
|
38
42
|
"storybook:build": "storybook build"
|
|
39
43
|
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: {
|
|
5
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
6
|
-
P: {};
|
|
7
|
-
B: {};
|
|
8
|
-
D: {};
|
|
9
|
-
C: {};
|
|
10
|
-
M: {};
|
|
11
|
-
Defaults: {};
|
|
12
|
-
}, Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
|
-
__isFragment?: never;
|
|
14
|
-
__isTeleport?: never;
|
|
15
|
-
__isSuspense?: never;
|
|
16
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
17
|
-
$slots: {
|
|
18
|
-
default?: (props: {}) => any;
|
|
19
|
-
};
|
|
20
|
-
});
|
|
21
|
-
tags: string[];
|
|
22
|
-
argTypes: {
|
|
23
|
-
variant: {
|
|
24
|
-
control: "select";
|
|
25
|
-
options: string[];
|
|
26
|
-
};
|
|
27
|
-
size: {
|
|
28
|
-
control: "select";
|
|
29
|
-
options: string[];
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
render: (args: import("@storybook/vue3-vite").ComponentPropsAndSlots<{
|
|
33
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
34
|
-
P: {};
|
|
35
|
-
B: {};
|
|
36
|
-
D: {};
|
|
37
|
-
C: {};
|
|
38
|
-
M: {};
|
|
39
|
-
Defaults: {};
|
|
40
|
-
}, Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
41
|
-
__isFragment?: never;
|
|
42
|
-
__isTeleport?: never;
|
|
43
|
-
__isSuspense?: never;
|
|
44
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
45
|
-
$slots: {
|
|
46
|
-
default?: (props: {}) => any;
|
|
47
|
-
};
|
|
48
|
-
})>) => {
|
|
49
|
-
components: {
|
|
50
|
-
KBadge: {
|
|
51
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
52
|
-
P: {};
|
|
53
|
-
B: {};
|
|
54
|
-
D: {};
|
|
55
|
-
C: {};
|
|
56
|
-
M: {};
|
|
57
|
-
Defaults: {};
|
|
58
|
-
}, Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
59
|
-
__isFragment?: never;
|
|
60
|
-
__isTeleport?: never;
|
|
61
|
-
__isSuspense?: never;
|
|
62
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
63
|
-
$slots: {
|
|
64
|
-
default?: (props: {}) => any;
|
|
65
|
-
};
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
setup(this: void): {
|
|
69
|
-
args: import("@storybook/vue3-vite").ComponentPropsAndSlots<{
|
|
70
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
71
|
-
P: {};
|
|
72
|
-
B: {};
|
|
73
|
-
D: {};
|
|
74
|
-
C: {};
|
|
75
|
-
M: {};
|
|
76
|
-
Defaults: {};
|
|
77
|
-
}, Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
78
|
-
__isFragment?: never;
|
|
79
|
-
__isTeleport?: never;
|
|
80
|
-
__isSuspense?: never;
|
|
81
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../components/Badge/types.js").KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
82
|
-
$slots: {
|
|
83
|
-
default?: (props: {}) => any;
|
|
84
|
-
};
|
|
85
|
-
})>;
|
|
86
|
-
};
|
|
87
|
-
template: string;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
export default meta;
|
|
91
|
-
type Story = StoryObj<typeof meta>;
|
|
92
|
-
export declare const Default: Story;
|
|
93
|
-
export declare const Brand: Story;
|
|
94
|
-
export declare const Success: Story;
|
|
95
|
-
export declare const Info: Story;
|
|
96
|
-
export declare const Attention: Story;
|
|
97
|
-
export declare const Danger: Story;
|
|
98
|
-
export declare const Pill: Story;
|
|
99
|
-
export declare const Subtle: Story;
|
|
100
|
-
export declare const SubtlePill: Story;
|
|
101
|
-
export declare const Small: Story;
|
|
102
|
-
export declare const Large: Story;
|
|
103
|
-
export declare const AllVariants: Story;
|
|
104
|
-
export declare const AllVariantsSubtle: Story;
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: {
|
|
5
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
6
|
-
P: {};
|
|
7
|
-
B: {};
|
|
8
|
-
D: {};
|
|
9
|
-
C: {};
|
|
10
|
-
M: {};
|
|
11
|
-
Defaults: {};
|
|
12
|
-
}, Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
|
-
__isFragment?: never;
|
|
14
|
-
__isTeleport?: never;
|
|
15
|
-
__isSuspense?: never;
|
|
16
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
17
|
-
$slots: import("../index.js").KButtonSlots;
|
|
18
|
-
});
|
|
19
|
-
tags: string[];
|
|
20
|
-
argTypes: {
|
|
21
|
-
variant: {
|
|
22
|
-
control: "select";
|
|
23
|
-
options: string[];
|
|
24
|
-
};
|
|
25
|
-
type: {
|
|
26
|
-
control: "select";
|
|
27
|
-
options: string[];
|
|
28
|
-
};
|
|
29
|
-
outline: {
|
|
30
|
-
control: "boolean";
|
|
31
|
-
};
|
|
32
|
-
ghost: {
|
|
33
|
-
control: "boolean";
|
|
34
|
-
};
|
|
35
|
-
rounded: {
|
|
36
|
-
control: "boolean";
|
|
37
|
-
};
|
|
38
|
-
expanded: {
|
|
39
|
-
control: "boolean";
|
|
40
|
-
};
|
|
41
|
-
disabled: {
|
|
42
|
-
control: "boolean";
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
render: (args: import("@storybook/vue3-vite").ComponentPropsAndSlots<{
|
|
46
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
47
|
-
P: {};
|
|
48
|
-
B: {};
|
|
49
|
-
D: {};
|
|
50
|
-
C: {};
|
|
51
|
-
M: {};
|
|
52
|
-
Defaults: {};
|
|
53
|
-
}, Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
54
|
-
__isFragment?: never;
|
|
55
|
-
__isTeleport?: never;
|
|
56
|
-
__isSuspense?: never;
|
|
57
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
58
|
-
$slots: import("../index.js").KButtonSlots;
|
|
59
|
-
})>) => {
|
|
60
|
-
components: {
|
|
61
|
-
KButton: {
|
|
62
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
63
|
-
P: {};
|
|
64
|
-
B: {};
|
|
65
|
-
D: {};
|
|
66
|
-
C: {};
|
|
67
|
-
M: {};
|
|
68
|
-
Defaults: {};
|
|
69
|
-
}, Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
70
|
-
__isFragment?: never;
|
|
71
|
-
__isTeleport?: never;
|
|
72
|
-
__isSuspense?: never;
|
|
73
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
74
|
-
$slots: import("../index.js").KButtonSlots;
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
setup(this: void): {
|
|
78
|
-
args: import("@storybook/vue3-vite").ComponentPropsAndSlots<{
|
|
79
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
80
|
-
P: {};
|
|
81
|
-
B: {};
|
|
82
|
-
D: {};
|
|
83
|
-
C: {};
|
|
84
|
-
M: {};
|
|
85
|
-
Defaults: {};
|
|
86
|
-
}, Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
87
|
-
__isFragment?: never;
|
|
88
|
-
__isTeleport?: never;
|
|
89
|
-
__isSuspense?: never;
|
|
90
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
91
|
-
$slots: import("../index.js").KButtonSlots;
|
|
92
|
-
})>;
|
|
93
|
-
};
|
|
94
|
-
template: string;
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
export default meta;
|
|
98
|
-
type Story = StoryObj<typeof meta>;
|
|
99
|
-
export declare const Default: Story;
|
|
100
|
-
export declare const Brand: Story;
|
|
101
|
-
export declare const Success: Story;
|
|
102
|
-
export declare const Info: Story;
|
|
103
|
-
export declare const Attention: Story;
|
|
104
|
-
export declare const Danger: Story;
|
|
105
|
-
export declare const Outline: Story;
|
|
106
|
-
export declare const OutlineBrand: Story;
|
|
107
|
-
export declare const Ghost: Story;
|
|
108
|
-
export declare const GhostBrand: Story;
|
|
109
|
-
export declare const Rounded: Story;
|
|
110
|
-
export declare const Expanded: Story;
|
|
111
|
-
export declare const Disabled: Story;
|
|
112
|
-
export declare const AsLink: Story;
|
|
113
|
-
export declare const AsRouterLink: Story;
|
|
114
|
-
export declare const AllVariants: Story;
|
|
115
|
-
export declare const AllVariantsOutline: Story;
|
|
116
|
-
export declare const AllVariantsGhost: Story;
|
|
117
|
-
export declare const AllStyles: Story;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: {
|
|
5
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
6
|
-
P: {};
|
|
7
|
-
B: {};
|
|
8
|
-
D: {};
|
|
9
|
-
C: {};
|
|
10
|
-
M: {};
|
|
11
|
-
Defaults: {};
|
|
12
|
-
}, Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
|
-
__isFragment?: never;
|
|
14
|
-
__isTeleport?: never;
|
|
15
|
-
__isSuspense?: never;
|
|
16
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
17
|
-
$slots: {
|
|
18
|
-
default?: (props: {}) => any;
|
|
19
|
-
};
|
|
20
|
-
});
|
|
21
|
-
tags: string[];
|
|
22
|
-
render: (args: import("@storybook/vue3-vite").ComponentPropsAndSlots<{
|
|
23
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
24
|
-
P: {};
|
|
25
|
-
B: {};
|
|
26
|
-
D: {};
|
|
27
|
-
C: {};
|
|
28
|
-
M: {};
|
|
29
|
-
Defaults: {};
|
|
30
|
-
}, Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
31
|
-
__isFragment?: never;
|
|
32
|
-
__isTeleport?: never;
|
|
33
|
-
__isSuspense?: never;
|
|
34
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
35
|
-
$slots: {
|
|
36
|
-
default?: (props: {}) => any;
|
|
37
|
-
};
|
|
38
|
-
})>) => {
|
|
39
|
-
components: {
|
|
40
|
-
KContainer: {
|
|
41
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
42
|
-
P: {};
|
|
43
|
-
B: {};
|
|
44
|
-
D: {};
|
|
45
|
-
C: {};
|
|
46
|
-
M: {};
|
|
47
|
-
Defaults: {};
|
|
48
|
-
}, Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
49
|
-
__isFragment?: never;
|
|
50
|
-
__isTeleport?: never;
|
|
51
|
-
__isSuspense?: never;
|
|
52
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
53
|
-
$slots: {
|
|
54
|
-
default?: (props: {}) => any;
|
|
55
|
-
};
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
setup(this: void): {
|
|
59
|
-
args: import("@storybook/vue3-vite").ComponentPropsAndSlots<{
|
|
60
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
61
|
-
P: {};
|
|
62
|
-
B: {};
|
|
63
|
-
D: {};
|
|
64
|
-
C: {};
|
|
65
|
-
M: {};
|
|
66
|
-
Defaults: {};
|
|
67
|
-
}, Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
68
|
-
__isFragment?: never;
|
|
69
|
-
__isTeleport?: never;
|
|
70
|
-
__isSuspense?: never;
|
|
71
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("../index.js").KContainerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
72
|
-
$slots: {
|
|
73
|
-
default?: (props: {}) => any;
|
|
74
|
-
};
|
|
75
|
-
})>;
|
|
76
|
-
};
|
|
77
|
-
template: string;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
export default meta;
|
|
81
|
-
type Story = StoryObj<typeof meta>;
|
|
82
|
-
export declare const Default: Story;
|
|
83
|
-
export declare const Glassy: Story;
|
|
84
|
-
export declare const WithRichContent: Story;
|