@surgeui/ds-vue 1.0.5 → 1.2.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 +0 -1
- package/dist/components/atoms/Avatar.vue.d.ts +1 -1
- package/dist/components/atoms/Badge.vue.d.ts +1 -1
- package/dist/components/atoms/Button.vue.d.ts +1 -1
- package/dist/components/atoms/FileUpload.vue.d.ts +1 -1
- package/dist/components/atoms/FormField.vue.d.ts +19 -0
- package/dist/components/atoms/FormField.vue.d.ts.map +1 -1
- package/dist/components/atoms/Heading.vue.d.ts +1 -1
- package/dist/components/atoms/Icon.vue.d.ts +8 -0
- package/dist/components/atoms/Icon.vue.d.ts.map +1 -0
- package/dist/components/atoms/Input.vue.d.ts +1 -1
- package/dist/components/atoms/Input.vue.d.ts.map +1 -1
- package/dist/components/atoms/Link.vue.d.ts +2 -2
- package/dist/components/atoms/Link.vue.d.ts.map +1 -1
- package/dist/components/atoms/Panel.vue.d.ts +1 -1
- package/dist/components/atoms/SelectBox.vue.d.ts +0 -1
- package/dist/components/atoms/SelectBox.vue.d.ts.map +1 -1
- package/dist/components/atoms/Spinner.vue.d.ts +3 -3
- package/dist/components/molecules/AccordionItem.vue.d.ts +1 -1
- package/dist/components/molecules/AvatarGroup.vue.d.ts +1 -1
- package/dist/components/molecules/Dropdown.vue.d.ts +1 -1
- package/dist/components/molecules/FileUploadField.vue.d.ts +1 -1
- package/dist/components/molecules/FloatButton.vue.d.ts +19 -19
- package/dist/components/molecules/InputField.vue.d.ts +4 -4
- package/dist/components/molecules/SelectBoxField.vue.d.ts +0 -3
- package/dist/components/molecules/SelectBoxField.vue.d.ts.map +1 -1
- package/dist/components/organisms/Accordion.vue.d.ts +1 -1
- package/dist/components/organisms/Alert.vue.d.ts +1 -1
- package/dist/composables/useTheme.d.ts +18 -1
- package/dist/composables/useTheme.d.ts.map +1 -1
- package/dist/index-Bco9gSGG.js +5657 -0
- package/dist/index-BeQxidt5.js +5086 -0
- package/dist/index-CnZnylJC.js +5504 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +42 -5417
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +10 -5
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/theme.d.ts +11 -0
- package/dist/types/theme.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/components/global/Actions.vue.d.ts +0 -3
- package/dist/components/global/Actions.vue.d.ts.map +0 -1
- package/dist/components/global/Preview.vue.d.ts +0 -23
- package/dist/components/global/Preview.vue.d.ts.map +0 -1
- package/dist/components/global/_stories/Actions.d.ts +0 -7
- package/dist/components/global/_stories/Actions.d.ts.map +0 -1
- package/dist/components/global/_stories/Preview.d.ts +0 -6
- package/dist/components/global/_stories/Preview.d.ts.map +0 -1
- package/dist/components/templates/Grid.vue.d.ts +0 -23
- package/dist/components/templates/Grid.vue.d.ts.map +0 -1
- package/dist/components/templates/GridCell.vue.d.ts +0 -22
- package/dist/components/templates/GridCell.vue.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -214,7 +214,6 @@ MIT License - see the [LICENSE](https://github.com/mahmoud-nb/surge.ui/blob/main
|
|
|
214
214
|
- [Documentation](https://surgeui.com/)
|
|
215
215
|
- [Storybook](https://surgeui.com/storybook/)
|
|
216
216
|
- [GitHub Repository](https://github.com/mahmoud-nb/surge.ui)
|
|
217
|
-
- [npm Package](https://www.npmjs.com/package/@surgeui/ds-vue)
|
|
218
217
|
|
|
219
218
|
---
|
|
220
219
|
|
|
@@ -11,8 +11,8 @@ declare const _default: import('vue').DefineComponent<AvatarProps, {
|
|
|
11
11
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
12
12
|
onLoad?: ((event: Event) => any) | undefined;
|
|
13
13
|
}>, {
|
|
14
|
-
variant: import('../../types').AvatarVariant;
|
|
15
14
|
size: import('../../types').AvatarSize;
|
|
15
|
+
variant: import('../../types').AvatarVariant;
|
|
16
16
|
loading: boolean;
|
|
17
17
|
clickable: boolean;
|
|
18
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -11,8 +11,8 @@ declare function __VLS_template(): {
|
|
|
11
11
|
};
|
|
12
12
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
13
|
declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
|
|
14
|
-
variant: import('../../types').BadgeVariant;
|
|
15
14
|
size: import('../../types').Size;
|
|
15
|
+
variant: import('../../types').BadgeVariant;
|
|
16
16
|
radius: import('../../types').Radius;
|
|
17
17
|
iconDisplay: "left" | "right" | "only";
|
|
18
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
@@ -19,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
|
|
|
19
19
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
20
20
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
|
-
variant: import('../../types').ButtonVariant;
|
|
23
22
|
size: import('../../types').ButtonSize;
|
|
23
|
+
variant: import('../../types').ButtonVariant;
|
|
24
24
|
loading: boolean;
|
|
25
25
|
radius: import('../../types').ButtonRadius;
|
|
26
26
|
iconDisplay: "left" | "right" | "only";
|
|
@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
25
25
|
onUpload?: ((file: UploadedFile) => any) | undefined;
|
|
26
26
|
onRemove?: ((file: UploadedFile) => any) | undefined;
|
|
27
27
|
}>, {
|
|
28
|
-
variant: import('../../types').FileUploadVariant;
|
|
29
28
|
size: import('../../types').FileUploadSize;
|
|
29
|
+
variant: import('../../types').FileUploadVariant;
|
|
30
30
|
loading: boolean;
|
|
31
31
|
disabled: boolean;
|
|
32
32
|
state: import('../../types').FileUploadState;
|
|
@@ -2,9 +2,27 @@ import { FormFieldProps } from '../../types';
|
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: {
|
|
5
|
+
label?(_: {
|
|
6
|
+
label: string | undefined;
|
|
7
|
+
fieldId: string;
|
|
8
|
+
state: import('../../types').State;
|
|
9
|
+
size: import('../../types').Size;
|
|
10
|
+
required: boolean;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
}): any;
|
|
5
13
|
default?(_: {
|
|
6
14
|
fieldId: string;
|
|
7
15
|
messageId: string | undefined;
|
|
16
|
+
state: import('../../types').State;
|
|
17
|
+
size: import('../../types').Size;
|
|
18
|
+
required: boolean;
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
}): any;
|
|
21
|
+
message?(_: {
|
|
22
|
+
message: string;
|
|
23
|
+
messageId: string | undefined;
|
|
24
|
+
state: import('../../types').State;
|
|
25
|
+
size: import('../../types').Size;
|
|
8
26
|
}): any;
|
|
9
27
|
};
|
|
10
28
|
refs: {};
|
|
@@ -12,6 +30,7 @@ declare function __VLS_template(): {
|
|
|
12
30
|
};
|
|
13
31
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
32
|
declare const __VLS_component: import('vue').DefineComponent<FormFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {
|
|
33
|
+
size: import('../../types').Size;
|
|
15
34
|
disabled: boolean;
|
|
16
35
|
state: import('../../types').State;
|
|
17
36
|
required: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FormField.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FormField.vue"],"names":[],"mappings":"AA4OA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAsD7C,iBAAS,cAAc;WAqET,OAAO,IAA6B;;;;;;;;;YAZvB,GAAG;;;;;;;;YACD,GAAG;;;;;;YACH,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -40,8 +40,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
40
40
|
default: boolean;
|
|
41
41
|
};
|
|
42
42
|
}>> & Readonly<{}>, {
|
|
43
|
-
level: string | number;
|
|
44
43
|
variant: string;
|
|
44
|
+
level: string | number;
|
|
45
45
|
truncate: boolean;
|
|
46
46
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
47
47
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IconProps } from '../../types/index';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
|
|
3
|
+
size: number | string;
|
|
4
|
+
variant: "solid" | "outline";
|
|
5
|
+
decorative: boolean;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
8
|
+
//# sourceMappingURL=Icon.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Icon.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;AA4I9C,wBAOG"}
|
|
@@ -48,12 +48,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
48
48
|
"onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
|
|
49
49
|
"onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
|
|
50
50
|
}>, {
|
|
51
|
-
type: import('../../types').InputType;
|
|
52
51
|
size: import('../../types').Size;
|
|
53
52
|
disabled: boolean;
|
|
54
53
|
state: import('../../types').State;
|
|
55
54
|
required: boolean;
|
|
56
55
|
readonly: boolean;
|
|
56
|
+
type: import('../../types').InputType;
|
|
57
57
|
textAlign: import('../../types').TextAlign;
|
|
58
58
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
59
59
|
inputRef: HTMLInputElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Input.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Input.vue"],"names":[],"mappings":"AAyZA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,KAAK,WAAW,GAAG,UAAU,CAAC;AAuJ9B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;;;;;;EAgB/B;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -19,9 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<LinkProps, {}, {},
|
|
|
19
19
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
20
20
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
|
-
variant: import('../../types').LinkVariant;
|
|
23
22
|
size: import('../../types').LinkSize;
|
|
24
|
-
|
|
23
|
+
variant: import('../../types').LinkVariant;
|
|
24
|
+
iconDisplay: "top" | "left" | "right" | "only";
|
|
25
25
|
disabled: boolean;
|
|
26
26
|
underline: import('../../types').LinkUnderline;
|
|
27
27
|
external: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"AAwbA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA2HxC,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -12,8 +12,8 @@ declare function __VLS_template(): {
|
|
|
12
12
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
13
|
declare const __VLS_component: import('vue').DefineComponent<PanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PanelProps> & Readonly<{}>, {
|
|
14
14
|
variant: "default" | "subtle" | "highlight";
|
|
15
|
-
tag: "div" | "section" | "article" | "aside" | "header" | "footer";
|
|
16
15
|
radius: import('../../types').Radius;
|
|
16
|
+
tag: "div" | "section" | "article" | "aside" | "header" | "footer";
|
|
17
17
|
bordered: boolean;
|
|
18
18
|
elevated: boolean;
|
|
19
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -43,7 +43,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
43
43
|
searchPlaceholder: string;
|
|
44
44
|
noOptionsText: string;
|
|
45
45
|
noResultsText: string;
|
|
46
|
-
dir: "ltr" | "rtl" | "auto";
|
|
47
46
|
closeOnSelect: boolean;
|
|
48
47
|
maxSelectedItems: number;
|
|
49
48
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/SelectBox.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/SelectBox.vue"],"names":[],"mappings":"AA4tCA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,WAAW,GAAG,cAAc,CAAC;AAublC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0YhB,wBAUG"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { SpinnerProps } from '../../types';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
|
|
3
|
-
type: "classic" | "dots" | "pulse" | "bars" | "modern";
|
|
4
|
-
fill: string;
|
|
5
|
-
label: string;
|
|
6
3
|
size: number | string;
|
|
7
4
|
color: string;
|
|
5
|
+
label: string;
|
|
6
|
+
fill: string;
|
|
7
|
+
type: "classic" | "dots" | "pulse" | "bars" | "modern";
|
|
8
8
|
showLabel: boolean;
|
|
9
9
|
thickness: number;
|
|
10
10
|
speed: number;
|
|
@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionItemProps,
|
|
|
32
32
|
}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{
|
|
33
33
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
34
34
|
}>, {
|
|
35
|
-
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
36
35
|
disabled: boolean;
|
|
36
|
+
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
37
37
|
open: boolean;
|
|
38
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
39
39
|
headerRef: HTMLButtonElement;
|
|
@@ -17,9 +17,9 @@ declare const __VLS_component: import('vue').DefineComponent<AvatarGroupProps, {
|
|
|
17
17
|
}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{
|
|
18
18
|
"onAvatar-click"?: ((avatar: any, index: number, event: MouseEvent) => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
|
-
variant: import('../../types').AvatarVariant;
|
|
21
20
|
max: number;
|
|
22
21
|
size: import('../../types').AvatarSize;
|
|
22
|
+
variant: import('../../types').AvatarVariant;
|
|
23
23
|
clickable: boolean;
|
|
24
24
|
avatars: import('../../types').AvatarProps[];
|
|
25
25
|
spacing: "none" | "sm" | "md" | "lg";
|
|
@@ -18,8 +18,8 @@ declare const _default: import('vue').DefineComponent<DropdownProps, {
|
|
|
18
18
|
onClose?: (() => any) | undefined;
|
|
19
19
|
onOpen?: (() => any) | undefined;
|
|
20
20
|
}>, {
|
|
21
|
-
variant: import('../../types').ButtonVariant;
|
|
22
21
|
size: import('../../types').ButtonSize;
|
|
22
|
+
variant: import('../../types').ButtonVariant;
|
|
23
23
|
loading: boolean;
|
|
24
24
|
iconDisplay: "left" | "right" | "only";
|
|
25
25
|
disabled: boolean;
|
|
@@ -27,8 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
27
27
|
onUpload?: ((file: UploadedFile) => any) | undefined;
|
|
28
28
|
onRemove?: ((file: UploadedFile) => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
|
-
variant: import('../../types').FileUploadVariant;
|
|
31
30
|
size: import('../../types').FileUploadSize;
|
|
31
|
+
variant: import('../../types').FileUploadVariant;
|
|
32
32
|
loading: boolean;
|
|
33
33
|
disabled: boolean;
|
|
34
34
|
state: import('../../types').FileUploadState;
|
|
@@ -62,8 +62,8 @@ declare function __VLS_template(): {
|
|
|
62
62
|
blur: (event: FocusEvent) => any;
|
|
63
63
|
keydown: (event: KeyboardEvent) => any;
|
|
64
64
|
}, string, {
|
|
65
|
-
variant: import('../../types').ButtonVariant;
|
|
66
65
|
size: import('../../types').ButtonSize;
|
|
66
|
+
variant: import('../../types').ButtonVariant;
|
|
67
67
|
loading: boolean;
|
|
68
68
|
radius: import('../../types').ButtonRadius;
|
|
69
69
|
iconDisplay: "left" | "right" | "only";
|
|
@@ -91,8 +91,8 @@ declare function __VLS_template(): {
|
|
|
91
91
|
$nextTick: typeof import('vue').nextTick;
|
|
92
92
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
93
93
|
} & Readonly<{
|
|
94
|
-
variant: import('../../types').ButtonVariant;
|
|
95
94
|
size: import('../../types').ButtonSize;
|
|
95
|
+
variant: import('../../types').ButtonVariant;
|
|
96
96
|
loading: boolean;
|
|
97
97
|
radius: import('../../types').ButtonRadius;
|
|
98
98
|
iconDisplay: "left" | "right" | "only";
|
|
@@ -104,7 +104,7 @@ declare function __VLS_template(): {
|
|
|
104
104
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
105
105
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
106
106
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
107
|
-
}>, "
|
|
107
|
+
}>, "size" | "variant" | "loading" | "radius" | "iconDisplay" | "disabled" | "block" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
108
108
|
$slots: {
|
|
109
109
|
default?(_: {}): any;
|
|
110
110
|
};
|
|
@@ -122,7 +122,7 @@ declare function __VLS_template(): {
|
|
|
122
122
|
readonly underline?: import('../../types').LinkUnderline | undefined;
|
|
123
123
|
readonly disabled?: boolean | undefined;
|
|
124
124
|
readonly icon?: import('vue').Component | undefined;
|
|
125
|
-
readonly iconDisplay?: "left" | "right" | "only" | undefined;
|
|
125
|
+
readonly iconDisplay?: "top" | "left" | "right" | "only" | undefined;
|
|
126
126
|
readonly external?: boolean | undefined;
|
|
127
127
|
readonly ariaLabel?: string | undefined;
|
|
128
128
|
readonly ariaLabelledBy?: string | undefined;
|
|
@@ -163,9 +163,9 @@ declare function __VLS_template(): {
|
|
|
163
163
|
blur: (event: FocusEvent) => any;
|
|
164
164
|
keydown: (event: KeyboardEvent) => any;
|
|
165
165
|
}, string, {
|
|
166
|
-
variant: import('../../types').LinkVariant;
|
|
167
166
|
size: import('../../types').LinkSize;
|
|
168
|
-
|
|
167
|
+
variant: import('../../types').LinkVariant;
|
|
168
|
+
iconDisplay: "top" | "left" | "right" | "only";
|
|
169
169
|
disabled: boolean;
|
|
170
170
|
underline: import('../../types').LinkUnderline;
|
|
171
171
|
external: boolean;
|
|
@@ -191,9 +191,9 @@ declare function __VLS_template(): {
|
|
|
191
191
|
$nextTick: typeof import('vue').nextTick;
|
|
192
192
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
193
193
|
} & Readonly<{
|
|
194
|
-
variant: import('../../types').LinkVariant;
|
|
195
194
|
size: import('../../types').LinkSize;
|
|
196
|
-
|
|
195
|
+
variant: import('../../types').LinkVariant;
|
|
196
|
+
iconDisplay: "top" | "left" | "right" | "only";
|
|
197
197
|
disabled: boolean;
|
|
198
198
|
underline: import('../../types').LinkUnderline;
|
|
199
199
|
external: boolean;
|
|
@@ -203,7 +203,7 @@ declare function __VLS_template(): {
|
|
|
203
203
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
204
204
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
205
205
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
206
|
-
}>, "
|
|
206
|
+
}>, "size" | "variant" | "iconDisplay" | "disabled" | "underline" | "external" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
207
207
|
$slots: {
|
|
208
208
|
default?(_: {}): any;
|
|
209
209
|
};
|
|
@@ -224,8 +224,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
224
224
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
225
225
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
226
226
|
}>, {
|
|
227
|
-
variant: import('../../types').ButtonVariant;
|
|
228
227
|
size: import('../../types').FloatButtonSize;
|
|
228
|
+
variant: import('../../types').ButtonVariant;
|
|
229
229
|
loading: boolean;
|
|
230
230
|
disabled: boolean;
|
|
231
231
|
position: import('../../types').FloatButtonPosition;
|
|
@@ -288,8 +288,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
288
288
|
blur: (event: FocusEvent) => any;
|
|
289
289
|
keydown: (event: KeyboardEvent) => any;
|
|
290
290
|
}, string, {
|
|
291
|
-
variant: import('../../types').ButtonVariant;
|
|
292
291
|
size: import('../../types').ButtonSize;
|
|
292
|
+
variant: import('../../types').ButtonVariant;
|
|
293
293
|
loading: boolean;
|
|
294
294
|
radius: import('../../types').ButtonRadius;
|
|
295
295
|
iconDisplay: "left" | "right" | "only";
|
|
@@ -317,8 +317,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
317
317
|
$nextTick: typeof import('vue').nextTick;
|
|
318
318
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
319
319
|
} & Readonly<{
|
|
320
|
-
variant: import('../../types').ButtonVariant;
|
|
321
320
|
size: import('../../types').ButtonSize;
|
|
321
|
+
variant: import('../../types').ButtonVariant;
|
|
322
322
|
loading: boolean;
|
|
323
323
|
radius: import('../../types').ButtonRadius;
|
|
324
324
|
iconDisplay: "left" | "right" | "only";
|
|
@@ -330,7 +330,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
330
330
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
331
331
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
332
332
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
333
|
-
}>, "
|
|
333
|
+
}>, "size" | "variant" | "loading" | "radius" | "iconDisplay" | "disabled" | "block" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
334
334
|
$slots: {
|
|
335
335
|
default?(_: {}): any;
|
|
336
336
|
};
|
|
@@ -348,7 +348,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
348
348
|
readonly underline?: import('../../types').LinkUnderline | undefined;
|
|
349
349
|
readonly disabled?: boolean | undefined;
|
|
350
350
|
readonly icon?: import('vue').Component | undefined;
|
|
351
|
-
readonly iconDisplay?: "left" | "right" | "only" | undefined;
|
|
351
|
+
readonly iconDisplay?: "top" | "left" | "right" | "only" | undefined;
|
|
352
352
|
readonly external?: boolean | undefined;
|
|
353
353
|
readonly ariaLabel?: string | undefined;
|
|
354
354
|
readonly ariaLabelledBy?: string | undefined;
|
|
@@ -389,9 +389,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
389
389
|
blur: (event: FocusEvent) => any;
|
|
390
390
|
keydown: (event: KeyboardEvent) => any;
|
|
391
391
|
}, string, {
|
|
392
|
-
variant: import('../../types').LinkVariant;
|
|
393
392
|
size: import('../../types').LinkSize;
|
|
394
|
-
|
|
393
|
+
variant: import('../../types').LinkVariant;
|
|
394
|
+
iconDisplay: "top" | "left" | "right" | "only";
|
|
395
395
|
disabled: boolean;
|
|
396
396
|
underline: import('../../types').LinkUnderline;
|
|
397
397
|
external: boolean;
|
|
@@ -417,9 +417,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
417
417
|
$nextTick: typeof import('vue').nextTick;
|
|
418
418
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
419
419
|
} & Readonly<{
|
|
420
|
-
variant: import('../../types').LinkVariant;
|
|
421
420
|
size: import('../../types').LinkSize;
|
|
422
|
-
|
|
421
|
+
variant: import('../../types').LinkVariant;
|
|
422
|
+
iconDisplay: "top" | "left" | "right" | "only";
|
|
423
423
|
disabled: boolean;
|
|
424
424
|
underline: import('../../types').LinkUnderline;
|
|
425
425
|
external: boolean;
|
|
@@ -429,7 +429,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
429
429
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
430
430
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
431
431
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
432
|
-
}>, "
|
|
432
|
+
}>, "size" | "variant" | "iconDisplay" | "disabled" | "underline" | "external" | "tabIndex"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
433
433
|
$slots: {
|
|
434
434
|
default?(_: {}): any;
|
|
435
435
|
};
|
|
@@ -32,12 +32,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
32
32
|
"onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
|
|
33
33
|
"onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
|
|
34
34
|
}>, {
|
|
35
|
-
type: import('../../types').InputType;
|
|
36
35
|
size: import('../../types').Size;
|
|
37
36
|
disabled: boolean;
|
|
38
37
|
state: import('../../types').State;
|
|
39
38
|
required: boolean;
|
|
40
39
|
readonly: boolean;
|
|
40
|
+
type: import('../../types').InputType;
|
|
41
41
|
textAlign: import('../../types').TextAlign;
|
|
42
42
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
43
43
|
inputRef: ({
|
|
@@ -132,12 +132,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
132
132
|
"suffix-click": (event: MouseEvent) => any;
|
|
133
133
|
"suffix-icon-click": (event: MouseEvent) => any;
|
|
134
134
|
}, string, {
|
|
135
|
-
type: import('../../types').InputType;
|
|
136
135
|
size: import('../../types').Size;
|
|
137
136
|
disabled: boolean;
|
|
138
137
|
state: import('../../types').State;
|
|
139
138
|
required: boolean;
|
|
140
139
|
readonly: boolean;
|
|
140
|
+
type: import('../../types').InputType;
|
|
141
141
|
textAlign: import('../../types').TextAlign;
|
|
142
142
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
143
143
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -160,12 +160,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
160
160
|
$nextTick: typeof import('vue').nextTick;
|
|
161
161
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
162
162
|
} & Readonly<{
|
|
163
|
-
type: import('../../types').InputType;
|
|
164
163
|
size: import('../../types').Size;
|
|
165
164
|
disabled: boolean;
|
|
166
165
|
state: import('../../types').State;
|
|
167
166
|
required: boolean;
|
|
168
167
|
readonly: boolean;
|
|
168
|
+
type: import('../../types').InputType;
|
|
169
169
|
textAlign: import('../../types').TextAlign;
|
|
170
170
|
}> & Omit<Readonly<{
|
|
171
171
|
modelValue?: string | number;
|
|
@@ -181,7 +181,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
181
181
|
"onPrefix-icon-click"?: ((event: MouseEvent) => any) | undefined;
|
|
182
182
|
"onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
|
|
183
183
|
"onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
|
|
184
|
-
}>, "select" | "focus" | "inputRef" | ("
|
|
184
|
+
}>, "select" | "focus" | "inputRef" | ("size" | "disabled" | "state" | "required" | "readonly" | "type" | "textAlign")> & import('vue').ShallowUnwrapRef<{
|
|
185
185
|
focus: () => void | undefined;
|
|
186
186
|
select: () => void | undefined;
|
|
187
187
|
inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
|
|
@@ -43,7 +43,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
43
43
|
searchPlaceholder: string;
|
|
44
44
|
noOptionsText: string;
|
|
45
45
|
noResultsText: string;
|
|
46
|
-
dir: "ltr" | "rtl" | "auto";
|
|
47
46
|
closeOnSelect: boolean;
|
|
48
47
|
maxSelectedItems: number;
|
|
49
48
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -89,7 +88,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
89
88
|
searchPlaceholder: string;
|
|
90
89
|
noOptionsText: string;
|
|
91
90
|
noResultsText: string;
|
|
92
|
-
dir: "ltr" | "rtl" | "auto";
|
|
93
91
|
closeOnSelect: boolean;
|
|
94
92
|
maxSelectedItems: number;
|
|
95
93
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
@@ -138,7 +136,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
138
136
|
searchPlaceholder: string;
|
|
139
137
|
noOptionsText: string;
|
|
140
138
|
noResultsText: string;
|
|
141
|
-
dir: "ltr" | "rtl" | "auto";
|
|
142
139
|
closeOnSelect: boolean;
|
|
143
140
|
maxSelectedItems: number;
|
|
144
141
|
}> | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBoxField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/SelectBoxField.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA8FvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC
|
|
1
|
+
{"version":3,"file":"SelectBoxField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/SelectBoxField.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA8FvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIhB,wBAWG"}
|
|
@@ -17,11 +17,11 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
|
|
|
17
17
|
"onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
|
|
18
18
|
"onItem-toggle"?: ((item: AccordionItemData) => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
|
-
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
21
20
|
multiple: boolean;
|
|
22
21
|
gap: "sm" | "md" | "lg" | "none";
|
|
23
22
|
items: AccordionItemData[];
|
|
24
23
|
modelValue: (string | number)[];
|
|
24
|
+
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
25
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
26
26
|
accordionRef: HTMLDivElement;
|
|
27
27
|
}, HTMLDivElement>;
|
|
@@ -17,8 +17,8 @@ declare const __VLS_component: import('vue').DefineComponent<AlertProps, {
|
|
|
17
17
|
}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
|
|
18
18
|
onDismiss?: (() => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
|
-
type: "success" | "warning" | "error" | "info" | "neutral";
|
|
21
20
|
size: "sm" | "md" | "lg";
|
|
21
|
+
type: "success" | "warning" | "error" | "info" | "neutral";
|
|
22
22
|
dismissible: boolean;
|
|
23
23
|
dismissLabel: string;
|
|
24
24
|
ariaLive: "assertive" | "polite" | "off";
|
|
@@ -1,3 +1,20 @@
|
|
|
1
1
|
import { SurgeuiTheme } from '../plugin/theme';
|
|
2
|
-
|
|
2
|
+
import { ThemeMode, ContrastMode, MotionMode, TextDirection } from '../types/theme';
|
|
3
|
+
export declare function useTheme(): {
|
|
4
|
+
theme: SurgeuiTheme;
|
|
5
|
+
themeMode: import('vue').Ref<ThemeMode, ThemeMode>;
|
|
6
|
+
contrastMode: import('vue').Ref<ContrastMode, ContrastMode>;
|
|
7
|
+
motionMode: import('vue').Ref<MotionMode, MotionMode>;
|
|
8
|
+
textDirection: import('vue').Ref<TextDirection, TextDirection>;
|
|
9
|
+
systemTheme: import('vue').ComputedRef<"light" | "dark">;
|
|
10
|
+
effectiveTheme: import('vue').ComputedRef<"dark" | "light">;
|
|
11
|
+
systemContrast: import('vue').ComputedRef<"normal" | "high">;
|
|
12
|
+
systemMotion: import('vue').ComputedRef<"normal" | "reduce">;
|
|
13
|
+
setTheme: (mode: ThemeMode) => void;
|
|
14
|
+
setContrast: (mode: ContrastMode) => void;
|
|
15
|
+
setMotion: (mode: MotionMode) => void;
|
|
16
|
+
setDirection: (direction: TextDirection) => void;
|
|
17
|
+
toggleTheme: () => void;
|
|
18
|
+
reset: () => void;
|
|
19
|
+
};
|
|
3
20
|
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAe,aAAa,EAAE,MAAM,eAAe,CAAA;AASpG,wBAAgB,QAAQ;;;;;;;;;;qBA0EE,SAAS;wBAKN,YAAY;sBAKd,UAAU;8BAKF,aAAa;;;EAmE/C"}
|