@leodamours/ds-components 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DsAvatar.vue.d.ts +35 -0
- package/dist/components/DsBadge.vue.d.ts +46 -0
- package/dist/components/DsButton.vue.d.ts +67 -0
- package/dist/components/DsCheckbox.vue.d.ts +54 -0
- package/dist/components/DsDropdownSelect.vue.d.ts +85 -0
- package/dist/components/DsInput.vue.d.ts +80 -0
- package/dist/components/DsLoadingSpinner.vue.d.ts +37 -0
- package/dist/components/DsModal.vue.d.ts +55 -0
- package/dist/components/DsRadio.vue.d.ts +52 -0
- package/dist/components/DsSelect.vue.d.ts +55 -0
- package/dist/components/DsTable.vue.d.ts +81 -0
- package/dist/components/DsTabs.vue.d.ts +50 -0
- package/dist/components/DsTextarea.vue.d.ts +64 -0
- package/dist/components/DsToast.vue.d.ts +21 -0
- package/dist/components/DsToastContainer.vue.d.ts +2 -0
- package/dist/components/DsTooltip.vue.d.ts +44 -0
- package/dist/components/DsUnderConstruction.vue.d.ts +32 -0
- package/dist/composables/useId.d.ts +2 -0
- package/dist/composables/useToast.d.ts +49 -0
- package/dist/index.d.ts +38 -0
- package/dist/styles/default.d.ts +24 -0
- package/dist/styles/presets.d.ts +4 -0
- package/dist/styles/tokens.d.ts +262 -0
- package/package.json +1 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface DsAvatarProps {
|
|
2
|
+
src?: string;
|
|
3
|
+
alt?: string;
|
|
4
|
+
name?: string;
|
|
5
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
variant?: 'brand' | 'neutral';
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsAvatarProps>, {
|
|
9
|
+
size: string;
|
|
10
|
+
variant: string;
|
|
11
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsAvatarProps>, {
|
|
12
|
+
size: string;
|
|
13
|
+
variant: string;
|
|
14
|
+
}>>> & Readonly<{}>, {
|
|
15
|
+
size: "sm" | "md" | "lg" | "xl";
|
|
16
|
+
variant: "brand" | "neutral";
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
20
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
21
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
22
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
23
|
+
} : {
|
|
24
|
+
type: import('vue').PropType<T[K]>;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
type __VLS_WithDefaults<P, D> = {
|
|
29
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
30
|
+
default: D[K];
|
|
31
|
+
}> : P[K];
|
|
32
|
+
};
|
|
33
|
+
type __VLS_Prettify<T> = {
|
|
34
|
+
[K in keyof T]: T[K];
|
|
35
|
+
} & {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export interface DsBadgeProps {
|
|
2
|
+
label?: string;
|
|
3
|
+
variant?: 'brand' | 'neutral' | 'error' | 'success' | 'warning' | 'info' | 'processing';
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
dot?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsBadgeProps>, {
|
|
11
|
+
variant: string;
|
|
12
|
+
size: string;
|
|
13
|
+
dot: boolean;
|
|
14
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsBadgeProps>, {
|
|
15
|
+
variant: string;
|
|
16
|
+
size: string;
|
|
17
|
+
dot: boolean;
|
|
18
|
+
}>>> & Readonly<{}>, {
|
|
19
|
+
size: "sm" | "md" | "lg";
|
|
20
|
+
variant: "brand" | "neutral" | "error" | "success" | "warning" | "info" | "processing";
|
|
21
|
+
dot: boolean;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
26
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
27
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
28
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
29
|
+
} : {
|
|
30
|
+
type: import('vue').PropType<T[K]>;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
type __VLS_WithDefaults<P, D> = {
|
|
35
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
36
|
+
default: D[K];
|
|
37
|
+
}> : P[K];
|
|
38
|
+
};
|
|
39
|
+
type __VLS_Prettify<T> = {
|
|
40
|
+
[K in keyof T]: T[K];
|
|
41
|
+
} & {};
|
|
42
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
43
|
+
new (): {
|
|
44
|
+
$slots: S;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
export interface DsButtonProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
|
|
6
|
+
size?: 'small' | 'medium' | 'large';
|
|
7
|
+
htmlType?: 'button' | 'submit' | 'reset';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
iconLeft?: Component;
|
|
10
|
+
iconRight?: Component;
|
|
11
|
+
fullWidth?: boolean;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
}
|
|
15
|
+
declare function __VLS_template(): {
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsButtonProps>, {
|
|
19
|
+
variant: string;
|
|
20
|
+
size: string;
|
|
21
|
+
htmlType: string;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
fullWidth: boolean;
|
|
24
|
+
loading: boolean;
|
|
25
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
26
|
+
click: (event: MouseEvent) => void;
|
|
27
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsButtonProps>, {
|
|
28
|
+
variant: string;
|
|
29
|
+
size: string;
|
|
30
|
+
htmlType: string;
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
fullWidth: boolean;
|
|
33
|
+
loading: boolean;
|
|
34
|
+
}>>> & Readonly<{
|
|
35
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
36
|
+
}>, {
|
|
37
|
+
size: "small" | "medium" | "large";
|
|
38
|
+
variant: "primary" | "secondary" | "outline" | "ghost" | "danger" | "success";
|
|
39
|
+
htmlType: "button" | "submit" | "reset";
|
|
40
|
+
disabled: boolean;
|
|
41
|
+
fullWidth: boolean;
|
|
42
|
+
loading: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
44
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
45
|
+
export default _default;
|
|
46
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
47
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
48
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
49
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
50
|
+
} : {
|
|
51
|
+
type: import('vue').PropType<T[K]>;
|
|
52
|
+
required: true;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
type __VLS_WithDefaults<P, D> = {
|
|
56
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
57
|
+
default: D[K];
|
|
58
|
+
}> : P[K];
|
|
59
|
+
};
|
|
60
|
+
type __VLS_Prettify<T> = {
|
|
61
|
+
[K in keyof T]: T[K];
|
|
62
|
+
} & {};
|
|
63
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
64
|
+
new (): {
|
|
65
|
+
$slots: S;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export interface DsCheckboxProps {
|
|
2
|
+
modelValue?: boolean;
|
|
3
|
+
label?: string;
|
|
4
|
+
id?: string;
|
|
5
|
+
value?: string | number | boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsCheckboxProps>, {
|
|
13
|
+
modelValue: boolean;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
size: string;
|
|
16
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
"update:modelValue": (value: boolean) => void;
|
|
18
|
+
change: (value: boolean, event: Event) => void;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsCheckboxProps>, {
|
|
20
|
+
modelValue: boolean;
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
size: string;
|
|
23
|
+
}>>> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
25
|
+
onChange?: ((value: boolean, event: Event) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
size: "small" | "medium" | "large";
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
modelValue: boolean;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
31
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
34
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
35
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
36
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
37
|
+
} : {
|
|
38
|
+
type: import('vue').PropType<T[K]>;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
type __VLS_WithDefaults<P, D> = {
|
|
43
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
44
|
+
default: D[K];
|
|
45
|
+
}> : P[K];
|
|
46
|
+
};
|
|
47
|
+
type __VLS_Prettify<T> = {
|
|
48
|
+
[K in keyof T]: T[K];
|
|
49
|
+
} & {};
|
|
50
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
51
|
+
new (): {
|
|
52
|
+
$slots: S;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
interface SelectOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
type OptionType = string | number | SelectOption;
|
|
9
|
+
export interface DsDropdownSelectProps {
|
|
10
|
+
modelValue?: string | number;
|
|
11
|
+
options?: OptionType[];
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
variant?: 'primary' | 'secondary' | 'ghost';
|
|
14
|
+
size?: 'small' | 'medium' | 'large';
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
iconLeft?: Component;
|
|
18
|
+
fullWidth?: boolean;
|
|
19
|
+
emptyText?: string;
|
|
20
|
+
}
|
|
21
|
+
declare function __VLS_template(): {
|
|
22
|
+
trigger?(_: {}): any;
|
|
23
|
+
option?(_: {
|
|
24
|
+
option: OptionType;
|
|
25
|
+
index: number;
|
|
26
|
+
}): any;
|
|
27
|
+
};
|
|
28
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsDropdownSelectProps>, {
|
|
29
|
+
options: () => never[];
|
|
30
|
+
placeholder: string;
|
|
31
|
+
variant: string;
|
|
32
|
+
size: string;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
loading: boolean;
|
|
35
|
+
fullWidth: boolean;
|
|
36
|
+
emptyText: string;
|
|
37
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
38
|
+
"update:modelValue": (value: string | number) => void;
|
|
39
|
+
change: (value: string | number, option: OptionType) => void;
|
|
40
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsDropdownSelectProps>, {
|
|
41
|
+
options: () => never[];
|
|
42
|
+
placeholder: string;
|
|
43
|
+
variant: string;
|
|
44
|
+
size: string;
|
|
45
|
+
disabled: boolean;
|
|
46
|
+
loading: boolean;
|
|
47
|
+
fullWidth: boolean;
|
|
48
|
+
emptyText: string;
|
|
49
|
+
}>>> & Readonly<{
|
|
50
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
51
|
+
onChange?: ((value: string | number, option: OptionType) => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
size: "small" | "medium" | "large";
|
|
54
|
+
variant: "primary" | "secondary" | "ghost";
|
|
55
|
+
disabled: boolean;
|
|
56
|
+
fullWidth: boolean;
|
|
57
|
+
loading: boolean;
|
|
58
|
+
options: OptionType[];
|
|
59
|
+
placeholder: string;
|
|
60
|
+
emptyText: string;
|
|
61
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
62
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
63
|
+
export default _default;
|
|
64
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
65
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
66
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
67
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
68
|
+
} : {
|
|
69
|
+
type: import('vue').PropType<T[K]>;
|
|
70
|
+
required: true;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
type __VLS_WithDefaults<P, D> = {
|
|
74
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
75
|
+
default: D[K];
|
|
76
|
+
}> : P[K];
|
|
77
|
+
};
|
|
78
|
+
type __VLS_Prettify<T> = {
|
|
79
|
+
[K in keyof T]: T[K];
|
|
80
|
+
} & {};
|
|
81
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
82
|
+
new (): {
|
|
83
|
+
$slots: S;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
export interface DsInputProps {
|
|
4
|
+
modelValue?: string | number;
|
|
5
|
+
label?: string;
|
|
6
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
helpText?: string;
|
|
9
|
+
error?: string;
|
|
10
|
+
size?: 'small' | 'medium' | 'large';
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
readonly?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
clearable?: boolean;
|
|
15
|
+
iconLeft?: Component;
|
|
16
|
+
iconRight?: Component;
|
|
17
|
+
autocomplete?: string;
|
|
18
|
+
maxLength?: number;
|
|
19
|
+
min?: number | string;
|
|
20
|
+
max?: number | string;
|
|
21
|
+
step?: number | string;
|
|
22
|
+
}
|
|
23
|
+
declare function focus(): void;
|
|
24
|
+
declare function blur(): void;
|
|
25
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsInputProps>, {
|
|
26
|
+
type: string;
|
|
27
|
+
size: string;
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
readonly: boolean;
|
|
30
|
+
required: boolean;
|
|
31
|
+
clearable: boolean;
|
|
32
|
+
}>>, {
|
|
33
|
+
focus: typeof focus;
|
|
34
|
+
blur: typeof blur;
|
|
35
|
+
inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
|
|
36
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
37
|
+
clear: () => void;
|
|
38
|
+
"update:modelValue": (value: string | number) => void;
|
|
39
|
+
blur: (event: FocusEvent) => void;
|
|
40
|
+
focus: (event: FocusEvent) => void;
|
|
41
|
+
enter: () => void;
|
|
42
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsInputProps>, {
|
|
43
|
+
type: string;
|
|
44
|
+
size: string;
|
|
45
|
+
disabled: boolean;
|
|
46
|
+
readonly: boolean;
|
|
47
|
+
required: boolean;
|
|
48
|
+
clearable: boolean;
|
|
49
|
+
}>>> & Readonly<{
|
|
50
|
+
onClear?: (() => any) | undefined;
|
|
51
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
52
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
53
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
54
|
+
onEnter?: (() => any) | undefined;
|
|
55
|
+
}>, {
|
|
56
|
+
size: "small" | "medium" | "large";
|
|
57
|
+
type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
58
|
+
disabled: boolean;
|
|
59
|
+
readonly: boolean;
|
|
60
|
+
required: boolean;
|
|
61
|
+
clearable: boolean;
|
|
62
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
export default _default;
|
|
64
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
65
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
66
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
67
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
68
|
+
} : {
|
|
69
|
+
type: import('vue').PropType<T[K]>;
|
|
70
|
+
required: true;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
type __VLS_WithDefaults<P, D> = {
|
|
74
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
75
|
+
default: D[K];
|
|
76
|
+
}> : P[K];
|
|
77
|
+
};
|
|
78
|
+
type __VLS_Prettify<T> = {
|
|
79
|
+
[K in keyof T]: T[K];
|
|
80
|
+
} & {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export interface DsLoadingSpinnerProps {
|
|
2
|
+
size?: 'small' | 'medium' | 'large';
|
|
3
|
+
variant?: 'primary' | 'secondary' | 'white' | 'current';
|
|
4
|
+
text?: string;
|
|
5
|
+
centered?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsLoadingSpinnerProps>, {
|
|
8
|
+
size: string;
|
|
9
|
+
variant: string;
|
|
10
|
+
centered: boolean;
|
|
11
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsLoadingSpinnerProps>, {
|
|
12
|
+
size: string;
|
|
13
|
+
variant: string;
|
|
14
|
+
centered: boolean;
|
|
15
|
+
}>>> & Readonly<{}>, {
|
|
16
|
+
size: "small" | "medium" | "large";
|
|
17
|
+
variant: "primary" | "secondary" | "white" | "current";
|
|
18
|
+
centered: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
22
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
23
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
24
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
25
|
+
} : {
|
|
26
|
+
type: import('vue').PropType<T[K]>;
|
|
27
|
+
required: true;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
type __VLS_WithDefaults<P, D> = {
|
|
31
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
32
|
+
default: D[K];
|
|
33
|
+
}> : P[K];
|
|
34
|
+
};
|
|
35
|
+
type __VLS_Prettify<T> = {
|
|
36
|
+
[K in keyof T]: T[K];
|
|
37
|
+
} & {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export interface DsModalProps {
|
|
2
|
+
modelValue: boolean;
|
|
3
|
+
title?: string;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
closable?: boolean;
|
|
6
|
+
persistent?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
header?(_: {}): any;
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
footer?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsModalProps>, {
|
|
14
|
+
size: string;
|
|
15
|
+
closable: boolean;
|
|
16
|
+
persistent: boolean;
|
|
17
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
"update:modelValue": (value: boolean) => void;
|
|
19
|
+
close: () => void;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsModalProps>, {
|
|
21
|
+
size: string;
|
|
22
|
+
closable: boolean;
|
|
23
|
+
persistent: boolean;
|
|
24
|
+
}>>> & Readonly<{
|
|
25
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
26
|
+
onClose?: (() => any) | undefined;
|
|
27
|
+
}>, {
|
|
28
|
+
size: "sm" | "md" | "lg" | "xl";
|
|
29
|
+
closable: boolean;
|
|
30
|
+
persistent: boolean;
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
35
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
36
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
37
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
38
|
+
} : {
|
|
39
|
+
type: import('vue').PropType<T[K]>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
type __VLS_WithDefaults<P, D> = {
|
|
44
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
45
|
+
default: D[K];
|
|
46
|
+
}> : P[K];
|
|
47
|
+
};
|
|
48
|
+
type __VLS_Prettify<T> = {
|
|
49
|
+
[K in keyof T]: T[K];
|
|
50
|
+
} & {};
|
|
51
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export interface DsRadioProps {
|
|
2
|
+
modelValue?: string | number | boolean;
|
|
3
|
+
label?: string;
|
|
4
|
+
id?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
value?: string | number | boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsRadioProps>, {
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
size: string;
|
|
16
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
"update:modelValue": (value: string | number | boolean) => void;
|
|
18
|
+
change: (value: string | number | boolean, event: Event) => void;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsRadioProps>, {
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
size: string;
|
|
22
|
+
}>>> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
|
|
24
|
+
onChange?: ((value: string | number | boolean, event: Event) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
size: "small" | "medium" | "large";
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
32
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
33
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
34
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
35
|
+
} : {
|
|
36
|
+
type: import('vue').PropType<T[K]>;
|
|
37
|
+
required: true;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
type __VLS_WithDefaults<P, D> = {
|
|
41
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
42
|
+
default: D[K];
|
|
43
|
+
}> : P[K];
|
|
44
|
+
};
|
|
45
|
+
type __VLS_Prettify<T> = {
|
|
46
|
+
[K in keyof T]: T[K];
|
|
47
|
+
} & {};
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export interface DsSelectOption {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string | number;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface DsSelectProps {
|
|
7
|
+
modelValue?: string | number;
|
|
8
|
+
label?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
helpText?: string;
|
|
11
|
+
error?: string;
|
|
12
|
+
size?: 'small' | 'medium' | 'large';
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
options: DsSelectOption[];
|
|
16
|
+
}
|
|
17
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsSelectProps>, {
|
|
18
|
+
size: string;
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
required: boolean;
|
|
21
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: string | number) => void;
|
|
23
|
+
blur: (event: FocusEvent) => void;
|
|
24
|
+
focus: (event: FocusEvent) => void;
|
|
25
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsSelectProps>, {
|
|
26
|
+
size: string;
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
required: boolean;
|
|
29
|
+
}>>> & Readonly<{
|
|
30
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
31
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
32
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
size: "small" | "medium" | "large";
|
|
35
|
+
disabled: boolean;
|
|
36
|
+
required: boolean;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
40
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
41
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
42
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
43
|
+
} : {
|
|
44
|
+
type: import('vue').PropType<T[K]>;
|
|
45
|
+
required: true;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
type __VLS_WithDefaults<P, D> = {
|
|
49
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
50
|
+
default: D[K];
|
|
51
|
+
}> : P[K];
|
|
52
|
+
};
|
|
53
|
+
type __VLS_Prettify<T> = {
|
|
54
|
+
[K in keyof T]: T[K];
|
|
55
|
+
} & {};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export interface DsTableColumn {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
sortable?: boolean;
|
|
5
|
+
width?: string;
|
|
6
|
+
align?: 'left' | 'center' | 'right';
|
|
7
|
+
}
|
|
8
|
+
export interface DsTablePagination {
|
|
9
|
+
page: number;
|
|
10
|
+
perPage: number;
|
|
11
|
+
total: number;
|
|
12
|
+
}
|
|
13
|
+
export interface DsTableProps {
|
|
14
|
+
columns: DsTableColumn[];
|
|
15
|
+
rows: Record<string, any>[];
|
|
16
|
+
sortBy?: string;
|
|
17
|
+
sortOrder?: 'asc' | 'desc';
|
|
18
|
+
loading?: boolean;
|
|
19
|
+
emptyText?: string;
|
|
20
|
+
striped?: boolean;
|
|
21
|
+
stickyHeader?: boolean;
|
|
22
|
+
pagination?: DsTablePagination;
|
|
23
|
+
}
|
|
24
|
+
declare function __VLS_template(): Partial<Record<`header-${string}`, (_: {
|
|
25
|
+
column: DsTableColumn;
|
|
26
|
+
}) => any>> & Partial<Record<`cell-${string}`, (_: {
|
|
27
|
+
row: Record<string, any>;
|
|
28
|
+
value: any;
|
|
29
|
+
index: number;
|
|
30
|
+
}) => any>> & {
|
|
31
|
+
loading?(_: {}): any;
|
|
32
|
+
empty?(_: {}): any;
|
|
33
|
+
};
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTableProps>, {
|
|
35
|
+
loading: boolean;
|
|
36
|
+
emptyText: string;
|
|
37
|
+
striped: boolean;
|
|
38
|
+
stickyHeader: boolean;
|
|
39
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
40
|
+
"update:sortBy": (value: string) => void;
|
|
41
|
+
"update:sortOrder": (value: "desc" | "asc") => void;
|
|
42
|
+
"update:page": (value: number) => void;
|
|
43
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTableProps>, {
|
|
44
|
+
loading: boolean;
|
|
45
|
+
emptyText: string;
|
|
46
|
+
striped: boolean;
|
|
47
|
+
stickyHeader: boolean;
|
|
48
|
+
}>>> & Readonly<{
|
|
49
|
+
"onUpdate:sortBy"?: ((value: string) => any) | undefined;
|
|
50
|
+
"onUpdate:sortOrder"?: ((value: "desc" | "asc") => any) | undefined;
|
|
51
|
+
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
loading: boolean;
|
|
54
|
+
emptyText: string;
|
|
55
|
+
striped: boolean;
|
|
56
|
+
stickyHeader: boolean;
|
|
57
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
58
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
59
|
+
export default _default;
|
|
60
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
61
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
62
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
63
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
64
|
+
} : {
|
|
65
|
+
type: import('vue').PropType<T[K]>;
|
|
66
|
+
required: true;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
type __VLS_WithDefaults<P, D> = {
|
|
70
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
71
|
+
default: D[K];
|
|
72
|
+
}> : P[K];
|
|
73
|
+
};
|
|
74
|
+
type __VLS_Prettify<T> = {
|
|
75
|
+
[K in keyof T]: T[K];
|
|
76
|
+
} & {};
|
|
77
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
78
|
+
new (): {
|
|
79
|
+
$slots: S;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export interface DsTab {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface DsTabsProps {
|
|
7
|
+
modelValue: string;
|
|
8
|
+
tabs: DsTab[];
|
|
9
|
+
variant?: 'line' | 'pill';
|
|
10
|
+
ariaLabel?: string;
|
|
11
|
+
}
|
|
12
|
+
declare function __VLS_template(): Partial<Record<string, (_: {}) => any>>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTabsProps>, {
|
|
14
|
+
variant: string;
|
|
15
|
+
ariaLabel: string;
|
|
16
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
"update:modelValue": (value: string) => void;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTabsProps>, {
|
|
19
|
+
variant: string;
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
}>>> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
variant: "line" | "pill";
|
|
25
|
+
ariaLabel: string;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
30
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
31
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
32
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
33
|
+
} : {
|
|
34
|
+
type: import('vue').PropType<T[K]>;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
type __VLS_WithDefaults<P, D> = {
|
|
39
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
40
|
+
default: D[K];
|
|
41
|
+
}> : P[K];
|
|
42
|
+
};
|
|
43
|
+
type __VLS_Prettify<T> = {
|
|
44
|
+
[K in keyof T]: T[K];
|
|
45
|
+
} & {};
|
|
46
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
47
|
+
new (): {
|
|
48
|
+
$slots: S;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
export interface DsTextareaProps {
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
helpText?: string;
|
|
6
|
+
error?: string;
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
rows?: number;
|
|
12
|
+
maxLength?: number;
|
|
13
|
+
}
|
|
14
|
+
declare function focus(): void;
|
|
15
|
+
declare function blur(): void;
|
|
16
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTextareaProps>, {
|
|
17
|
+
size: string;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
readonly: boolean;
|
|
20
|
+
required: boolean;
|
|
21
|
+
rows: number;
|
|
22
|
+
}>>, {
|
|
23
|
+
focus: typeof focus;
|
|
24
|
+
blur: typeof blur;
|
|
25
|
+
textareaRef: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
|
|
26
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
27
|
+
"update:modelValue": (value: string) => void;
|
|
28
|
+
blur: (event: FocusEvent) => void;
|
|
29
|
+
focus: (event: FocusEvent) => void;
|
|
30
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTextareaProps>, {
|
|
31
|
+
size: string;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
readonly: boolean;
|
|
34
|
+
required: boolean;
|
|
35
|
+
rows: number;
|
|
36
|
+
}>>> & Readonly<{
|
|
37
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
38
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
39
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
40
|
+
}>, {
|
|
41
|
+
size: "small" | "medium" | "large";
|
|
42
|
+
disabled: boolean;
|
|
43
|
+
readonly: boolean;
|
|
44
|
+
required: boolean;
|
|
45
|
+
rows: number;
|
|
46
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
49
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
50
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
51
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
52
|
+
} : {
|
|
53
|
+
type: import('vue').PropType<T[K]>;
|
|
54
|
+
required: true;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
type __VLS_WithDefaults<P, D> = {
|
|
58
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
59
|
+
default: D[K];
|
|
60
|
+
}> : P[K];
|
|
61
|
+
};
|
|
62
|
+
type __VLS_Prettify<T> = {
|
|
63
|
+
[K in keyof T]: T[K];
|
|
64
|
+
} & {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Toast } from '../composables/useToast';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
toast: Toast;
|
|
5
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
6
|
+
dismiss: (id: number) => void;
|
|
7
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
8
|
+
toast: Toast;
|
|
9
|
+
}>>> & Readonly<{
|
|
10
|
+
onDismiss?: ((id: number) => any) | undefined;
|
|
11
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
14
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
15
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
16
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
17
|
+
} : {
|
|
18
|
+
type: import('vue').PropType<T[K]>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Placement } from '@floating-ui/vue';
|
|
2
|
+
|
|
3
|
+
export interface DsTooltipProps {
|
|
4
|
+
content: string;
|
|
5
|
+
placement?: Placement;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTooltipProps>, {
|
|
12
|
+
placement: string;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsTooltipProps>, {
|
|
15
|
+
placement: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
}>>> & Readonly<{}>, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
placement: Placement;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
24
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
25
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
26
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
27
|
+
} : {
|
|
28
|
+
type: import('vue').PropType<T[K]>;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
type __VLS_WithDefaults<P, D> = {
|
|
33
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
34
|
+
default: D[K];
|
|
35
|
+
}> : P[K];
|
|
36
|
+
};
|
|
37
|
+
type __VLS_Prettify<T> = {
|
|
38
|
+
[K in keyof T]: T[K];
|
|
39
|
+
} & {};
|
|
40
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export interface DsUnderConstructionProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsUnderConstructionProps>, {
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DsUnderConstructionProps>, {
|
|
9
|
+
title: string;
|
|
10
|
+
description: string;
|
|
11
|
+
}>>> & Readonly<{}>, {
|
|
12
|
+
title: string;
|
|
13
|
+
description: string;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
17
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
18
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
19
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
20
|
+
} : {
|
|
21
|
+
type: import('vue').PropType<T[K]>;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
type __VLS_WithDefaults<P, D> = {
|
|
26
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
27
|
+
default: D[K];
|
|
28
|
+
}> : P[K];
|
|
29
|
+
};
|
|
30
|
+
type __VLS_Prettify<T> = {
|
|
31
|
+
[K in keyof T]: T[K];
|
|
32
|
+
} & {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export type ToastVariant = 'brand' | 'error' | 'success' | 'warning' | 'info';
|
|
2
|
+
export interface Toast {
|
|
3
|
+
id: number;
|
|
4
|
+
variant: ToastVariant;
|
|
5
|
+
title?: string;
|
|
6
|
+
message: string;
|
|
7
|
+
duration: number;
|
|
8
|
+
closable: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare function removeToast(id: number): void;
|
|
11
|
+
export declare function useToast(): {
|
|
12
|
+
toasts: import('vue').Ref<{
|
|
13
|
+
id: number;
|
|
14
|
+
variant: ToastVariant;
|
|
15
|
+
title?: string | undefined;
|
|
16
|
+
message: string;
|
|
17
|
+
duration: number;
|
|
18
|
+
closable: boolean;
|
|
19
|
+
}[], Toast[] | {
|
|
20
|
+
id: number;
|
|
21
|
+
variant: ToastVariant;
|
|
22
|
+
title?: string | undefined;
|
|
23
|
+
message: string;
|
|
24
|
+
duration: number;
|
|
25
|
+
closable: boolean;
|
|
26
|
+
}[]>;
|
|
27
|
+
removeToast: typeof removeToast;
|
|
28
|
+
success: (message: string, options?: {
|
|
29
|
+
title?: string;
|
|
30
|
+
duration?: number;
|
|
31
|
+
}) => number;
|
|
32
|
+
error: (message: string, options?: {
|
|
33
|
+
title?: string;
|
|
34
|
+
duration?: number;
|
|
35
|
+
}) => number;
|
|
36
|
+
warning: (message: string, options?: {
|
|
37
|
+
title?: string;
|
|
38
|
+
duration?: number;
|
|
39
|
+
}) => number;
|
|
40
|
+
info: (message: string, options?: {
|
|
41
|
+
title?: string;
|
|
42
|
+
duration?: number;
|
|
43
|
+
}) => number;
|
|
44
|
+
brand: (message: string, options?: {
|
|
45
|
+
title?: string;
|
|
46
|
+
duration?: number;
|
|
47
|
+
}) => number;
|
|
48
|
+
};
|
|
49
|
+
export {};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
|
|
2
|
+
export { default as DsAvatar } from './components/DsAvatar.vue';
|
|
3
|
+
export { default as DsBadge } from './components/DsBadge.vue';
|
|
4
|
+
export { default as DsButton } from './components/DsButton.vue';
|
|
5
|
+
export { default as DsCheckbox } from './components/DsCheckbox.vue';
|
|
6
|
+
export { default as DsDropdownSelect } from './components/DsDropdownSelect.vue';
|
|
7
|
+
export { default as DsInput } from './components/DsInput.vue';
|
|
8
|
+
export { default as DsLoadingSpinner } from './components/DsLoadingSpinner.vue';
|
|
9
|
+
export { default as DsModal } from './components/DsModal.vue';
|
|
10
|
+
export { default as DsRadio } from './components/DsRadio.vue';
|
|
11
|
+
export { default as DsSelect } from './components/DsSelect.vue';
|
|
12
|
+
export { default as DsTable } from './components/DsTable.vue';
|
|
13
|
+
export { default as DsTabs } from './components/DsTabs.vue';
|
|
14
|
+
export { default as DsTextarea } from './components/DsTextarea.vue';
|
|
15
|
+
export { default as DsUnderConstruction } from './components/DsUnderConstruction.vue';
|
|
16
|
+
export { default as DsToast } from './components/DsToast.vue';
|
|
17
|
+
export { default as DsToastContainer } from './components/DsToastContainer.vue';
|
|
18
|
+
export { default as DsTooltip } from './components/DsTooltip.vue';
|
|
19
|
+
export { useId } from './composables/useId';
|
|
20
|
+
export { useToast } from './composables/useToast';
|
|
21
|
+
export { colorTokens, spacingTokens, radiusTokens, shadowTokens, allTokens, generateThemeCss, tokenToCssVar } from './styles/tokens';
|
|
22
|
+
export type { ColorToken, SpacingToken, RadiusToken, ShadowToken, ThemeOverride } from './styles/tokens';
|
|
23
|
+
export type { DsAvatarProps } from './components/DsAvatar.vue';
|
|
24
|
+
export type { DsBadgeProps } from './components/DsBadge.vue';
|
|
25
|
+
export type { DsButtonProps } from './components/DsButton.vue';
|
|
26
|
+
export type { DsCheckboxProps } from './components/DsCheckbox.vue';
|
|
27
|
+
export type { DsDropdownSelectProps } from './components/DsDropdownSelect.vue';
|
|
28
|
+
export type { DsInputProps } from './components/DsInput.vue';
|
|
29
|
+
export type { DsLoadingSpinnerProps } from './components/DsLoadingSpinner.vue';
|
|
30
|
+
export type { DsModalProps } from './components/DsModal.vue';
|
|
31
|
+
export type { DsRadioProps } from './components/DsRadio.vue';
|
|
32
|
+
export type { DsSelectProps, DsSelectOption } from './components/DsSelect.vue';
|
|
33
|
+
export type { DsTableProps, DsTableColumn, DsTablePagination } from './components/DsTable.vue';
|
|
34
|
+
export type { DsTabsProps, DsTab } from './components/DsTabs.vue';
|
|
35
|
+
export type { DsTextareaProps } from './components/DsTextarea.vue';
|
|
36
|
+
export type { DsUnderConstructionProps } from './components/DsUnderConstruction.vue';
|
|
37
|
+
export type { DsTooltipProps } from './components/DsTooltip.vue';
|
|
38
|
+
export type { Toast, ToastVariant } from './composables/useToast';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const defaultTheme: {
|
|
2
|
+
colors: Record<string, string>;
|
|
3
|
+
fontFamily: {
|
|
4
|
+
sans: string;
|
|
5
|
+
mono: string;
|
|
6
|
+
};
|
|
7
|
+
fontSize: {
|
|
8
|
+
xs: string[];
|
|
9
|
+
sm: string[];
|
|
10
|
+
base: string[];
|
|
11
|
+
lg: string[];
|
|
12
|
+
xl: string[];
|
|
13
|
+
'2xl': string[];
|
|
14
|
+
'3xl': string[];
|
|
15
|
+
};
|
|
16
|
+
breakpoints: {
|
|
17
|
+
sm: string;
|
|
18
|
+
md: string;
|
|
19
|
+
lg: string;
|
|
20
|
+
xl: string;
|
|
21
|
+
xxl: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default defaultTheme;
|
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Design token definitions — single source of truth for all color tokens.
|
|
3
|
+
* Each token maps to a CSS custom property: `--ds-{token}`.
|
|
4
|
+
*/
|
|
5
|
+
export declare const colorTokens: {
|
|
6
|
+
readonly bg: "#FFFFFF";
|
|
7
|
+
readonly 'bg-secondary': "#F8FAFC";
|
|
8
|
+
readonly 'bg-tertiary': "#F1F5F9";
|
|
9
|
+
readonly 'bg-inverse': "#0F172A";
|
|
10
|
+
readonly 'bg-inverse-secondary': "#1E293B";
|
|
11
|
+
readonly fg: "#0F172A";
|
|
12
|
+
readonly 'fg-secondary': "#64748B";
|
|
13
|
+
readonly 'fg-tertiary': "#94A3B8";
|
|
14
|
+
readonly 'fg-inverse': "#FFFFFF";
|
|
15
|
+
readonly 'fg-disabled': "#94A3B8";
|
|
16
|
+
readonly icon: "#64748B";
|
|
17
|
+
readonly 'icon-hover': "#0F172A";
|
|
18
|
+
readonly 'icon-active': "#0EA5E9";
|
|
19
|
+
readonly 'icon-inverse': "#FFFFFF";
|
|
20
|
+
readonly 'icon-disabled': "#CBD5E1";
|
|
21
|
+
readonly border: "#E2E8F0";
|
|
22
|
+
readonly 'border-light': "#F1F5F9";
|
|
23
|
+
readonly 'border-strong': "#CBD5E1";
|
|
24
|
+
readonly 'border-focus': "#0F172A";
|
|
25
|
+
readonly 'surface-hover': "#E2E8F0";
|
|
26
|
+
readonly 'surface-hover-light': "#F1F5F9";
|
|
27
|
+
readonly 'surface-active': "#B7E6FD";
|
|
28
|
+
readonly 'surface-disabled': "#FAFCFF";
|
|
29
|
+
readonly brand: "#0EA5E9";
|
|
30
|
+
readonly 'brand-hover': "#0284C7";
|
|
31
|
+
readonly 'brand-active': "#0369A1";
|
|
32
|
+
readonly 'brand-disabled': "#BAE6FD";
|
|
33
|
+
readonly 'brand-soft': "#F0F9FF";
|
|
34
|
+
readonly 'brand-soft-hover': "#E0F2FE";
|
|
35
|
+
readonly 'brand-soft-active': "#B7E6FD";
|
|
36
|
+
readonly 'brand-on-solid': "#FFFFFF";
|
|
37
|
+
readonly 'brand-on-soft': "#0EA5E9";
|
|
38
|
+
readonly 'brand-secondary': "#6366F1";
|
|
39
|
+
readonly neutral: "#64748B";
|
|
40
|
+
readonly 'neutral-soft': "#F8FAFC";
|
|
41
|
+
readonly 'neutral-soft-hover': "#F1F5F9";
|
|
42
|
+
readonly 'neutral-soft-active': "#E2E8F0";
|
|
43
|
+
readonly 'neutral-on-solid': "#FFFFFF";
|
|
44
|
+
readonly 'neutral-on-soft': "#0F172A";
|
|
45
|
+
readonly 'neutral-border': "#D1D5DB";
|
|
46
|
+
readonly 'neutral-border-hover': "#B5BCC9";
|
|
47
|
+
readonly 'neutral-border-strong': "#94A3B8";
|
|
48
|
+
readonly error: "#EF4444";
|
|
49
|
+
readonly 'error-hover': "#DC2626";
|
|
50
|
+
readonly 'error-active': "#B91C1C";
|
|
51
|
+
readonly 'error-soft': "#FEF2F2";
|
|
52
|
+
readonly 'error-soft-hover': "#FEE2E2";
|
|
53
|
+
readonly 'error-soft-active': "#FECACA";
|
|
54
|
+
readonly 'error-on-solid': "#FFFFFF";
|
|
55
|
+
readonly 'error-on-soft': "#EF4444";
|
|
56
|
+
readonly 'error-border': "#F8CDD1";
|
|
57
|
+
readonly 'error-border-hover': "#F5A6B3";
|
|
58
|
+
readonly 'error-border-strong': "#B91C1C";
|
|
59
|
+
readonly success: "#10B981";
|
|
60
|
+
readonly 'success-hover': "#0A8D63";
|
|
61
|
+
readonly 'success-active': "#047857";
|
|
62
|
+
readonly 'success-soft': "#ECFDF5";
|
|
63
|
+
readonly 'success-soft-hover': "#D1FAE5";
|
|
64
|
+
readonly 'success-soft-active': "#A7F3D0";
|
|
65
|
+
readonly 'success-on-solid': "#FFFFFF";
|
|
66
|
+
readonly 'success-on-soft': "#10B981";
|
|
67
|
+
readonly 'success-border': "#BEF3D0";
|
|
68
|
+
readonly 'success-border-hover': "#86EFAC";
|
|
69
|
+
readonly 'success-border-strong': "#0EA875";
|
|
70
|
+
readonly warning: "#F59E0B";
|
|
71
|
+
readonly 'warning-hover': "#D97706";
|
|
72
|
+
readonly 'warning-active': "#B45309";
|
|
73
|
+
readonly 'warning-soft': "#FFFBEB";
|
|
74
|
+
readonly 'warning-soft-hover': "#FEF3C7";
|
|
75
|
+
readonly 'warning-soft-active': "#FDE68A";
|
|
76
|
+
readonly 'warning-on-solid': "#FFFFFF";
|
|
77
|
+
readonly 'warning-on-soft': "#92400E";
|
|
78
|
+
readonly 'warning-border': "#F3E6A5";
|
|
79
|
+
readonly 'warning-border-hover': "#E6D378";
|
|
80
|
+
readonly info: "#3B82F6";
|
|
81
|
+
readonly 'info-hover': "#2563EB";
|
|
82
|
+
readonly 'info-active': "#1D4ED8";
|
|
83
|
+
readonly 'info-soft': "#EFF6FF";
|
|
84
|
+
readonly 'info-soft-hover': "#DBEAFE";
|
|
85
|
+
readonly 'info-soft-active': "#BFDBFE";
|
|
86
|
+
readonly 'info-on-solid': "#FFFFFF";
|
|
87
|
+
readonly 'info-on-soft': "#1E40AF";
|
|
88
|
+
readonly 'info-border': "#C5D7F5";
|
|
89
|
+
readonly 'info-border-hover': "#A8CCF2";
|
|
90
|
+
readonly processing: "#06B6D4";
|
|
91
|
+
readonly 'processing-hover': "#0891B2";
|
|
92
|
+
readonly 'processing-active': "#0E7490";
|
|
93
|
+
readonly 'processing-soft': "#ECFEFF";
|
|
94
|
+
readonly 'processing-soft-hover': "#CFFAFE";
|
|
95
|
+
readonly 'processing-soft-active': "#A5F3FC";
|
|
96
|
+
readonly 'processing-on-solid': "#FFFFFF";
|
|
97
|
+
readonly 'processing-on-soft': "#155E75";
|
|
98
|
+
readonly 'processing-border': "#B3F0FC";
|
|
99
|
+
readonly 'processing-border-hover': "#7FE8F5";
|
|
100
|
+
readonly 'transcript-bg': "#FEFCE8";
|
|
101
|
+
readonly 'transcript-highlight': "#FEF3C7";
|
|
102
|
+
readonly 'transcript-speaker': "#EDE9FE";
|
|
103
|
+
readonly 'transcript-timestamp': "#F3F4F6";
|
|
104
|
+
};
|
|
105
|
+
export declare const spacingTokens: {
|
|
106
|
+
readonly 'space-1': "4px";
|
|
107
|
+
readonly 'space-2': "8px";
|
|
108
|
+
readonly 'space-3': "12px";
|
|
109
|
+
readonly 'space-4': "16px";
|
|
110
|
+
readonly 'space-5': "24px";
|
|
111
|
+
readonly 'space-6': "32px";
|
|
112
|
+
readonly 'space-7': "48px";
|
|
113
|
+
readonly 'space-8': "64px";
|
|
114
|
+
};
|
|
115
|
+
export declare const radiusTokens: {
|
|
116
|
+
readonly 'radius-sm': "4px";
|
|
117
|
+
readonly 'radius-md': "6px";
|
|
118
|
+
readonly 'radius-lg': "8px";
|
|
119
|
+
readonly 'radius-xl': "12px";
|
|
120
|
+
readonly 'radius-full': "9999px";
|
|
121
|
+
};
|
|
122
|
+
export declare const shadowTokens: {
|
|
123
|
+
readonly 'shadow-sm': "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
|
|
124
|
+
readonly 'shadow-md': "0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1)";
|
|
125
|
+
readonly 'shadow-lg': "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
|
|
126
|
+
};
|
|
127
|
+
export type ColorToken = keyof typeof colorTokens;
|
|
128
|
+
export type SpacingToken = keyof typeof spacingTokens;
|
|
129
|
+
export type RadiusToken = keyof typeof radiusTokens;
|
|
130
|
+
export type ShadowToken = keyof typeof shadowTokens;
|
|
131
|
+
export type ThemeOverride = Partial<Record<ColorToken | SpacingToken | RadiusToken | ShadowToken, string>>;
|
|
132
|
+
/** All tokens combined for iteration. */
|
|
133
|
+
export declare const allTokens: {
|
|
134
|
+
readonly 'shadow-sm': "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
|
|
135
|
+
readonly 'shadow-md': "0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1)";
|
|
136
|
+
readonly 'shadow-lg': "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
|
|
137
|
+
readonly 'radius-sm': "4px";
|
|
138
|
+
readonly 'radius-md': "6px";
|
|
139
|
+
readonly 'radius-lg': "8px";
|
|
140
|
+
readonly 'radius-xl': "12px";
|
|
141
|
+
readonly 'radius-full': "9999px";
|
|
142
|
+
readonly 'space-1': "4px";
|
|
143
|
+
readonly 'space-2': "8px";
|
|
144
|
+
readonly 'space-3': "12px";
|
|
145
|
+
readonly 'space-4': "16px";
|
|
146
|
+
readonly 'space-5': "24px";
|
|
147
|
+
readonly 'space-6': "32px";
|
|
148
|
+
readonly 'space-7': "48px";
|
|
149
|
+
readonly 'space-8': "64px";
|
|
150
|
+
readonly bg: "#FFFFFF";
|
|
151
|
+
readonly 'bg-secondary': "#F8FAFC";
|
|
152
|
+
readonly 'bg-tertiary': "#F1F5F9";
|
|
153
|
+
readonly 'bg-inverse': "#0F172A";
|
|
154
|
+
readonly 'bg-inverse-secondary': "#1E293B";
|
|
155
|
+
readonly fg: "#0F172A";
|
|
156
|
+
readonly 'fg-secondary': "#64748B";
|
|
157
|
+
readonly 'fg-tertiary': "#94A3B8";
|
|
158
|
+
readonly 'fg-inverse': "#FFFFFF";
|
|
159
|
+
readonly 'fg-disabled': "#94A3B8";
|
|
160
|
+
readonly icon: "#64748B";
|
|
161
|
+
readonly 'icon-hover': "#0F172A";
|
|
162
|
+
readonly 'icon-active': "#0EA5E9";
|
|
163
|
+
readonly 'icon-inverse': "#FFFFFF";
|
|
164
|
+
readonly 'icon-disabled': "#CBD5E1";
|
|
165
|
+
readonly border: "#E2E8F0";
|
|
166
|
+
readonly 'border-light': "#F1F5F9";
|
|
167
|
+
readonly 'border-strong': "#CBD5E1";
|
|
168
|
+
readonly 'border-focus': "#0F172A";
|
|
169
|
+
readonly 'surface-hover': "#E2E8F0";
|
|
170
|
+
readonly 'surface-hover-light': "#F1F5F9";
|
|
171
|
+
readonly 'surface-active': "#B7E6FD";
|
|
172
|
+
readonly 'surface-disabled': "#FAFCFF";
|
|
173
|
+
readonly brand: "#0EA5E9";
|
|
174
|
+
readonly 'brand-hover': "#0284C7";
|
|
175
|
+
readonly 'brand-active': "#0369A1";
|
|
176
|
+
readonly 'brand-disabled': "#BAE6FD";
|
|
177
|
+
readonly 'brand-soft': "#F0F9FF";
|
|
178
|
+
readonly 'brand-soft-hover': "#E0F2FE";
|
|
179
|
+
readonly 'brand-soft-active': "#B7E6FD";
|
|
180
|
+
readonly 'brand-on-solid': "#FFFFFF";
|
|
181
|
+
readonly 'brand-on-soft': "#0EA5E9";
|
|
182
|
+
readonly 'brand-secondary': "#6366F1";
|
|
183
|
+
readonly neutral: "#64748B";
|
|
184
|
+
readonly 'neutral-soft': "#F8FAFC";
|
|
185
|
+
readonly 'neutral-soft-hover': "#F1F5F9";
|
|
186
|
+
readonly 'neutral-soft-active': "#E2E8F0";
|
|
187
|
+
readonly 'neutral-on-solid': "#FFFFFF";
|
|
188
|
+
readonly 'neutral-on-soft': "#0F172A";
|
|
189
|
+
readonly 'neutral-border': "#D1D5DB";
|
|
190
|
+
readonly 'neutral-border-hover': "#B5BCC9";
|
|
191
|
+
readonly 'neutral-border-strong': "#94A3B8";
|
|
192
|
+
readonly error: "#EF4444";
|
|
193
|
+
readonly 'error-hover': "#DC2626";
|
|
194
|
+
readonly 'error-active': "#B91C1C";
|
|
195
|
+
readonly 'error-soft': "#FEF2F2";
|
|
196
|
+
readonly 'error-soft-hover': "#FEE2E2";
|
|
197
|
+
readonly 'error-soft-active': "#FECACA";
|
|
198
|
+
readonly 'error-on-solid': "#FFFFFF";
|
|
199
|
+
readonly 'error-on-soft': "#EF4444";
|
|
200
|
+
readonly 'error-border': "#F8CDD1";
|
|
201
|
+
readonly 'error-border-hover': "#F5A6B3";
|
|
202
|
+
readonly 'error-border-strong': "#B91C1C";
|
|
203
|
+
readonly success: "#10B981";
|
|
204
|
+
readonly 'success-hover': "#0A8D63";
|
|
205
|
+
readonly 'success-active': "#047857";
|
|
206
|
+
readonly 'success-soft': "#ECFDF5";
|
|
207
|
+
readonly 'success-soft-hover': "#D1FAE5";
|
|
208
|
+
readonly 'success-soft-active': "#A7F3D0";
|
|
209
|
+
readonly 'success-on-solid': "#FFFFFF";
|
|
210
|
+
readonly 'success-on-soft': "#10B981";
|
|
211
|
+
readonly 'success-border': "#BEF3D0";
|
|
212
|
+
readonly 'success-border-hover': "#86EFAC";
|
|
213
|
+
readonly 'success-border-strong': "#0EA875";
|
|
214
|
+
readonly warning: "#F59E0B";
|
|
215
|
+
readonly 'warning-hover': "#D97706";
|
|
216
|
+
readonly 'warning-active': "#B45309";
|
|
217
|
+
readonly 'warning-soft': "#FFFBEB";
|
|
218
|
+
readonly 'warning-soft-hover': "#FEF3C7";
|
|
219
|
+
readonly 'warning-soft-active': "#FDE68A";
|
|
220
|
+
readonly 'warning-on-solid': "#FFFFFF";
|
|
221
|
+
readonly 'warning-on-soft': "#92400E";
|
|
222
|
+
readonly 'warning-border': "#F3E6A5";
|
|
223
|
+
readonly 'warning-border-hover': "#E6D378";
|
|
224
|
+
readonly info: "#3B82F6";
|
|
225
|
+
readonly 'info-hover': "#2563EB";
|
|
226
|
+
readonly 'info-active': "#1D4ED8";
|
|
227
|
+
readonly 'info-soft': "#EFF6FF";
|
|
228
|
+
readonly 'info-soft-hover': "#DBEAFE";
|
|
229
|
+
readonly 'info-soft-active': "#BFDBFE";
|
|
230
|
+
readonly 'info-on-solid': "#FFFFFF";
|
|
231
|
+
readonly 'info-on-soft': "#1E40AF";
|
|
232
|
+
readonly 'info-border': "#C5D7F5";
|
|
233
|
+
readonly 'info-border-hover': "#A8CCF2";
|
|
234
|
+
readonly processing: "#06B6D4";
|
|
235
|
+
readonly 'processing-hover': "#0891B2";
|
|
236
|
+
readonly 'processing-active': "#0E7490";
|
|
237
|
+
readonly 'processing-soft': "#ECFEFF";
|
|
238
|
+
readonly 'processing-soft-hover': "#CFFAFE";
|
|
239
|
+
readonly 'processing-soft-active': "#A5F3FC";
|
|
240
|
+
readonly 'processing-on-solid': "#FFFFFF";
|
|
241
|
+
readonly 'processing-on-soft': "#155E75";
|
|
242
|
+
readonly 'processing-border': "#B3F0FC";
|
|
243
|
+
readonly 'processing-border-hover': "#7FE8F5";
|
|
244
|
+
readonly 'transcript-bg': "#FEFCE8";
|
|
245
|
+
readonly 'transcript-highlight': "#FEF3C7";
|
|
246
|
+
readonly 'transcript-speaker': "#EDE9FE";
|
|
247
|
+
readonly 'transcript-timestamp': "#F3F4F6";
|
|
248
|
+
};
|
|
249
|
+
/** Convert a token name to its CSS custom property name. */
|
|
250
|
+
export declare function tokenToCssVar(token: string): string;
|
|
251
|
+
/**
|
|
252
|
+
* Generate a CSS rule block that sets theme overrides on a given selector.
|
|
253
|
+
* Defaults to `:root` if no selector is provided.
|
|
254
|
+
*
|
|
255
|
+
* @example
|
|
256
|
+
* generateThemeCss({ brand: '#8B5CF6' })
|
|
257
|
+
* // => `:root {\n --ds-brand: #8B5CF6;\n}`
|
|
258
|
+
*
|
|
259
|
+
* generateThemeCss({ brand: '#8B5CF6' }, '[data-theme="purple"]')
|
|
260
|
+
* // => `[data-theme="purple"] {\n --ds-brand: #8B5CF6;\n}`
|
|
261
|
+
*/
|
|
262
|
+
export declare function generateThemeCss(overrides: ThemeOverride, selector?: string): string;
|