cisse-vue-ui 0.3.1 → 0.5.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 +666 -666
- package/dist/BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs.map +1 -1
- package/dist/BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js.map +1 -1
- package/dist/Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js.map +1 -1
- package/dist/Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs.map +1 -1
- package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.js → Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js} +2 -2
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js.map +1 -0
- package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs → Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs} +2 -2
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs.map +1 -0
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-Bnw5L-xO.cjs → PageLayout.vue_vue_type_script_setup_true_lang-1rNUMab6.cjs} +2 -2
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-1rNUMab6.cjs.map +1 -0
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-D8uD3-Fe.js → PageLayout.vue_vue_type_script_setup_true_lang-DLfqj6EP.js} +2 -2
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-DLfqj6EP.js.map +1 -0
- package/dist/{DatePicker.vue_vue_type_script_setup_true_lang-CxddOiV4.cjs → RangeSlider.vue_vue_type_script_setup_true_lang-BRNkkx89.cjs} +715 -100
- package/dist/RangeSlider.vue_vue_type_script_setup_true_lang-BRNkkx89.cjs.map +1 -0
- package/dist/{DatePicker.vue_vue_type_script_setup_true_lang-DKDcnO28.js → RangeSlider.vue_vue_type_script_setup_true_lang-DD9UxnCU.js} +716 -101
- package/dist/RangeSlider.vue_vue_type_script_setup_true_lang-DD9UxnCU.js.map +1 -0
- package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-DRC4EADS.js → Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js} +2 -2
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js.map +1 -0
- package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-D2S5g9s5.cjs → Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs} +2 -2
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs.map +1 -0
- package/dist/{Popover.vue_vue_type_script_setup_true_lang-Q7gRZsT9.js → Timeline.vue_vue_type_script_setup_true_lang-BWIfzQOG.js} +591 -135
- package/dist/Timeline.vue_vue_type_script_setup_true_lang-BWIfzQOG.js.map +1 -0
- package/dist/{Popover.vue_vue_type_script_setup_true_lang-dvlDTcf1.cjs → Timeline.vue_vue_type_script_setup_true_lang-C2Mq4XOO.cjs} +578 -122
- package/dist/Timeline.vue_vue_type_script_setup_true_lang-C2Mq4XOO.cjs.map +1 -0
- package/dist/cisse-vue-ui.css +51 -51
- package/dist/components/core/Accordion.stories.d.ts +11 -0
- package/dist/components/core/Accordion.test.d.ts +1 -0
- package/dist/components/core/Accordion.vue.d.ts +27 -0
- package/dist/components/core/AccordionItem.vue.d.ts +27 -0
- package/dist/components/core/AutocompleteComponent.stories.d.ts +14 -0
- package/dist/components/core/AutocompleteComponent.test.d.ts +1 -0
- package/dist/components/core/Avatar.test.d.ts +1 -0
- package/dist/components/core/Breadcrumb.stories.d.ts +11 -0
- package/dist/components/core/Breadcrumb.test.d.ts +1 -0
- package/dist/components/core/Breadcrumb.vue.d.ts +26 -0
- package/dist/components/core/CardComponent.test.d.ts +1 -0
- package/dist/components/core/CollapsibleCard.test.d.ts +1 -0
- package/dist/components/core/Drawer.stories.d.ts +12 -0
- package/dist/components/core/Drawer.test.d.ts +1 -0
- package/dist/components/core/Drawer.vue.d.ts +50 -0
- package/dist/components/core/Dropdown.test.d.ts +1 -0
- package/dist/components/core/MenuItem.stories.d.ts +13 -0
- package/dist/components/core/MenuItem.test.d.ts +1 -0
- package/dist/components/core/MobileList.test.d.ts +1 -0
- package/dist/components/core/Popover.test.d.ts +1 -0
- package/dist/components/core/ResponsiveList.test.d.ts +1 -0
- package/dist/components/core/StatusBadge.test.d.ts +1 -0
- package/dist/components/core/Stepper.test.d.ts +1 -0
- package/dist/components/core/TabPanel.test.d.ts +1 -0
- package/dist/components/core/TableAction.test.d.ts +1 -0
- package/dist/components/core/TableComponent.stories.d.ts +14 -0
- package/dist/components/core/TableComponent.test.d.ts +1 -0
- package/dist/components/core/Tabs.test.d.ts +1 -0
- package/dist/components/core/Timeline.stories.d.ts +11 -0
- package/dist/components/core/Timeline.test.d.ts +1 -0
- package/dist/components/core/Timeline.vue.d.ts +34 -0
- package/dist/components/core/index.cjs +21 -16
- package/dist/components/core/index.cjs.map +1 -1
- package/dist/components/core/index.d.ts +9 -0
- package/dist/components/core/index.js +7 -2
- package/dist/components/feedback/Alert.test.d.ts +1 -0
- package/dist/components/feedback/EmptyState.test.d.ts +1 -0
- package/dist/components/feedback/LoadingSpinner.test.d.ts +1 -0
- package/dist/components/feedback/Modal.test.d.ts +1 -0
- package/dist/components/feedback/NotificationComponent.test.d.ts +1 -0
- package/dist/components/feedback/NotificationList.test.d.ts +1 -0
- package/dist/components/feedback/PaginationControls.test.d.ts +1 -0
- package/dist/components/feedback/Toast.test.d.ts +1 -0
- package/dist/components/feedback/ToastContainer.test.d.ts +1 -0
- package/dist/components/feedback/index.cjs +1 -1
- package/dist/components/feedback/index.js +1 -1
- package/dist/components/form/Checkbox.test.d.ts +1 -0
- package/dist/components/form/ColorPicker.stories.d.ts +12 -0
- package/dist/components/form/ColorPicker.test.d.ts +1 -0
- package/dist/components/form/ColorPicker.vue.d.ts +23 -0
- package/dist/components/form/DatePicker.test.d.ts +1 -0
- package/dist/components/form/FileUpload.stories.d.ts +12 -0
- package/dist/components/form/FileUpload.test.d.ts +1 -0
- package/dist/components/form/FileUpload.vue.d.ts +40 -0
- package/dist/components/form/FormGroup.test.d.ts +1 -0
- package/dist/components/form/FormHelp.test.d.ts +1 -0
- package/dist/components/form/FormInput.test.d.ts +1 -0
- package/dist/components/form/FormLabel.test.d.ts +1 -0
- package/dist/components/form/FormSelect.test.d.ts +1 -0
- package/dist/components/form/RangeSlider.stories.d.ts +13 -0
- package/dist/components/form/RangeSlider.test.d.ts +1 -0
- package/dist/components/form/RangeSlider.vue.d.ts +35 -0
- package/dist/components/form/Rating.stories.d.ts +16 -0
- package/dist/components/form/Rating.test.d.ts +1 -0
- package/dist/components/form/Rating.vue.d.ts +43 -0
- package/dist/components/form/SearchInput.stories.d.ts +13 -0
- package/dist/components/form/SearchInput.test.d.ts +1 -0
- package/dist/components/form/Slider.test.d.ts +1 -0
- package/dist/components/form/Switch.test.d.ts +1 -0
- package/dist/components/form/index.cjs +14 -10
- package/dist/components/form/index.cjs.map +1 -1
- package/dist/components/form/index.d.ts +6 -0
- package/dist/components/form/index.js +5 -1
- package/dist/components/index.cjs +37 -28
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +16 -7
- package/dist/components/layout/BaseLayout.test.d.ts +1 -0
- package/dist/components/layout/PageLayout.test.d.ts +1 -0
- package/dist/components/layout/PageLayout.vue.d.ts +3 -3
- package/dist/components/layout/index.cjs +1 -1
- package/dist/components/layout/index.d.ts +1 -1
- package/dist/components/layout/index.js +1 -1
- package/dist/components/type/BadgeType.test.d.ts +1 -0
- package/dist/components/type/BooleanType.test.d.ts +1 -0
- package/dist/components/type/DateType.test.d.ts +1 -0
- package/dist/components/type/NumberType.test.d.ts +1 -0
- package/dist/components/type/TextType.test.d.ts +1 -0
- package/dist/index-B4NFaDHr.cjs +67 -0
- package/dist/index-B4NFaDHr.cjs.map +1 -0
- package/dist/index-C2DRkEjb.js +68 -0
- package/dist/index-C2DRkEjb.js.map +1 -0
- package/dist/index.cjs +38 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -8
- package/dist/style.css +1 -1
- package/dist/types/components.d.ts +1 -1
- package/dist/useDropdown-DHFnd259.cjs.map +1 -1
- package/dist/useDropdown-iVu14E6s.js.map +1 -1
- package/dist/useToast-DT9hFfpM.js.map +1 -1
- package/dist/useToast-nJXpFz_M.cjs.map +1 -1
- package/package.json +7 -2
- package/dist/DatePicker.vue_vue_type_script_setup_true_lang-CxddOiV4.cjs.map +0 -1
- package/dist/DatePicker.vue_vue_type_script_setup_true_lang-DKDcnO28.js.map +0 -1
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.js.map +0 -1
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs.map +0 -1
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-Bnw5L-xO.cjs.map +0 -1
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-D8uD3-Fe.js.map +0 -1
- package/dist/Popover.vue_vue_type_script_setup_true_lang-Q7gRZsT9.js.map +0 -1
- package/dist/Popover.vue_vue_type_script_setup_true_lang-dvlDTcf1.cjs.map +0 -1
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-D2S5g9s5.cjs.map +0 -1
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-DRC4EADS.js.map +0 -1
- package/dist/index-DNndxsOE.cjs +0 -58
- package/dist/index-DNndxsOE.cjs.map +0 -1
- package/dist/index-_NEu9rf2.js +0 -59
- package/dist/index-_NEu9rf2.js.map +0 -1
package/dist/cisse-vue-ui.css
CHANGED
|
@@ -1,83 +1,83 @@
|
|
|
1
1
|
|
|
2
|
-
.slider-input[data-v-
|
|
2
|
+
.slider-input[data-v-c25e2c2a] {
|
|
3
3
|
height: 0.5rem;
|
|
4
4
|
}
|
|
5
|
-
.slider-input[data-v-
|
|
6
|
-
height: 0.5rem;
|
|
7
|
-
border-radius: 9999px;
|
|
5
|
+
.slider-input[data-v-c25e2c2a]::-webkit-slider-runnable-track {
|
|
6
|
+
height: 0.5rem;
|
|
7
|
+
border-radius: 9999px;
|
|
8
8
|
background-color: #e5e7eb;
|
|
9
9
|
}
|
|
10
|
-
.dark .slider-input[data-v-
|
|
10
|
+
.dark .slider-input[data-v-c25e2c2a]::-webkit-slider-runnable-track {
|
|
11
11
|
background-color: #374151;
|
|
12
12
|
}
|
|
13
|
-
.slider-input[data-v-
|
|
14
|
-
-webkit-appearance: none;
|
|
15
|
-
appearance: none;
|
|
16
|
-
width: 1.25rem;
|
|
17
|
-
height: 1.25rem;
|
|
18
|
-
border-radius: 9999px;
|
|
19
|
-
background-color: var(--color-primary, #3b82f6);
|
|
20
|
-
border: 2px solid white;
|
|
21
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
22
|
-
margin-top: -0.375rem;
|
|
13
|
+
.slider-input[data-v-c25e2c2a]::-webkit-slider-thumb {
|
|
14
|
+
-webkit-appearance: none;
|
|
15
|
+
appearance: none;
|
|
16
|
+
width: 1.25rem;
|
|
17
|
+
height: 1.25rem;
|
|
18
|
+
border-radius: 9999px;
|
|
19
|
+
background-color: var(--color-primary, #3b82f6);
|
|
20
|
+
border: 2px solid white;
|
|
21
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
22
|
+
margin-top: -0.375rem;
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.slider-input[data-v-
|
|
26
|
-
height: 0.5rem;
|
|
27
|
-
border-radius: 9999px;
|
|
25
|
+
.slider-input[data-v-c25e2c2a]::-moz-range-track {
|
|
26
|
+
height: 0.5rem;
|
|
27
|
+
border-radius: 9999px;
|
|
28
28
|
background-color: #e5e7eb;
|
|
29
29
|
}
|
|
30
|
-
.dark .slider-input[data-v-
|
|
30
|
+
.dark .slider-input[data-v-c25e2c2a]::-moz-range-track {
|
|
31
31
|
background-color: #374151;
|
|
32
32
|
}
|
|
33
|
-
.slider-input[data-v-
|
|
34
|
-
width: 1.25rem;
|
|
35
|
-
height: 1.25rem;
|
|
36
|
-
border-radius: 9999px;
|
|
37
|
-
background-color: var(--color-primary, #3b82f6);
|
|
38
|
-
border: 2px solid white;
|
|
39
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
33
|
+
.slider-input[data-v-c25e2c2a]::-moz-range-thumb {
|
|
34
|
+
width: 1.25rem;
|
|
35
|
+
height: 1.25rem;
|
|
36
|
+
border-radius: 9999px;
|
|
37
|
+
background-color: var(--color-primary, #3b82f6);
|
|
38
|
+
border: 2px solid white;
|
|
39
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
40
40
|
cursor: pointer;
|
|
41
41
|
}
|
|
42
|
-
.slider-input[data-v-
|
|
42
|
+
.slider-input[data-v-c25e2c2a]:focus::-webkit-slider-thumb {
|
|
43
43
|
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
|
|
44
44
|
}
|
|
45
|
-
.slider-input[data-v-
|
|
45
|
+
.slider-input[data-v-c25e2c2a]:focus::-moz-range-thumb {
|
|
46
46
|
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
|
|
47
|
-
}
|
|
47
|
+
}
|
|
48
48
|
|
|
49
|
-
.bg-stripes[data-v-
|
|
50
|
-
background-image: linear-gradient(
|
|
51
|
-
45deg,
|
|
52
|
-
rgba(255, 255, 255, 0.15) 25%,
|
|
53
|
-
transparent 25%,
|
|
54
|
-
transparent 50%,
|
|
55
|
-
rgba(255, 255, 255, 0.15) 50%,
|
|
56
|
-
rgba(255, 255, 255, 0.15) 75%,
|
|
57
|
-
transparent 75%,
|
|
58
|
-
transparent
|
|
59
|
-
);
|
|
49
|
+
.bg-stripes[data-v-7ff636cf] {
|
|
50
|
+
background-image: linear-gradient(
|
|
51
|
+
45deg,
|
|
52
|
+
rgba(255, 255, 255, 0.15) 25%,
|
|
53
|
+
transparent 25%,
|
|
54
|
+
transparent 50%,
|
|
55
|
+
rgba(255, 255, 255, 0.15) 50%,
|
|
56
|
+
rgba(255, 255, 255, 0.15) 75%,
|
|
57
|
+
transparent 75%,
|
|
58
|
+
transparent
|
|
59
|
+
);
|
|
60
60
|
background-size: 1rem 1rem;
|
|
61
61
|
}
|
|
62
|
-
.animate-stripes[data-v-
|
|
63
|
-
animation: stripes-
|
|
62
|
+
.animate-stripes[data-v-7ff636cf] {
|
|
63
|
+
animation: stripes-7ff636cf 1s linear infinite;
|
|
64
64
|
}
|
|
65
|
-
@keyframes stripes-
|
|
66
|
-
from {
|
|
65
|
+
@keyframes stripes-7ff636cf {
|
|
66
|
+
from {
|
|
67
67
|
background-position: 1rem 0;
|
|
68
68
|
}
|
|
69
|
-
to {
|
|
69
|
+
to {
|
|
70
70
|
background-position: 0 0;
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
.animate-indeterminate[data-v-
|
|
74
|
-
animation: indeterminate-
|
|
73
|
+
.animate-indeterminate[data-v-7ff636cf] {
|
|
74
|
+
animation: indeterminate-7ff636cf 1.5s ease-in-out infinite;
|
|
75
75
|
}
|
|
76
|
-
@keyframes indeterminate-
|
|
77
|
-
0% {
|
|
76
|
+
@keyframes indeterminate-7ff636cf {
|
|
77
|
+
0% {
|
|
78
78
|
transform: translateX(-100%);
|
|
79
79
|
}
|
|
80
|
-
100% {
|
|
80
|
+
100% {
|
|
81
81
|
transform: translateX(400%);
|
|
82
82
|
}
|
|
83
|
-
}
|
|
83
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as 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 Default: Story;
|
|
7
|
+
export declare const MultipleMode: Story;
|
|
8
|
+
export declare const WithDefaultOpen: Story;
|
|
9
|
+
export declare const WithIcons: Story;
|
|
10
|
+
export declare const WithDisabledItem: Story;
|
|
11
|
+
export declare const FAQ: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export type AccordionMode = 'single' | 'multiple';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** Allow single or multiple items open */
|
|
4
|
+
mode?: AccordionMode;
|
|
5
|
+
/** Default open items (array of keys) */
|
|
6
|
+
defaultOpen?: string[];
|
|
7
|
+
};
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLDivElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
|
+
mode: AccordionMode;
|
|
19
|
+
defaultOpen: string[];
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
/** Unique key for this item */
|
|
3
|
+
itemKey: string;
|
|
4
|
+
/** Title shown in header */
|
|
5
|
+
title: string;
|
|
6
|
+
/** Optional icon */
|
|
7
|
+
icon?: string;
|
|
8
|
+
/** Disable this item */
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
default?(_: {}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as AutocompleteComponent } from './AutocompleteComponent.vue';
|
|
3
|
+
declare const meta: Meta<typeof AutocompleteComponent>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const WithPreselectedValue: Story;
|
|
9
|
+
export declare const WithError: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const UserSearch: Story;
|
|
12
|
+
export declare const ManyOptions: Story;
|
|
13
|
+
export declare const CustomNoResults: Story;
|
|
14
|
+
export declare const InForm: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as 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 Default: Story;
|
|
7
|
+
export declare const Simple: Story;
|
|
8
|
+
export declare const WithIcons: Story;
|
|
9
|
+
export declare const NoHomeIcon: Story;
|
|
10
|
+
export declare const SingleItem: Story;
|
|
11
|
+
export declare const LongPath: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface BreadcrumbItem {
|
|
2
|
+
label: string;
|
|
3
|
+
href?: string;
|
|
4
|
+
to?: string | object;
|
|
5
|
+
icon?: string;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = {
|
|
8
|
+
/** Array of breadcrumb items */
|
|
9
|
+
items: BreadcrumbItem[];
|
|
10
|
+
/** Separator icon */
|
|
11
|
+
separator?: string;
|
|
12
|
+
/** Home icon */
|
|
13
|
+
homeIcon?: string;
|
|
14
|
+
/** Show home icon on first item */
|
|
15
|
+
showHomeIcon?: boolean;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
click: (item: BreadcrumbItem, index: number) => any;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
20
|
+
onClick?: ((item: BreadcrumbItem, index: number) => any) | undefined;
|
|
21
|
+
}>, {
|
|
22
|
+
separator: string;
|
|
23
|
+
homeIcon: string;
|
|
24
|
+
showHomeIcon: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as Drawer } from './Drawer.vue';
|
|
3
|
+
declare const meta: Meta<typeof Drawer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Drawer>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const LeftPosition: Story;
|
|
8
|
+
export declare const TopPosition: Story;
|
|
9
|
+
export declare const BottomPosition: Story;
|
|
10
|
+
export declare const WithFooter: Story;
|
|
11
|
+
export declare const LargeSize: Story;
|
|
12
|
+
export declare const NoOverlay: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
2
|
+
export type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
/** Whether the drawer is visible */
|
|
5
|
+
modelValue: boolean;
|
|
6
|
+
/** Position of the drawer */
|
|
7
|
+
position?: DrawerPosition;
|
|
8
|
+
/** Size of the drawer */
|
|
9
|
+
size?: DrawerSize;
|
|
10
|
+
/** Title shown in header */
|
|
11
|
+
title?: string;
|
|
12
|
+
/** Show close button */
|
|
13
|
+
showClose?: boolean;
|
|
14
|
+
/** Close on overlay click */
|
|
15
|
+
closeOnOverlay?: boolean;
|
|
16
|
+
/** Close on escape key */
|
|
17
|
+
closeOnEscape?: boolean;
|
|
18
|
+
/** Show overlay */
|
|
19
|
+
overlay?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare function __VLS_template(): {
|
|
22
|
+
attrs: Partial<{}>;
|
|
23
|
+
slots: {
|
|
24
|
+
header?(_: {}): any;
|
|
25
|
+
default?(_: {}): any;
|
|
26
|
+
footer?(_: {}): any;
|
|
27
|
+
};
|
|
28
|
+
refs: {};
|
|
29
|
+
rootEl: any;
|
|
30
|
+
};
|
|
31
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
32
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
33
|
+
"update:modelValue": (value: boolean) => any;
|
|
34
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
35
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
36
|
+
}>, {
|
|
37
|
+
size: DrawerSize;
|
|
38
|
+
position: DrawerPosition;
|
|
39
|
+
showClose: boolean;
|
|
40
|
+
closeOnOverlay: boolean;
|
|
41
|
+
closeOnEscape: boolean;
|
|
42
|
+
overlay: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
44
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
45
|
+
export default _default;
|
|
46
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
47
|
+
new (): {
|
|
48
|
+
$slots: S;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as MenuItem } from './MenuItem.vue';
|
|
3
|
+
declare const meta: Meta<typeof MenuItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Active: Story;
|
|
8
|
+
export declare const WithNotification: Story;
|
|
9
|
+
export declare const Collapsed: Story;
|
|
10
|
+
export declare const CollapsedActive: Story;
|
|
11
|
+
export declare const NavigationMenu: Story;
|
|
12
|
+
export declare const CollapsedMenu: Story;
|
|
13
|
+
export declare const DifferentIcons: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as TableComponent } from './TableComponent.vue';
|
|
3
|
+
declare const meta: Meta<typeof TableComponent>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithTypes: Story;
|
|
8
|
+
export declare const WithBadge: Story;
|
|
9
|
+
export declare const WithAlignment: Story;
|
|
10
|
+
export declare const Selectable: Story;
|
|
11
|
+
export declare const WithActions: Story;
|
|
12
|
+
export declare const WithCustomSlot: Story;
|
|
13
|
+
export declare const EmptyState: Story;
|
|
14
|
+
export declare const NestedProperties: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as Timeline } from './Timeline.vue';
|
|
3
|
+
declare const meta: Meta<typeof Timeline>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Timeline>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Horizontal: Story;
|
|
8
|
+
export declare const WithError: Story;
|
|
9
|
+
export declare const WithIcons: Story;
|
|
10
|
+
export declare const ProjectTimeline: Story;
|
|
11
|
+
export declare const SimpleSteps: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export type TimelineItemStatus = 'completed' | 'current' | 'upcoming' | 'error';
|
|
2
|
+
export interface TimelineItem {
|
|
3
|
+
key: string;
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
date?: string;
|
|
7
|
+
icon?: string;
|
|
8
|
+
status?: TimelineItemStatus;
|
|
9
|
+
}
|
|
10
|
+
type __VLS_Props = {
|
|
11
|
+
/** Array of timeline items */
|
|
12
|
+
items: TimelineItem[];
|
|
13
|
+
/** Orientation of the timeline */
|
|
14
|
+
orientation?: 'vertical' | 'horizontal';
|
|
15
|
+
};
|
|
16
|
+
declare function __VLS_template(): {
|
|
17
|
+
attrs: Partial<{}>;
|
|
18
|
+
slots: Partial<Record<string, (_: {
|
|
19
|
+
item: TimelineItem;
|
|
20
|
+
}) => any>>;
|
|
21
|
+
refs: {};
|
|
22
|
+
rootEl: any;
|
|
23
|
+
};
|
|
24
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
25
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
26
|
+
orientation: "vertical" | "horizontal";
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -1,22 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const
|
|
4
|
-
const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
const Timeline_vue_vue_type_script_setup_true_lang = require("../../Timeline.vue_vue_type_script_setup_true_lang-C2Mq4XOO.cjs");
|
|
4
|
+
const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs");
|
|
5
5
|
const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.
|
|
11
|
-
exports.
|
|
12
|
-
exports.
|
|
13
|
-
exports.
|
|
14
|
-
exports.
|
|
15
|
-
exports.
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
exports.
|
|
6
|
+
exports.Accordion = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$16;
|
|
7
|
+
exports.AccordionItem = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$17;
|
|
8
|
+
exports.AutocompleteComponent = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$4;
|
|
9
|
+
exports.Avatar = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$7;
|
|
10
|
+
exports.Breadcrumb = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$15;
|
|
11
|
+
exports.Button = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$6;
|
|
12
|
+
exports.CardComponent = Timeline_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
13
|
+
exports.CollapsibleCard = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$11;
|
|
14
|
+
exports.Drawer = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$14;
|
|
15
|
+
exports.MobileList = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
16
|
+
exports.Popover = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$13;
|
|
17
|
+
exports.ResponsiveList = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$3;
|
|
18
|
+
exports.Stepper = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$10;
|
|
19
|
+
exports.TabPanel = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$9;
|
|
20
|
+
exports.TableAction = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$5;
|
|
21
|
+
exports.TableComponent = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$1;
|
|
22
|
+
exports.Tabs = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$8;
|
|
23
|
+
exports.Timeline = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$18;
|
|
24
|
+
exports.Tooltip = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$12;
|
|
20
25
|
exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
|
|
21
26
|
exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
22
27
|
exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -15,7 +15,16 @@ export { default as Stepper } from './Stepper.vue';
|
|
|
15
15
|
export { default as CollapsibleCard } from './CollapsibleCard.vue';
|
|
16
16
|
export { default as Tooltip } from './Tooltip.vue';
|
|
17
17
|
export { default as Popover } from './Popover.vue';
|
|
18
|
+
export { default as Drawer } from './Drawer.vue';
|
|
19
|
+
export { default as Breadcrumb } from './Breadcrumb.vue';
|
|
20
|
+
export { default as Accordion } from './Accordion.vue';
|
|
21
|
+
export { default as AccordionItem } from './AccordionItem.vue';
|
|
22
|
+
export { default as Timeline } from './Timeline.vue';
|
|
18
23
|
export type { ButtonVariant, ButtonSize } from './Button.vue';
|
|
24
|
+
export type { DrawerPosition, DrawerSize } from './Drawer.vue';
|
|
25
|
+
export type { BreadcrumbItem } from './Breadcrumb.vue';
|
|
26
|
+
export type { AccordionMode } from './Accordion.vue';
|
|
27
|
+
export type { TimelineItem, TimelineItemStatus } from './Timeline.vue';
|
|
19
28
|
export type { TooltipPosition } from './Tooltip.vue';
|
|
20
29
|
export type { PopoverPosition } from './Popover.vue';
|
|
21
30
|
export type { Step } from './Stepper.vue';
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { d, g, f, _, k, b, m, c, j, i, e, a, h, l } from "../../
|
|
2
|
-
import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { p, q, d, g, o, f, _, k, n, b, m, c, j, i, e, a, h, r, l } from "../../Timeline.vue_vue_type_script_setup_true_lang-BWIfzQOG.js";
|
|
2
|
+
import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js";
|
|
3
3
|
import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
|
|
4
4
|
export {
|
|
5
|
+
p as Accordion,
|
|
6
|
+
q as AccordionItem,
|
|
5
7
|
d as AutocompleteComponent,
|
|
6
8
|
g as Avatar,
|
|
9
|
+
o as Breadcrumb,
|
|
7
10
|
f as Button,
|
|
8
11
|
_ as CardComponent,
|
|
9
12
|
k as CollapsibleCard,
|
|
13
|
+
n as Drawer,
|
|
10
14
|
a2 as Dropdown,
|
|
11
15
|
_2 as MenuItem,
|
|
12
16
|
b as MobileList,
|
|
@@ -18,6 +22,7 @@ export {
|
|
|
18
22
|
e as TableAction,
|
|
19
23
|
a as TableComponent,
|
|
20
24
|
h as Tabs,
|
|
25
|
+
r as Timeline,
|
|
21
26
|
l as Tooltip
|
|
22
27
|
};
|
|
23
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const Skeleton_vue_vue_type_script_setup_true_lang = require("../../Skeleton.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
const Skeleton_vue_vue_type_script_setup_true_lang = require("../../Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs");
|
|
4
4
|
exports.Alert = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$5;
|
|
5
5
|
exports.EmptyState = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$6;
|
|
6
6
|
exports.LoadingSpinner = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { e, f, _, a, c, d, b, P, i, g, h } from "../../Skeleton.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { e, f, _, a, c, d, b, P, i, g, h } from "../../Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js";
|
|
2
2
|
export {
|
|
3
3
|
e as Alert,
|
|
4
4
|
f as EmptyState,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ColorPicker } from './ColorPicker.vue';
|
|
3
|
+
declare const meta: Meta<typeof ColorPicker>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ColorPicker>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const CustomSwatches: Story;
|
|
9
|
+
export declare const WithoutInput: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const BrandColors: Story;
|
|
12
|
+
export declare const GrayscalePalette: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|