@maltjoy/core-vue 3.15.4 → 3.16.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/dist/components/JoyAvailability/JoyAvailability.types.d.ts +1 -1
- package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +4 -4
- package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +7 -7
- package/dist/components/JoyBadge/JoyBadge.types.d.ts +1 -1
- package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +3 -3
- package/dist/components/JoyBadgeLevel/JoyBadgeLevel.types.d.ts +1 -1
- package/dist/components/JoyButton/JoyButton.types.d.ts +14 -4
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +11 -11
- package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +2 -2
- package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +3 -3
- package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +4 -4
- package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +3 -3
- package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +2 -2
- package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +6 -6
- package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +3 -3
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +6 -6
- package/dist/components/JoyFooter/VJoyFooter.vue.d.ts +10 -0
- package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +5 -0
- package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +53 -0
- package/dist/components/JoyHeader/VJoyHeader.vue.d.ts +10 -0
- package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +3 -3
- package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +6 -6
- package/dist/components/JoyIcon/JoyIcon.types.d.ts +4 -4
- package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +3 -3
- package/dist/components/JoyInput/JoyInput.types.d.ts +3 -3
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +7 -7
- package/dist/components/JoyLabel/JoyLabel.types.d.ts +1 -1
- package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +3 -3
- package/dist/components/JoyLink/VJoyLink.vue.d.ts +3 -3
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +5 -5
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +11 -11
- package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +2 -2
- package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +1 -1
- package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +3 -3
- package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +4 -4
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +1 -1
- package/dist/components/JoySelect/JoySelect.types.d.ts +3 -3
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +5 -5
- package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts +1 -1
- package/dist/components/JoySeparator/JoySeparator.types.d.ts +3 -3
- package/dist/components/JoySeparator/VJoySeparator.vue.d.ts +4 -4
- package/dist/components/JoySpinner/JoySpinner.types.d.ts +1 -1
- package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +5 -5
- package/dist/components/JoyTag/JoyTag.types.d.ts +4 -4
- package/dist/components/JoyTag/VJoyTag.vue.d.ts +4 -4
- package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +1 -1
- package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +1 -1
- package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +1 -1
- package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +1 -1
- package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +2 -2
- package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +5 -5
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +7 -7
- package/dist/components/components.types.d.ts +1 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/helpers/index.d.ts +2 -2
- package/dist/joy-vue.js +1020 -935
- package/dist/joy-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/dist/tests/composables/test-components/CheckboxFormProps.vue.d.ts +2 -2
- package/dist/tests/composables/test-components/GenericFormProps.vue.d.ts +1 -1
- package/dist/tests/composables/test-components/GenericFormPropsWithLabel.vue.d.ts +1 -1
- package/dist/types/index.d.ts +4 -0
- package/joy-components.d.ts +3 -0
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const AVAILABILITY_STATUS: readonly ["AVAILABLE", "AVAILABLE_AND_VERIFIED", "NOT_AVAILABLE_WITH_DATE", "AVAILABLE_SOON", "NOT_AVAILABLE"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyAvailabilityStatus = (typeof AVAILABILITY_STATUS)[number];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
2
|
import VJoyAvatar from './VJoyAvatar.vue';
|
|
3
3
|
export declare const AVATAR_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral"];
|
|
4
4
|
export type FreelancerAvatarColors = (typeof AVATAR_COLORS)[number];
|
|
@@ -8,6 +8,6 @@ export interface AvatarColors {
|
|
|
8
8
|
company: CompanyAvatarColors;
|
|
9
9
|
}
|
|
10
10
|
/** AVATAR SIZES */
|
|
11
|
-
export type
|
|
12
|
-
export declare const AVATAR_SIZES:
|
|
13
|
-
export type
|
|
11
|
+
export type TJoyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
|
|
12
|
+
export declare const AVATAR_SIZES: TJoyAvatarSizes[];
|
|
13
|
+
export type TJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyAvatarSizes } from './JoyAvatar.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
/** 3 different sizes of avatar */
|
|
5
5
|
size: {
|
|
6
|
-
type: PropType<
|
|
6
|
+
type: PropType<TJoyAvatarSizes>;
|
|
7
7
|
default: string;
|
|
8
8
|
};
|
|
9
9
|
/** Only visible if you apply a fullName but not any photoUrl. */
|
|
10
10
|
color: {
|
|
11
|
-
type: PropType<"primary" | "secondary" | "
|
|
11
|
+
type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
14
|
/** Display the initials based on Firstname and Lastname */
|
|
@@ -30,12 +30,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
30
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
31
|
/** 3 different sizes of avatar */
|
|
32
32
|
size: {
|
|
33
|
-
type: PropType<
|
|
33
|
+
type: PropType<TJoyAvatarSizes>;
|
|
34
34
|
default: string;
|
|
35
35
|
};
|
|
36
36
|
/** Only visible if you apply a fullName but not any photoUrl. */
|
|
37
37
|
color: {
|
|
38
|
-
type: PropType<"primary" | "secondary" | "
|
|
38
|
+
type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
|
|
39
39
|
default: string;
|
|
40
40
|
};
|
|
41
41
|
/** Display the initials based on Firstname and Lastname */
|
|
@@ -53,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
53
|
};
|
|
54
54
|
}>>, {
|
|
55
55
|
link: boolean;
|
|
56
|
-
size:
|
|
57
|
-
color: "primary" | "secondary" | "
|
|
56
|
+
size: TJoyAvatarSizes;
|
|
57
|
+
color: "primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent";
|
|
58
58
|
profile: "default" | "strategy";
|
|
59
59
|
}, {}>;
|
|
60
60
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const VARIANTS: readonly ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyBadgeVariants = (typeof VARIANTS)[number];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyBadgeVariants } from './JoyBadge.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* Display the colored bulletpoint on the left
|
|
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
20
20
|
*/
|
|
21
21
|
variant: {
|
|
22
22
|
type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
|
|
23
|
-
validator(variant:
|
|
23
|
+
validator(variant: TJoyBadgeVariants): boolean;
|
|
24
24
|
};
|
|
25
25
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
26
|
/**
|
|
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
42
42
|
*/
|
|
43
43
|
variant: {
|
|
44
44
|
type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
|
|
45
|
-
validator(variant:
|
|
45
|
+
validator(variant: TJoyBadgeVariants): boolean;
|
|
46
46
|
};
|
|
47
47
|
}>>, {
|
|
48
48
|
label: string;
|
|
@@ -9,4 +9,4 @@ export declare enum JoyBadgeLevelEnum {
|
|
|
9
9
|
export declare enum JoyBadgeProgramEnum {
|
|
10
10
|
HIGH_POTENTIAL = "program_high-potential"
|
|
11
11
|
}
|
|
12
|
-
export type
|
|
12
|
+
export type TJoyBadges = `${JoyBadgeLevelEnum | JoyBadgeProgramEnum}`;
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import { GENERIC_VARIANTS, SIZES, POSITIONS } from '
|
|
2
|
-
/** BUTTON VARIANTS/COLORS */
|
|
1
|
+
import { GENERIC_VARIANTS, SIZES, POSITIONS } from '../../types';
|
|
3
2
|
declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost", "white"];
|
|
4
3
|
export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated - Use TJoyButtonVariants instead
|
|
6
|
+
*/
|
|
5
7
|
export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
|
|
6
|
-
|
|
8
|
+
export type TJoyButtonVariants = (typeof BUTTON_VARIANTS)[number];
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated - Use TJoyButtonSizes instead
|
|
11
|
+
*/
|
|
7
12
|
export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
|
|
8
|
-
export
|
|
13
|
+
export type TJoyButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
|
|
14
|
+
export declare const BUTTON_SIZES: TJoyButtonSizes[];
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated - Use TJoyButtonIconPositions instead
|
|
17
|
+
*/
|
|
9
18
|
export type ButtonIconPositions = (typeof POSITIONS)[number];
|
|
19
|
+
export type TJoyButtonIconPositions = (typeof POSITIONS)[number];
|
|
10
20
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TJoyButtonSizes, TJoyButtonVariants } from './JoyButton.types';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
@@ -31,15 +31,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
31
31
|
};
|
|
32
32
|
/** Button or Link color variant */
|
|
33
33
|
variant: {
|
|
34
|
-
type: PropType<"main" | "primary" | "secondary" | "
|
|
34
|
+
type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
|
|
35
35
|
default: string;
|
|
36
|
-
validator(variant:
|
|
36
|
+
validator(variant: TJoyButtonVariants): boolean;
|
|
37
37
|
};
|
|
38
38
|
/** Button or Link size */
|
|
39
39
|
size: {
|
|
40
|
-
type: PropType<
|
|
40
|
+
type: PropType<TJoyButtonSizes>;
|
|
41
41
|
default: string;
|
|
42
|
-
validator(variant:
|
|
42
|
+
validator(variant: TJoyButtonSizes): boolean;
|
|
43
43
|
};
|
|
44
44
|
}, {
|
|
45
45
|
randomId: string;
|
|
@@ -74,21 +74,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
74
74
|
};
|
|
75
75
|
/** Button or Link color variant */
|
|
76
76
|
variant: {
|
|
77
|
-
type: PropType<"main" | "primary" | "secondary" | "
|
|
77
|
+
type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
|
|
78
78
|
default: string;
|
|
79
|
-
validator(variant:
|
|
79
|
+
validator(variant: TJoyButtonVariants): boolean;
|
|
80
80
|
};
|
|
81
81
|
/** Button or Link size */
|
|
82
82
|
size: {
|
|
83
|
-
type: PropType<
|
|
83
|
+
type: PropType<TJoyButtonSizes>;
|
|
84
84
|
default: string;
|
|
85
|
-
validator(variant:
|
|
85
|
+
validator(variant: TJoyButtonSizes): boolean;
|
|
86
86
|
};
|
|
87
87
|
}>>, {
|
|
88
88
|
circle: boolean;
|
|
89
|
-
size:
|
|
90
|
-
variant: "main" | "primary" | "secondary" | "admin" | "ghost" | "white";
|
|
89
|
+
size: TJoyButtonSizes;
|
|
91
90
|
loading: boolean;
|
|
91
|
+
variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost";
|
|
92
92
|
iconPosition: "left" | "right";
|
|
93
93
|
}, {}>, {
|
|
94
94
|
default: (_: {}) => any;
|
|
@@ -111,13 +111,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
111
111
|
onBlur?: (() => any) | undefined;
|
|
112
112
|
"onUpdate:checked"?: ((value: boolean) => any) | undefined;
|
|
113
113
|
}, {
|
|
114
|
-
disabled: boolean;
|
|
115
114
|
required: boolean;
|
|
116
|
-
|
|
115
|
+
disabled: boolean;
|
|
117
116
|
indeterminate: boolean;
|
|
118
117
|
displayFocus: boolean;
|
|
119
118
|
checked: boolean;
|
|
120
119
|
invalid: boolean;
|
|
120
|
+
value: string;
|
|
121
121
|
}, {}>, {
|
|
122
122
|
default: (_: {}) => any;
|
|
123
123
|
'checkbox-content': (_: {}) => any;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const COMPANY_AVATAR_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyCompanyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
|
|
3
|
+
export declare const COMPANY_AVATAR_SIZES: TJoyCompanyAvatarSizes[];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyCompanyAvatarSizes } from './JoyCompanyAvatar.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
imgSrc: StringConstructor;
|
|
5
5
|
imgAlt: StringConstructor;
|
|
6
6
|
companyName: StringConstructor;
|
|
7
7
|
size: {
|
|
8
|
-
type: PropType<
|
|
8
|
+
type: PropType<TJoyCompanyAvatarSizes>;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -13,10 +13,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
13
|
imgAlt: StringConstructor;
|
|
14
14
|
companyName: StringConstructor;
|
|
15
15
|
size: {
|
|
16
|
-
type: PropType<
|
|
16
|
+
type: PropType<TJoyCompanyAvatarSizes>;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
}>>, {
|
|
20
|
-
size:
|
|
20
|
+
size: TJoyCompanyAvatarSizes;
|
|
21
21
|
}, {}>;
|
|
22
22
|
export default _default;
|
|
@@ -63,8 +63,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
63
63
|
};
|
|
64
64
|
}, {
|
|
65
65
|
props: {
|
|
66
|
-
readonly disabled: boolean;
|
|
67
66
|
readonly required: boolean;
|
|
67
|
+
readonly disabled: boolean;
|
|
68
68
|
readonly invalid: boolean;
|
|
69
69
|
readonly labelSize: "small" | "large" | "medium";
|
|
70
70
|
readonly requiredMark: boolean;
|
|
@@ -72,8 +72,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
72
72
|
readonly modelValue: number;
|
|
73
73
|
readonly step: number;
|
|
74
74
|
readonly label?: string | undefined;
|
|
75
|
-
readonly id?: string | undefined;
|
|
76
75
|
readonly name?: string | undefined;
|
|
76
|
+
readonly id?: string | undefined;
|
|
77
77
|
readonly optionalLabel?: string | undefined;
|
|
78
78
|
readonly labelDecrement?: string | undefined;
|
|
79
79
|
readonly labelIncrement?: string | undefined;
|
|
@@ -147,8 +147,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
147
147
|
}>> & {
|
|
148
148
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
149
149
|
}, {
|
|
150
|
-
disabled: boolean;
|
|
151
150
|
required: boolean;
|
|
151
|
+
disabled: boolean;
|
|
152
152
|
invalid: boolean;
|
|
153
153
|
labelSize: "small" | "large" | "medium";
|
|
154
154
|
requiredMark: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const DROPDOWN_DIRECTIONS: readonly ["up", "down"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyDropdownDirections = (typeof DROPDOWN_DIRECTIONS)[number];
|
|
3
3
|
export declare const DROPDOWN_JUSTIFY: readonly ["left", "right"];
|
|
4
|
-
export type
|
|
4
|
+
export type TJoyDropdownJustify = (typeof DROPDOWN_JUSTIFY)[number];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyDropdownListSizes } from '../JoyDropdownList/JoyDropdownList.types';
|
|
3
3
|
export interface Option {
|
|
4
4
|
id?: string;
|
|
5
5
|
value?: string;
|
|
@@ -56,9 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
56
56
|
default(): never[];
|
|
57
57
|
};
|
|
58
58
|
size: {
|
|
59
|
-
type: PropType<
|
|
59
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
60
60
|
default: string;
|
|
61
|
-
validator(size:
|
|
61
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
62
62
|
};
|
|
63
63
|
/** Use v-model */
|
|
64
64
|
modelValue: {
|
|
@@ -150,9 +150,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
150
150
|
default(): never[];
|
|
151
151
|
};
|
|
152
152
|
size: {
|
|
153
|
-
type: PropType<
|
|
153
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
154
154
|
default: string;
|
|
155
|
-
validator(size:
|
|
155
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
156
156
|
};
|
|
157
157
|
/** Use v-model */
|
|
158
158
|
modelValue: {
|
|
@@ -198,7 +198,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
198
198
|
"onDropdown:hide"?: (() => any) | undefined;
|
|
199
199
|
"onDropdown:reset"?: (() => any) | undefined;
|
|
200
200
|
}, {
|
|
201
|
-
size:
|
|
201
|
+
size: TJoyDropdownListSizes;
|
|
202
202
|
modelValue: string;
|
|
203
203
|
reset: boolean;
|
|
204
204
|
options: Option[];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const DROPDOWNLIST_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyDropdownListSizes = Extract<(typeof SIZES)[number], 'xsmall' | 'small' | 'medium'>;
|
|
3
|
+
export declare const DROPDOWNLIST_SIZES: TJoyDropdownListSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyDropdownListSizes } from './JoyDropdownList.types';
|
|
3
3
|
export interface Option {
|
|
4
4
|
id?: string;
|
|
5
5
|
value?: string;
|
|
@@ -26,9 +26,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
26
26
|
};
|
|
27
27
|
/** Customize the actual size of each items. */
|
|
28
28
|
size: {
|
|
29
|
-
type: PropType<
|
|
29
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
30
30
|
default: string;
|
|
31
|
-
validator(size:
|
|
31
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
32
32
|
};
|
|
33
33
|
modelValue: {
|
|
34
34
|
type: StringConstructor;
|
|
@@ -67,9 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
67
67
|
};
|
|
68
68
|
/** Customize the actual size of each items. */
|
|
69
69
|
size: {
|
|
70
|
-
type: PropType<
|
|
70
|
+
type: PropType<TJoyDropdownListSizes>;
|
|
71
71
|
default: string;
|
|
72
|
-
validator(size:
|
|
72
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
73
73
|
};
|
|
74
74
|
modelValue: {
|
|
75
75
|
type: StringConstructor;
|
|
@@ -96,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
96
96
|
type: StringConstructor;
|
|
97
97
|
};
|
|
98
98
|
}>>, {
|
|
99
|
-
size:
|
|
99
|
+
size: TJoyDropdownListSizes;
|
|
100
100
|
reset: boolean;
|
|
101
101
|
options: Option[];
|
|
102
102
|
width: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
|
|
2
|
+
'footer-left': (_: {}) => any;
|
|
3
|
+
'footer-right': (_: {}) => any;
|
|
4
|
+
}>;
|
|
5
|
+
export default _default;
|
|
6
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
7
|
+
new (): {
|
|
8
|
+
$slots: S;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Profiles, SIZES } from '../../types';
|
|
2
|
+
export type TJoyFunnelLayoutWidths = Extract<(typeof SIZES)[number], 'medium' | 'large'>;
|
|
3
|
+
export declare const JOYFUNNEL_LAYOUT_WIDTHS: TJoyFunnelLayoutWidths[];
|
|
4
|
+
export type TJoyFunnelProfiles = `${Profiles.STRATEGY}` | `${Profiles.DEFAULT}`;
|
|
5
|
+
export declare const JOYFUNNEL_PROFILES: string[];
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { TJoyFunnelLayoutWidths, TJoyFunnelProfiles } from './JoyFunnel.types';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* Remove decorative shapes placed at the bottom right corner
|
|
6
|
+
*/
|
|
7
|
+
hideShapes: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
layoutWidth: {
|
|
12
|
+
type: PropType<TJoyFunnelLayoutWidths>;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
profile: {
|
|
16
|
+
type: PropType<TJoyFunnelProfiles>;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}, {
|
|
20
|
+
scrollOnTop: import("vue").Ref<boolean>;
|
|
21
|
+
hasStepperSlot: import("vue").ComputedRef<boolean>;
|
|
22
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
/**
|
|
24
|
+
* Remove decorative shapes placed at the bottom right corner
|
|
25
|
+
*/
|
|
26
|
+
hideShapes: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
layoutWidth: {
|
|
31
|
+
type: PropType<TJoyFunnelLayoutWidths>;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
profile: {
|
|
35
|
+
type: PropType<TJoyFunnelProfiles>;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
}>>, {
|
|
39
|
+
profile: TJoyFunnelProfiles;
|
|
40
|
+
hideShapes: boolean;
|
|
41
|
+
layoutWidth: TJoyFunnelLayoutWidths;
|
|
42
|
+
}, {}>, {
|
|
43
|
+
'funnel-header': (_: {}) => any;
|
|
44
|
+
'funnel-stepper': (_: {}) => any;
|
|
45
|
+
default: (_: {}) => any;
|
|
46
|
+
'funnel-footer': (_: {}) => any;
|
|
47
|
+
}>;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
50
|
+
new (): {
|
|
51
|
+
$slots: S;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
|
|
2
|
+
'header-left': (_: {}) => any;
|
|
3
|
+
'header-right': (_: {}) => any;
|
|
4
|
+
}>;
|
|
5
|
+
export default _default;
|
|
6
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
7
|
+
new (): {
|
|
8
|
+
$slots: S;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { LEVELS } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const HIGHLIGHT_LEVELS: ("neutral" | "
|
|
1
|
+
import { LEVELS } from '../../types';
|
|
2
|
+
export type TJoyHighlightLevels = (typeof LEVELS)[number];
|
|
3
|
+
export declare const HIGHLIGHT_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyHighlightLevels } from './JoyHighlight.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
accent: {
|
|
5
5
|
type: BooleanConstructor;
|
|
@@ -13,9 +13,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
13
13
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
14
14
|
};
|
|
15
15
|
level: {
|
|
16
|
-
type: PropType<"neutral" | "
|
|
16
|
+
type: PropType<"neutral" | "success" | "info" | "warning" | "error">;
|
|
17
17
|
default: string;
|
|
18
|
-
validator(level:
|
|
18
|
+
validator(level: TJoyHighlightLevels): boolean;
|
|
19
19
|
};
|
|
20
20
|
}, {
|
|
21
21
|
getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons").JoyIconsId>;
|
|
@@ -32,14 +32,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
32
32
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
33
33
|
};
|
|
34
34
|
level: {
|
|
35
|
-
type: PropType<"neutral" | "
|
|
35
|
+
type: PropType<"neutral" | "success" | "info" | "warning" | "error">;
|
|
36
36
|
default: string;
|
|
37
|
-
validator(level:
|
|
37
|
+
validator(level: TJoyHighlightLevels): boolean;
|
|
38
38
|
};
|
|
39
39
|
}>>, {
|
|
40
40
|
accent: boolean;
|
|
41
41
|
displayIcon: boolean;
|
|
42
|
-
level: "neutral" | "
|
|
42
|
+
level: "neutral" | "success" | "info" | "warning" | "error";
|
|
43
43
|
}, {}>, {
|
|
44
44
|
'highlight-title': (_: {}) => any;
|
|
45
45
|
default: (_: {}) => any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { JoyIconsId } from '@maltjoy/icons';
|
|
2
|
-
export declare const JOY_ICONS_COLORS: readonly [...("neutral" | "
|
|
3
|
-
export type
|
|
2
|
+
export declare const JOY_ICONS_COLORS: readonly [...("neutral" | "success" | "info" | "warning" | "error")[], "primary", "secondary", "tertiary", "quaternary", "brand-primary", "brand-secondary", "white"];
|
|
3
|
+
export type TJoyIconsColors = (typeof JOY_ICONS_COLORS)[number];
|
|
4
4
|
export declare const JOY_ICONS_SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
|
|
5
|
-
export type
|
|
6
|
-
export type
|
|
5
|
+
export type TJoyIconSizes = (typeof JOY_ICONS_SIZES)[number];
|
|
6
|
+
export type TJoyIconsNames = JoyIconsId;
|
|
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
required: true;
|
|
6
6
|
};
|
|
7
7
|
color: {
|
|
8
|
-
type: PropType<"primary" | "secondary" | "
|
|
8
|
+
type: PropType<"primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
size: {
|
|
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
required: true;
|
|
19
19
|
};
|
|
20
20
|
color: {
|
|
21
|
-
type: PropType<"primary" | "secondary" | "
|
|
21
|
+
type: PropType<"primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary">;
|
|
22
22
|
default: string;
|
|
23
23
|
};
|
|
24
24
|
size: {
|
|
@@ -27,6 +27,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
};
|
|
28
28
|
}>>, {
|
|
29
29
|
size: "small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall";
|
|
30
|
-
color: "primary" | "secondary" | "
|
|
30
|
+
color: "primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary";
|
|
31
31
|
}, {}>;
|
|
32
32
|
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const INPUT_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyInputSizes = Extract<(typeof SIZES)[number], 'small' | 'medium' | 'large'>;
|
|
3
|
+
export declare const INPUT_SIZES: TJoyInputSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyInputSizes } from './JoyInput.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
modelValue: {
|
|
5
5
|
type: PropType<string | number | null>;
|
|
@@ -52,9 +52,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
52
52
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
53
53
|
};
|
|
54
54
|
size: {
|
|
55
|
-
type: PropType<
|
|
55
|
+
type: PropType<TJoyInputSizes>;
|
|
56
56
|
default: string;
|
|
57
|
-
validator(size:
|
|
57
|
+
validator(size: TJoyInputSizes): boolean;
|
|
58
58
|
};
|
|
59
59
|
type: {
|
|
60
60
|
type: StringConstructor;
|
|
@@ -114,9 +114,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
114
114
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
115
115
|
};
|
|
116
116
|
size: {
|
|
117
|
-
type: PropType<
|
|
117
|
+
type: PropType<TJoyInputSizes>;
|
|
118
118
|
default: string;
|
|
119
|
-
validator(size:
|
|
119
|
+
validator(size: TJoyInputSizes): boolean;
|
|
120
120
|
};
|
|
121
121
|
type: {
|
|
122
122
|
type: StringConstructor;
|
|
@@ -126,9 +126,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
126
126
|
unit: StringConstructor;
|
|
127
127
|
}>>, {
|
|
128
128
|
type: string;
|
|
129
|
-
size:
|
|
130
|
-
disabled: boolean;
|
|
129
|
+
size: TJoyInputSizes;
|
|
131
130
|
required: boolean;
|
|
131
|
+
disabled: boolean;
|
|
132
132
|
invalid: boolean;
|
|
133
133
|
labelSize: "small" | "large" | "medium";
|
|
134
134
|
requiredMark: boolean;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyLabelSizes } from './JoyLabel.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
size: {
|
|
5
5
|
type: PropType<"small" | "large" | "medium">;
|
|
6
6
|
default: string;
|
|
7
|
-
validator(size:
|
|
7
|
+
validator(size: TJoyLabelSizes): boolean;
|
|
8
8
|
};
|
|
9
9
|
tagName: {
|
|
10
10
|
type: PropType<"label" | "legend">;
|
|
@@ -22,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
22
22
|
size: {
|
|
23
23
|
type: PropType<"small" | "large" | "medium">;
|
|
24
24
|
default: string;
|
|
25
|
-
validator(size:
|
|
25
|
+
validator(size: TJoyLabelSizes): boolean;
|
|
26
26
|
};
|
|
27
27
|
tagName: {
|
|
28
28
|
type: PropType<"label" | "legend">;
|