@maltjoy/core-vue 3.27.1 → 3.27.2
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 +1 -0
- package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +2 -1
- package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +3 -4
- package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +6 -4
- package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +3 -3
- package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +4 -14
- package/dist/components/JoyBadge/JoyBadge.types.d.ts +2 -1
- package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +8 -14
- package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +4 -8
- package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts +0 -2
- package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +7 -20
- package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +6 -12
- package/dist/components/JoyButton/JoyButton.types.d.ts +20 -4
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +13 -13
- package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +3 -10
- package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +4 -10
- package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +4 -12
- package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +3 -2
- package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +0 -6
- package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +6 -11
- package/dist/components/JoyDialog/JoyDialog.types.d.ts +3 -2
- package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +8 -30
- package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +20 -56
- package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +3 -10
- package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +2 -1
- package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +12 -32
- package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +30 -64
- package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +4 -3
- package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +22 -29
- package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +3 -2
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +21 -22
- package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +2 -8
- package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +2 -10
- package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +2 -6
- package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +4 -2
- package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +1 -8
- package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +4 -2
- package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +9 -21
- package/dist/components/JoyIcon/JoyIcon.types.d.ts +4 -3
- package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +6 -9
- package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +3 -4
- package/dist/components/JoyIndicators/JoyIndicators.types.d.ts +2 -1
- package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts +6 -9
- package/dist/components/JoyInput/JoyInput.types.d.ts +3 -2
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +7 -10
- package/dist/components/JoyLabel/JoyLabel.types.d.ts +3 -2
- package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +7 -10
- package/dist/components/JoyLink/JoyLink.types.d.ts +2 -1
- package/dist/components/JoyLink/VJoyLink.vue.d.ts +7 -8
- package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +10 -6
- package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +19 -16
- package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +6 -14
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +5 -3
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +14 -30
- package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +3 -2
- package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +3 -5
- package/dist/components/JoyRadio/JoyRadio.types.d.ts +2 -1
- package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +7 -20
- package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +2 -1
- package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +6 -14
- package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +3 -2
- package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +2 -10
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +2 -1
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +6 -14
- package/dist/components/JoySelect/JoySelect.types.d.ts +3 -2
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +4 -9
- package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +65 -10
- package/dist/components/JoySeparator/JoySeparator.types.d.ts +3 -2
- package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +3 -2
- package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +2 -6
- package/dist/components/JoySnackbar/index.d.ts +1 -1
- package/dist/components/JoySpinner/JoySpinner.types.d.ts +2 -1
- package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +4 -2
- package/dist/components/JoyStep/VJoyStep.vue.d.ts +2 -14
- package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +2 -10
- package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +0 -2
- package/dist/components/JoyTag/JoyTag.types.d.ts +5 -3
- package/dist/components/JoyTag/VJoyTag.vue.d.ts +3 -13
- package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +19 -34
- package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +2 -1
- package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
- package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +2 -1
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +15 -67
- package/dist/components/JoyText/VJoyText.vue.d.ts +2 -6
- package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +5 -6
- package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +2 -6
- package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +1 -0
- package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +6 -20
- package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +10 -5
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +18 -19
- package/dist/components/main.d.ts +1 -1
- package/dist/helpers/index.d.ts +2 -2
- package/dist/joy-vue.js +2190 -2117
- package/dist/joy-vue.umd.cjs +4 -4
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +10 -7
- package/package.json +24 -20
|
@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
27
27
|
size: {
|
|
28
28
|
type: PropType<TJoyDropdownListSizes>;
|
|
29
29
|
default: string;
|
|
30
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
30
31
|
};
|
|
31
32
|
modelValue: {
|
|
32
33
|
type: StringConstructor;
|
|
@@ -70,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
70
71
|
size: {
|
|
71
72
|
type: PropType<TJoyDropdownListSizes>;
|
|
72
73
|
default: string;
|
|
74
|
+
validator(size: TJoyDropdownListSizes): boolean;
|
|
73
75
|
};
|
|
74
76
|
modelValue: {
|
|
75
77
|
type: StringConstructor;
|
|
@@ -105,28 +107,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
105
107
|
height: string;
|
|
106
108
|
options: Option[];
|
|
107
109
|
reset: boolean;
|
|
108
|
-
}, {}>,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
'dropdown-list-item'?: (() => any) | undefined;
|
|
128
|
-
/** Footer that will be injected in the VJoyDropdownList */
|
|
129
|
-
'dropdown-list-footer'?: (() => any) | undefined;
|
|
110
|
+
}, {}>, {
|
|
111
|
+
"dropdown-list-header"?(_: {}): any;
|
|
112
|
+
"dropdown-list-items"?(_: {}): any;
|
|
113
|
+
label?(_: {
|
|
114
|
+
[x: string]: any;
|
|
115
|
+
id: string;
|
|
116
|
+
value?: string | undefined;
|
|
117
|
+
label: string;
|
|
118
|
+
href?: string | undefined;
|
|
119
|
+
/**
|
|
120
|
+
* @default false
|
|
121
|
+
*/
|
|
122
|
+
disabled?: boolean | undefined;
|
|
123
|
+
/**
|
|
124
|
+
* @default false
|
|
125
|
+
*/
|
|
126
|
+
checked?: boolean | undefined;
|
|
127
|
+
}): any;
|
|
128
|
+
"dropdown-list-footer"?(_: {}): any;
|
|
130
129
|
}>;
|
|
131
130
|
export default _default;
|
|
132
131
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
-
/** To give a label to the whole component */
|
|
3
2
|
ariaLabel: StringConstructor;
|
|
4
3
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
5
|
-
/** To give a label to the whole component */
|
|
6
4
|
ariaLabel: StringConstructor;
|
|
7
|
-
}>>, {}, {}>,
|
|
8
|
-
|
|
9
|
-
default(): any;
|
|
10
|
-
}> & {
|
|
11
|
-
/** Use it to inject VJoyFilterBarButton or whatever you need */
|
|
12
|
-
default(): any;
|
|
5
|
+
}>>, {}, {}>, {
|
|
6
|
+
default?(_: {}): any;
|
|
13
7
|
}>;
|
|
14
8
|
export default _default;
|
|
15
9
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
-
/** Label to inject inside the button */
|
|
3
2
|
label: StringConstructor;
|
|
4
|
-
/** Required when used in the `VJoyFilterBar` to properly handle v-model */
|
|
5
3
|
value: {
|
|
6
4
|
type: StringConstructor;
|
|
7
5
|
required: true;
|
|
@@ -13,9 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
13
11
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
12
|
filter: (value: string) => void;
|
|
15
13
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
-
/** Label to inject inside the button */
|
|
17
14
|
label: StringConstructor;
|
|
18
|
-
/** Required when used in the `VJoyFilterBar` to properly handle v-model */
|
|
19
15
|
value: {
|
|
20
16
|
type: StringConstructor;
|
|
21
17
|
required: true;
|
|
@@ -28,12 +24,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
28
24
|
onFilter?: ((value: string) => any) | undefined;
|
|
29
25
|
}, {
|
|
30
26
|
active: boolean;
|
|
31
|
-
}, {}>,
|
|
32
|
-
|
|
33
|
-
default(): any;
|
|
34
|
-
}> & {
|
|
35
|
-
/** Free slot if you need more than the label property. */
|
|
36
|
-
default(): any;
|
|
27
|
+
}, {}>, {
|
|
28
|
+
default?(_: {}): any;
|
|
37
29
|
}>;
|
|
38
30
|
export default _default;
|
|
39
31
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -16,12 +16,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
16
|
noHtmlErrorText: StringConstructor;
|
|
17
17
|
}>>, {
|
|
18
18
|
visible: boolean;
|
|
19
|
-
}, {}>,
|
|
20
|
-
|
|
21
|
-
default?: (() => any) | undefined;
|
|
22
|
-
}> & {
|
|
23
|
-
/** If you need a list of error, use this slot with a simple ul/li */
|
|
24
|
-
default?: (() => any) | undefined;
|
|
19
|
+
}, {}>, {
|
|
20
|
+
default?(_: {}): any;
|
|
25
21
|
}>;
|
|
26
22
|
export default _default;
|
|
27
23
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
import { Profiles,
|
|
2
|
-
export type TJoyFunnelLayoutWidths = Extract<
|
|
1
|
+
import { Profiles, SIZES } from '../../types';
|
|
2
|
+
export type TJoyFunnelLayoutWidths = Extract<(typeof SIZES)[number], 'medium' | 'large'>;
|
|
3
|
+
export declare const JOYFUNNEL_LAYOUT_WIDTHS: TJoyFunnelLayoutWidths[];
|
|
3
4
|
export type TJoyFunnelProfiles = `${Profiles.STRATEGY}` | `${Profiles.DEFAULT}`;
|
|
5
|
+
export declare const JOYFUNNEL_PROFILES: string[];
|
|
@@ -19,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
19
|
}, {
|
|
20
20
|
scrollOnTop: import("vue").Ref<boolean>;
|
|
21
21
|
hasStepperSlot: import("vue").ComputedRef<boolean>;
|
|
22
|
+
hasFooterSlot: import("vue").ComputedRef<boolean>;
|
|
22
23
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
24
|
/**
|
|
24
25
|
* Remove decorative shapes placed at the bottom right corner
|
|
@@ -40,22 +41,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
40
41
|
hideShapes: boolean;
|
|
41
42
|
layoutWidth: TJoyFunnelLayoutWidths;
|
|
42
43
|
}, {}>, Readonly<{
|
|
43
|
-
/** Use VJoyTemplate here */
|
|
44
44
|
default: () => any;
|
|
45
|
-
/** Use VJoyHeader here */
|
|
46
45
|
'funnel-header': () => any;
|
|
47
|
-
/** Use VJoyStepper here */
|
|
48
46
|
'funnel-stepper'?: (() => any) | undefined;
|
|
49
|
-
/** Use VJoyFooter here */
|
|
50
47
|
'funnel-footer'?: (() => any) | undefined;
|
|
51
48
|
}> & {
|
|
52
|
-
/** Use VJoyTemplate here */
|
|
53
49
|
default: () => any;
|
|
54
|
-
/** Use VJoyHeader here */
|
|
55
50
|
'funnel-header': () => any;
|
|
56
|
-
/** Use VJoyStepper here */
|
|
57
51
|
'funnel-stepper'?: (() => any) | undefined;
|
|
58
|
-
/** Use VJoyFooter here */
|
|
59
52
|
'funnel-footer'?: (() => any) | undefined;
|
|
60
53
|
}>;
|
|
61
54
|
export default _default;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type TJoyHighlightLevels =
|
|
1
|
+
import { LEVELS } from '../../types';
|
|
2
|
+
export type TJoyHighlightLevels = (typeof LEVELS)[number];
|
|
3
|
+
export declare const HIGHLIGHT_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
|
|
3
4
|
export type TJoyHighlightVariants = 'ai' | 'default';
|
|
5
|
+
export declare const HIGHLIGHT_VARIANTS: string[];
|
|
@@ -9,14 +9,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
type: BooleanConstructor;
|
|
10
10
|
default: boolean;
|
|
11
11
|
};
|
|
12
|
-
/** Based on maltjoy/icons availabilities. Works in pair with displayIcon boolean prop. */
|
|
13
12
|
icon: {
|
|
14
13
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
15
14
|
};
|
|
16
|
-
/** import `TJoyHighlightLevels` */
|
|
17
15
|
level: {
|
|
18
|
-
type: PropType<
|
|
16
|
+
type: PropType<"neutral" | "success" | "info" | "warning" | "error">;
|
|
19
17
|
default: string;
|
|
18
|
+
validator(level: "neutral" | "success" | "info" | "warning" | "error"): boolean;
|
|
20
19
|
};
|
|
21
20
|
/** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
|
|
22
21
|
variant: {
|
|
@@ -34,14 +33,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
34
33
|
type: BooleanConstructor;
|
|
35
34
|
default: boolean;
|
|
36
35
|
};
|
|
37
|
-
/** Based on maltjoy/icons availabilities. Works in pair with displayIcon boolean prop. */
|
|
38
36
|
icon: {
|
|
39
37
|
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
40
38
|
};
|
|
41
|
-
/** import `TJoyHighlightLevels` */
|
|
42
39
|
level: {
|
|
43
|
-
type: PropType<
|
|
40
|
+
type: PropType<"neutral" | "success" | "info" | "warning" | "error">;
|
|
44
41
|
default: string;
|
|
42
|
+
validator(level: "neutral" | "success" | "info" | "warning" | "error"): boolean;
|
|
45
43
|
};
|
|
46
44
|
/** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
|
|
47
45
|
variant: {
|
|
@@ -50,23 +48,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
50
48
|
};
|
|
51
49
|
}>>, {
|
|
52
50
|
variant: TJoyHighlightVariants;
|
|
53
|
-
level:
|
|
51
|
+
level: "neutral" | "success" | "info" | "warning" | "error";
|
|
54
52
|
accent: boolean;
|
|
55
53
|
displayIcon: boolean;
|
|
56
|
-
}, {}>,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
'highlight-decorator': () => any;
|
|
61
|
-
/** Not mandatory, renders a bold title above the main content */
|
|
62
|
-
'highlight-title': () => any;
|
|
63
|
-
}> & {
|
|
64
|
-
/** Main content of the highlight */
|
|
65
|
-
default(): any;
|
|
66
|
-
/** Use it if you want to customize the default icon associated with the highlight. You can inject whatever you want here */
|
|
67
|
-
'highlight-decorator': () => any;
|
|
68
|
-
/** Not mandatory, renders a bold title above the main content */
|
|
69
|
-
'highlight-title': () => any;
|
|
54
|
+
}, {}>, {
|
|
55
|
+
"highlight-decorator"?(_: {}): any;
|
|
56
|
+
"highlight-title"?(_: {}): any;
|
|
57
|
+
default?(_: {}): any;
|
|
70
58
|
}>;
|
|
71
59
|
export default _default;
|
|
72
60
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { JoyIconsId } from '@maltjoy/icons';
|
|
2
|
-
|
|
3
|
-
export type TJoyIconsColors =
|
|
4
|
-
export
|
|
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
|
+
export declare const JOY_ICONS_SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
|
|
5
|
+
export type TJoyIconSizes = (typeof JOY_ICONS_SIZES)[number];
|
|
5
6
|
export type TJoyIconsNames = JoyIconsId;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyIconsColors } from './JoyIcon.types';
|
|
3
2
|
declare const _default: import("vue").DefineComponent<{
|
|
4
3
|
ariaLabel: {
|
|
5
4
|
type: StringConstructor;
|
|
@@ -19,12 +18,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
18
|
required: true;
|
|
20
19
|
};
|
|
21
20
|
color: {
|
|
22
|
-
type: PropType<
|
|
21
|
+
type: PropType<"primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary">;
|
|
23
22
|
default: string;
|
|
24
23
|
};
|
|
25
|
-
/** Use `TJoyIconSizes` */
|
|
26
24
|
size: {
|
|
27
|
-
type: PropType<
|
|
25
|
+
type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
|
|
28
26
|
default: string;
|
|
29
27
|
};
|
|
30
28
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -46,17 +44,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
44
|
required: true;
|
|
47
45
|
};
|
|
48
46
|
color: {
|
|
49
|
-
type: PropType<
|
|
47
|
+
type: PropType<"primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary">;
|
|
50
48
|
default: string;
|
|
51
49
|
};
|
|
52
|
-
/** Use `TJoyIconSizes` */
|
|
53
50
|
size: {
|
|
54
|
-
type: PropType<
|
|
51
|
+
type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
|
|
55
52
|
default: string;
|
|
56
53
|
};
|
|
57
54
|
}>>, {
|
|
58
|
-
size:
|
|
59
|
-
color:
|
|
55
|
+
size: "small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall";
|
|
56
|
+
color: "primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary";
|
|
60
57
|
tabIndex: number;
|
|
61
58
|
}, {}>;
|
|
62
59
|
export default _default;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyIndicatorsVariants } from '../JoyIndicators/JoyIndicators.types';
|
|
3
2
|
declare const _default: import("vue").DefineComponent<{
|
|
4
3
|
/** Value is used for the parent v-model. Mandatory */
|
|
5
4
|
value: {
|
|
@@ -12,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
11
|
default: boolean;
|
|
13
12
|
};
|
|
14
13
|
variant: {
|
|
15
|
-
type: PropType<
|
|
14
|
+
type: PropType<"default" | "light">;
|
|
16
15
|
default: string;
|
|
17
16
|
};
|
|
18
17
|
/** Indicators are text-less buttons by design. To make the more accessible, you can pass them an aria-label that will describe more their action. */
|
|
@@ -31,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
30
|
default: boolean;
|
|
32
31
|
};
|
|
33
32
|
variant: {
|
|
34
|
-
type: PropType<
|
|
33
|
+
type: PropType<"default" | "light">;
|
|
35
34
|
default: string;
|
|
36
35
|
};
|
|
37
36
|
/** Indicators are text-less buttons by design. To make the more accessible, you can pass them an aria-label that will describe more their action. */
|
|
@@ -39,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
38
|
type: StringConstructor;
|
|
40
39
|
};
|
|
41
40
|
}>>, {
|
|
42
|
-
variant:
|
|
41
|
+
variant: "default" | "light";
|
|
43
42
|
selected: boolean;
|
|
44
43
|
}, {}>;
|
|
45
44
|
export default _default;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const JOY_INDICATORS_VARIANT: readonly ["default", "light"];
|
|
2
|
+
export type TJoyIndicatorsVariants = (typeof JOY_INDICATORS_VARIANT)[number];
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import VJoyIndicator from '
|
|
3
|
-
import { TJoyIndicatorsVariants } from './JoyIndicators.types';
|
|
2
|
+
import { VJoyIndicator } from '..';
|
|
4
3
|
declare function isSelected(indicator: typeof VJoyIndicator): boolean;
|
|
5
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
6
5
|
variant: {
|
|
7
|
-
type: PropType<
|
|
6
|
+
type: PropType<"default" | "light">;
|
|
8
7
|
};
|
|
9
8
|
/** Use the component with a v-model to easily handle selected items */
|
|
10
9
|
modelValue: {
|
|
@@ -21,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
21
20
|
default: boolean;
|
|
22
21
|
};
|
|
23
22
|
variant: {
|
|
24
|
-
type: PropType<
|
|
23
|
+
type: PropType<"default" | "light">;
|
|
25
24
|
default: string;
|
|
26
25
|
};
|
|
27
26
|
ariaLabel: {
|
|
@@ -37,14 +36,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
37
36
|
default: boolean;
|
|
38
37
|
};
|
|
39
38
|
variant: {
|
|
40
|
-
type: PropType<
|
|
39
|
+
type: PropType<"default" | "light">;
|
|
41
40
|
default: string;
|
|
42
41
|
};
|
|
43
42
|
ariaLabel: {
|
|
44
43
|
type: StringConstructor;
|
|
45
44
|
};
|
|
46
45
|
}>>, {
|
|
47
|
-
variant:
|
|
46
|
+
variant: "default" | "light";
|
|
48
47
|
selected: boolean;
|
|
49
48
|
}, {}>[]>;
|
|
50
49
|
isSelected: typeof isSelected;
|
|
@@ -52,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
52
51
|
"update:modelValue": (value: string | number) => void;
|
|
53
52
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
54
53
|
variant: {
|
|
55
|
-
type: PropType<
|
|
54
|
+
type: PropType<"default" | "light">;
|
|
56
55
|
};
|
|
57
56
|
/** Use the component with a v-model to easily handle selected items */
|
|
58
57
|
modelValue: {
|
|
@@ -61,10 +60,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
60
|
}>> & {
|
|
62
61
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
63
62
|
}, {}, {}>, Readonly<{
|
|
64
|
-
/** Use VJoyIndicator children here */
|
|
65
63
|
default(): any;
|
|
66
64
|
}> & {
|
|
67
|
-
/** Use VJoyIndicator children here */
|
|
68
65
|
default(): any;
|
|
69
66
|
}>;
|
|
70
67
|
export default _default;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type TJoyInputSizes = Extract<
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyInputSizes = Extract<(typeof SIZES)[number], 'small' | 'medium' | 'large'>;
|
|
3
|
+
export declare const INPUT_SIZES: TJoyInputSizes[];
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { TJoyInputSizes } from './JoyInput.types';
|
|
3
|
-
import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
|
|
4
3
|
declare function focus(): void;
|
|
5
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
6
5
|
autofocus: {
|
|
@@ -33,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
33
32
|
label: StringConstructor;
|
|
34
33
|
/** Overrides the default label size. See JoyLabel stories */
|
|
35
34
|
labelSize: {
|
|
36
|
-
type: PropType<
|
|
35
|
+
type: PropType<"small" | "large" | "medium">;
|
|
37
36
|
default: string;
|
|
38
37
|
};
|
|
39
38
|
/** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
|
|
@@ -60,6 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
60
59
|
size: {
|
|
61
60
|
type: PropType<TJoyInputSizes>;
|
|
62
61
|
default: string;
|
|
62
|
+
validator(size: TJoyInputSizes): boolean;
|
|
63
63
|
};
|
|
64
64
|
type: {
|
|
65
65
|
type: StringConstructor;
|
|
@@ -107,7 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
107
107
|
label: StringConstructor;
|
|
108
108
|
/** Overrides the default label size. See JoyLabel stories */
|
|
109
109
|
labelSize: {
|
|
110
|
-
type: PropType<
|
|
110
|
+
type: PropType<"small" | "large" | "medium">;
|
|
111
111
|
default: string;
|
|
112
112
|
};
|
|
113
113
|
/** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
|
|
@@ -134,6 +134,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
134
134
|
size: {
|
|
135
135
|
type: PropType<TJoyInputSizes>;
|
|
136
136
|
default: string;
|
|
137
|
+
validator(size: TJoyInputSizes): boolean;
|
|
137
138
|
};
|
|
138
139
|
type: {
|
|
139
140
|
type: StringConstructor;
|
|
@@ -155,19 +156,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
155
156
|
disabled: boolean;
|
|
156
157
|
invalid: boolean;
|
|
157
158
|
autofocus: boolean;
|
|
158
|
-
labelSize:
|
|
159
|
+
labelSize: "small" | "large" | "medium";
|
|
159
160
|
requiredMark: boolean;
|
|
160
161
|
modelModifiers: {
|
|
161
162
|
lazy: boolean;
|
|
162
163
|
};
|
|
163
164
|
clearable: boolean;
|
|
164
165
|
readonly: boolean;
|
|
165
|
-
}, {}>,
|
|
166
|
-
|
|
167
|
-
default?: (() => any) | undefined;
|
|
168
|
-
}> & {
|
|
169
|
-
/** Default slot to display a label on top of the element. You can use label property as well */
|
|
170
|
-
default?: (() => any) | undefined;
|
|
166
|
+
}, {}>, {
|
|
167
|
+
default?(_: {}): any;
|
|
171
168
|
}>;
|
|
172
169
|
export default _default;
|
|
173
170
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
1
|
+
/** LABEL SIZES */
|
|
2
|
+
export declare const LABEL_SIZES: readonly ["small", "medium", "large"];
|
|
3
|
+
export type TJoyLabelSizes = (typeof LABEL_SIZES)[number];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyLabelSizes } from './JoyLabel.types';
|
|
3
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
3
|
size: {
|
|
5
|
-
type: PropType<
|
|
4
|
+
type: PropType<"small" | "large" | "medium">;
|
|
6
5
|
default: string;
|
|
6
|
+
validator(size: "small" | "large" | "medium"): boolean;
|
|
7
7
|
};
|
|
8
8
|
tagName: {
|
|
9
9
|
type: PropType<"label" | "legend">;
|
|
@@ -19,8 +19,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
19
|
text: StringConstructor;
|
|
20
20
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
21
|
size: {
|
|
22
|
-
type: PropType<
|
|
22
|
+
type: PropType<"small" | "large" | "medium">;
|
|
23
23
|
default: string;
|
|
24
|
+
validator(size: "small" | "large" | "medium"): boolean;
|
|
24
25
|
};
|
|
25
26
|
tagName: {
|
|
26
27
|
type: PropType<"label" | "legend">;
|
|
@@ -35,15 +36,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
36
|
};
|
|
36
37
|
text: StringConstructor;
|
|
37
38
|
}>>, {
|
|
38
|
-
size:
|
|
39
|
+
size: "small" | "large" | "medium";
|
|
39
40
|
required: boolean;
|
|
40
41
|
tagName: "label" | "legend";
|
|
41
|
-
}, {}>,
|
|
42
|
-
|
|
43
|
-
default: () => any;
|
|
44
|
-
}> & {
|
|
45
|
-
/** Label text here */
|
|
46
|
-
default: () => any;
|
|
42
|
+
}, {}>, {
|
|
43
|
+
default?(_: {}): any;
|
|
47
44
|
}>;
|
|
48
45
|
export default _default;
|
|
49
46
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const LINK_COLORS: readonly ["teal", "white"];
|
|
2
|
+
export type LinkColors = (typeof LINK_COLORS)[number];
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyLinkColors } from './JoyLink.types';
|
|
3
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
3
|
href: {
|
|
5
4
|
type: StringConstructor;
|
|
6
5
|
required: true;
|
|
7
6
|
};
|
|
8
7
|
color: {
|
|
9
|
-
type: PropType<
|
|
8
|
+
type: PropType<"white" | "teal">;
|
|
10
9
|
default: string;
|
|
10
|
+
validator(color: "white" | "teal"): boolean;
|
|
11
11
|
};
|
|
12
12
|
icon: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
13
13
|
text: PropType<string | null>;
|
|
@@ -17,17 +17,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
17
17
|
required: true;
|
|
18
18
|
};
|
|
19
19
|
color: {
|
|
20
|
-
type: PropType<
|
|
20
|
+
type: PropType<"white" | "teal">;
|
|
21
21
|
default: string;
|
|
22
|
+
validator(color: "white" | "teal"): boolean;
|
|
22
23
|
};
|
|
23
24
|
icon: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
24
25
|
text: PropType<string | null>;
|
|
25
26
|
}>>, {
|
|
26
|
-
color:
|
|
27
|
-
}, {}>,
|
|
28
|
-
default(): any;
|
|
29
|
-
}> & {
|
|
30
|
-
default(): any;
|
|
27
|
+
color: "white" | "teal";
|
|
28
|
+
}, {}>, {
|
|
29
|
+
default?(_: {}): any;
|
|
31
30
|
}>;
|
|
32
31
|
export default _default;
|
|
33
32
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -42,12 +42,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
42
42
|
onSelectItem?: ((value: IJoyMenuItem) => any) | undefined;
|
|
43
43
|
}, {
|
|
44
44
|
items: IJoyMenuItem[];
|
|
45
|
-
}, {}>,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
}, {}>, {
|
|
46
|
+
"menu-item"?(_: {
|
|
47
|
+
[x: string]: any;
|
|
48
|
+
id?: string | undefined;
|
|
49
|
+
label: string;
|
|
50
|
+
href?: string | undefined;
|
|
51
|
+
icon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
52
|
+
current?: boolean | undefined;
|
|
53
|
+
disabled?: boolean | undefined;
|
|
54
|
+
}): any;
|
|
51
55
|
}>;
|
|
52
56
|
export default _default;
|
|
53
57
|
type __VLS_WithTemplateSlots<T, S> = T & {
|