@maltjoy/core-vue 3.15.5 → 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
|
@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
6
6
|
required: true;
|
|
7
7
|
};
|
|
8
8
|
color: {
|
|
9
|
-
type: PropType<"
|
|
9
|
+
type: PropType<"white" | "teal">;
|
|
10
10
|
default: string;
|
|
11
11
|
validator(color: LinkColors): boolean;
|
|
12
12
|
};
|
|
@@ -18,14 +18,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
18
18
|
required: true;
|
|
19
19
|
};
|
|
20
20
|
color: {
|
|
21
|
-
type: PropType<"
|
|
21
|
+
type: PropType<"white" | "teal">;
|
|
22
22
|
default: string;
|
|
23
23
|
validator(color: LinkColors): boolean;
|
|
24
24
|
};
|
|
25
25
|
icon: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
26
26
|
text: PropType<string | null>;
|
|
27
27
|
}>>, {
|
|
28
|
-
color: "
|
|
28
|
+
color: "white" | "teal";
|
|
29
29
|
}, {}>, {
|
|
30
30
|
default: (_: {}) => any;
|
|
31
31
|
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const PANEL_SIZES:
|
|
4
|
-
export type
|
|
5
|
-
export declare const PANEL_TITLE_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyPanelSizes = Extract<(typeof SIZES)[number], 'small' | 'medium' | 'large'>;
|
|
3
|
+
export declare const PANEL_SIZES: TJoyPanelSizes[];
|
|
4
|
+
export type TJoyPanelTitleSizes = Extract<(typeof SIZES)[number], 'small' | 'large'>;
|
|
5
|
+
export declare const PANEL_TITLE_SIZES: TJoyPanelTitleSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyPanelSizes, TJoyPanelTitleSizes } from './JoyPanel.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
flex: {
|
|
5
5
|
type: StringConstructor;
|
|
@@ -9,14 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
default: boolean;
|
|
10
10
|
};
|
|
11
11
|
padding: {
|
|
12
|
-
type: PropType<
|
|
12
|
+
type: PropType<TJoyPanelSizes>;
|
|
13
13
|
default: string;
|
|
14
|
-
validator(size:
|
|
14
|
+
validator(size: TJoyPanelSizes): boolean;
|
|
15
15
|
};
|
|
16
16
|
titleSize: {
|
|
17
|
-
type: PropType<
|
|
17
|
+
type: PropType<TJoyPanelTitleSizes>;
|
|
18
18
|
default: string;
|
|
19
|
-
validator(size:
|
|
19
|
+
validator(size: TJoyPanelTitleSizes): boolean;
|
|
20
20
|
};
|
|
21
21
|
loading: {
|
|
22
22
|
type: BooleanConstructor;
|
|
@@ -35,14 +35,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
35
|
default: boolean;
|
|
36
36
|
};
|
|
37
37
|
padding: {
|
|
38
|
-
type: PropType<
|
|
38
|
+
type: PropType<TJoyPanelSizes>;
|
|
39
39
|
default: string;
|
|
40
|
-
validator(size:
|
|
40
|
+
validator(size: TJoyPanelSizes): boolean;
|
|
41
41
|
};
|
|
42
42
|
titleSize: {
|
|
43
|
-
type: PropType<
|
|
43
|
+
type: PropType<TJoyPanelTitleSizes>;
|
|
44
44
|
default: string;
|
|
45
|
-
validator(size:
|
|
45
|
+
validator(size: TJoyPanelTitleSizes): boolean;
|
|
46
46
|
};
|
|
47
47
|
loading: {
|
|
48
48
|
type: BooleanConstructor;
|
|
@@ -55,8 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
55
55
|
}>>, {
|
|
56
56
|
loading: boolean;
|
|
57
57
|
noMargin: boolean;
|
|
58
|
-
padding:
|
|
59
|
-
titleSize:
|
|
58
|
+
padding: TJoyPanelSizes;
|
|
59
|
+
titleSize: TJoyPanelTitleSizes;
|
|
60
60
|
loadingColor: "dark" | "light";
|
|
61
61
|
}, {}>, {
|
|
62
62
|
'panel-title': (_: {}) => any;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { GENERIC_VARIANTS } from '
|
|
2
|
-
export type
|
|
1
|
+
import { GENERIC_VARIANTS } from '../../types';
|
|
2
|
+
export type TJoyProgressBarColors = (typeof GENERIC_VARIANTS)[number];
|
|
3
3
|
export declare const PROGRESSBAR_VARIANT: string[];
|
|
@@ -67,8 +67,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
67
67
|
}>> & {
|
|
68
68
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
69
69
|
}, {
|
|
70
|
-
disabled: boolean;
|
|
71
70
|
required: boolean;
|
|
71
|
+
disabled: boolean;
|
|
72
72
|
invalid: boolean;
|
|
73
73
|
theme: "default" | "outline";
|
|
74
74
|
}, {}>, {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const RATING_STARS_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoyRatingStarsSizes = Extract<(typeof SIZES)[number], 'small' | 'medium' | 'large'>;
|
|
3
|
+
export declare const RATING_STARS_SIZES: TJoyRatingStarsSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyRatingStarsSizes } from './JoyRatingStars.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
ratingValue: {
|
|
5
5
|
type: NumberConstructor;
|
|
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
10
10
|
default: number;
|
|
11
11
|
};
|
|
12
12
|
size: {
|
|
13
|
-
type: PropType<
|
|
13
|
+
type: PropType<TJoyRatingStarsSizes>;
|
|
14
14
|
default: string;
|
|
15
15
|
};
|
|
16
16
|
}, {
|
|
@@ -25,11 +25,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
25
|
default: number;
|
|
26
26
|
};
|
|
27
27
|
size: {
|
|
28
|
-
type: PropType<
|
|
28
|
+
type: PropType<TJoyRatingStarsSizes>;
|
|
29
29
|
default: string;
|
|
30
30
|
};
|
|
31
31
|
}>>, {
|
|
32
|
-
size:
|
|
32
|
+
size: TJoyRatingStarsSizes;
|
|
33
33
|
ratingValue: number;
|
|
34
34
|
reviewCount: number;
|
|
35
35
|
}, {}>, {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const COLORS: readonly ["dark", "light"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyScreenLoaderColors = (typeof COLORS)[number];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
2
|
-
export type
|
|
3
|
-
export declare const SELECT_SIZES:
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
|
+
export type TJoySelectSizes = Extract<(typeof SIZES)[number], 'xsmall' | 'small' | 'medium'>;
|
|
3
|
+
export declare const SELECT_SIZES: TJoySelectSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoySelectSizes } from './JoySelect.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
disabled: {
|
|
5
5
|
type: BooleanConstructor;
|
|
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
33
33
|
type: (StringConstructor | NumberConstructor)[];
|
|
34
34
|
};
|
|
35
35
|
size: {
|
|
36
|
-
type: PropType<
|
|
36
|
+
type: PropType<TJoySelectSizes>;
|
|
37
37
|
default: string;
|
|
38
38
|
};
|
|
39
39
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -71,15 +71,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
71
71
|
type: (StringConstructor | NumberConstructor)[];
|
|
72
72
|
};
|
|
73
73
|
size: {
|
|
74
|
-
type: PropType<
|
|
74
|
+
type: PropType<TJoySelectSizes>;
|
|
75
75
|
default: string;
|
|
76
76
|
};
|
|
77
77
|
}>> & {
|
|
78
78
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
79
79
|
}, {
|
|
80
|
-
size:
|
|
81
|
-
disabled: boolean;
|
|
80
|
+
size: TJoySelectSizes;
|
|
82
81
|
required: boolean;
|
|
82
|
+
disabled: boolean;
|
|
83
83
|
invalid: boolean;
|
|
84
84
|
requiredMark: boolean;
|
|
85
85
|
}, {}>, {
|
|
@@ -67,8 +67,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
67
67
|
}>> & {
|
|
68
68
|
"onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
|
|
69
69
|
}, {
|
|
70
|
-
disabled: boolean;
|
|
71
70
|
required: boolean;
|
|
71
|
+
disabled: boolean;
|
|
72
72
|
checked: boolean;
|
|
73
73
|
invalid: boolean;
|
|
74
74
|
multiple: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
2
|
export type BinarySizes = 'default';
|
|
3
|
-
export type
|
|
4
|
-
export declare const SEPARATOR_SIZES:
|
|
3
|
+
export type TJoySeparatorSizes = BinarySizes | Extract<(typeof SIZES)[number], 'small'>;
|
|
4
|
+
export declare const SEPARATOR_SIZES: TJoySeparatorSizes[];
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoySeparatorSizes } from './JoySeparator.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
/** Main text to apply in the central area */
|
|
5
5
|
text: {
|
|
6
6
|
type: StringConstructor;
|
|
7
7
|
};
|
|
8
8
|
size: {
|
|
9
|
-
type: PropType<
|
|
9
|
+
type: PropType<TJoySeparatorSizes>;
|
|
10
10
|
default: string;
|
|
11
11
|
};
|
|
12
12
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -15,10 +15,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
15
|
type: StringConstructor;
|
|
16
16
|
};
|
|
17
17
|
size: {
|
|
18
|
-
type: PropType<
|
|
18
|
+
type: PropType<TJoySeparatorSizes>;
|
|
19
19
|
default: string;
|
|
20
20
|
};
|
|
21
21
|
}>>, {
|
|
22
|
-
size:
|
|
22
|
+
size: TJoySeparatorSizes;
|
|
23
23
|
}, {}>;
|
|
24
24
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const SPINNER_COLORS: readonly ["teal", "white"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoySpinnerColors = (typeof SPINNER_COLORS)[number];
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoySpinnerColors } from './JoySpinner.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
color: {
|
|
5
|
-
type: PropType<"
|
|
6
|
-
validator(color:
|
|
5
|
+
type: PropType<"white" | "teal">;
|
|
6
|
+
validator(color: TJoySpinnerColors): boolean;
|
|
7
7
|
};
|
|
8
8
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9
9
|
color: {
|
|
10
|
-
type: PropType<"
|
|
11
|
-
validator(color:
|
|
10
|
+
type: PropType<"white" | "teal">;
|
|
11
|
+
validator(color: TJoySpinnerColors): boolean;
|
|
12
12
|
};
|
|
13
13
|
}>>, {}, {}>;
|
|
14
14
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { SIZES } from '
|
|
1
|
+
import { SIZES } from '../../types';
|
|
2
2
|
import VJoyTag from './VJoyTag.vue';
|
|
3
3
|
export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "primary", "secondary"];
|
|
4
|
-
export type
|
|
5
|
-
export type
|
|
6
|
-
export declare const TAG_SIZES:
|
|
4
|
+
export type TJoyTagVariants = (typeof TAG_VARIANTS)[number];
|
|
5
|
+
export type TJoyTagSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'xxsmall'>;
|
|
6
|
+
export declare const TAG_SIZES: TJoyTagSizes[];
|
|
7
7
|
export type VJoyTagProps = InstanceType<typeof VJoyTag>['$props'];
|
|
8
8
|
export interface IJoyTagSelected {
|
|
9
9
|
selected: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TJoyTagSizes } from './JoyTag.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
/** Text injected within the tag */
|
|
5
5
|
label: {
|
|
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
required: true;
|
|
8
8
|
};
|
|
9
9
|
size: {
|
|
10
|
-
type: PropType<
|
|
10
|
+
type: PropType<TJoyTagSizes>;
|
|
11
11
|
default: string;
|
|
12
12
|
};
|
|
13
13
|
variant: {
|
|
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
41
41
|
required: true;
|
|
42
42
|
};
|
|
43
43
|
size: {
|
|
44
|
-
type: PropType<
|
|
44
|
+
type: PropType<TJoyTagSizes>;
|
|
45
45
|
default: string;
|
|
46
46
|
};
|
|
47
47
|
variant: {
|
|
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
70
70
|
};
|
|
71
71
|
}>>, {
|
|
72
72
|
link: boolean;
|
|
73
|
-
size:
|
|
73
|
+
size: TJoyTagSizes;
|
|
74
74
|
variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing";
|
|
75
75
|
selected: boolean;
|
|
76
76
|
selectable: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IJoyTag } from '../JoyTag/JoyTag.types';
|
|
2
2
|
export declare const TAGS_LIST_ALIGN: readonly ["center", "left", "right"];
|
|
3
|
-
export type
|
|
3
|
+
export type TJoyTagsListAlign = (typeof TAGS_LIST_ALIGN)[number];
|
|
4
4
|
export type TJoyTagsList = IJoyTag[];
|
|
5
5
|
export type TJoyTagsListModel = IJoyTag['value'][];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const TEMPLATE_SIDEBAR: readonly ["left", "right"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyTemplateSidebarSide = (typeof TEMPLATE_SIDEBAR)[number];
|
|
@@ -106,8 +106,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
106
106
|
}>> & {
|
|
107
107
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
108
108
|
}, {
|
|
109
|
-
disabled: boolean;
|
|
110
109
|
required: boolean;
|
|
110
|
+
disabled: boolean;
|
|
111
111
|
invalid: boolean;
|
|
112
112
|
labelSize: "small" | "large" | "medium";
|
|
113
113
|
requiredMark: boolean;
|
|
@@ -57,10 +57,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
57
57
|
}>> & {
|
|
58
58
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
59
59
|
}, {
|
|
60
|
-
disabled: boolean;
|
|
61
60
|
required: boolean;
|
|
62
|
-
|
|
61
|
+
disabled: boolean;
|
|
63
62
|
invalid: boolean;
|
|
63
|
+
value: string;
|
|
64
64
|
modelValue: boolean;
|
|
65
65
|
}, {}>, {
|
|
66
66
|
default: (_: {}) => any;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const JUSTIFY_WRAPPER: readonly ["center", "space-between", "flex-start", "flex-end"];
|
|
2
|
-
export type
|
|
2
|
+
export type TJoyWrapperJustify = (typeof JUSTIFY_WRAPPER)[number];
|
|
3
3
|
export declare const ALIGN_WRAPPER: readonly ["center", "flex-start", "flex-end", "stretch"];
|
|
4
|
-
export type
|
|
4
|
+
export type TJoyWrapperAlign = (typeof ALIGN_WRAPPER)[number];
|
|
5
5
|
export declare const DIRECTION_WRAPPER: readonly ["row", "column"];
|
|
6
|
-
export type
|
|
6
|
+
export type TJoyWrapperDirection = (typeof DIRECTION_WRAPPER)[number];
|
|
7
7
|
export declare const WRAP_WRAPPER: readonly ["nowrap", "wrap"];
|
|
8
|
-
export type
|
|
8
|
+
export type TJoyWrapperWrap = (typeof WRAP_WRAPPER)[number];
|
|
9
9
|
export declare const GAP_WRAPPER: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
|
|
10
|
-
export type
|
|
10
|
+
export type TJoyWrapperGap = (typeof GAP_WRAPPER)[number];
|
|
@@ -31,12 +31,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
31
31
|
};
|
|
32
32
|
/** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
|
|
33
33
|
columnGap: {
|
|
34
|
-
type: PropType<"0" | "1" | "2" | "3" | "
|
|
34
|
+
type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
|
|
35
35
|
default: string;
|
|
36
36
|
};
|
|
37
37
|
/** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
|
|
38
38
|
rowGap: {
|
|
39
|
-
type: PropType<"0" | "1" | "2" | "3" | "
|
|
39
|
+
type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
|
|
40
40
|
default: string;
|
|
41
41
|
};
|
|
42
42
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -71,23 +71,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
71
71
|
};
|
|
72
72
|
/** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
|
|
73
73
|
columnGap: {
|
|
74
|
-
type: PropType<"0" | "1" | "2" | "3" | "
|
|
74
|
+
type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
|
|
75
75
|
default: string;
|
|
76
76
|
};
|
|
77
77
|
/** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
|
|
78
78
|
rowGap: {
|
|
79
|
-
type: PropType<"0" | "1" | "2" | "3" | "
|
|
79
|
+
type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
|
|
80
80
|
default: string;
|
|
81
81
|
};
|
|
82
82
|
}>>, {
|
|
83
|
-
wrap: "nowrap" | "wrap";
|
|
84
83
|
align: "center" | "flex-start" | "flex-end" | "stretch";
|
|
85
84
|
direction: "row" | "column";
|
|
86
85
|
justify: "center" | "space-between" | "flex-start" | "flex-end";
|
|
86
|
+
wrap: "nowrap" | "wrap";
|
|
87
87
|
itemStretch: boolean;
|
|
88
88
|
noMargin: boolean;
|
|
89
|
-
columnGap: "0" | "1" | "2" | "3" | "
|
|
90
|
-
rowGap: "0" | "1" | "2" | "3" | "
|
|
89
|
+
columnGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
|
|
90
|
+
rowGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
|
|
91
91
|
}, {}>, {
|
|
92
92
|
default: (_: {}) => any;
|
|
93
93
|
}>;
|
|
@@ -6,6 +6,7 @@ export * from './JoyButton/JoyButton.types';
|
|
|
6
6
|
export * from './JoyCompanyAvatar/JoyCompanyAvatar.types';
|
|
7
7
|
export * from './JoyDropdown/JoyDropdown.types';
|
|
8
8
|
export * from './JoyDropdownList/JoyDropdownList.types';
|
|
9
|
+
export * from './JoyFunnel/JoyFunnel.types';
|
|
9
10
|
export * from './JoyHighlight/JoyHighlight.types';
|
|
10
11
|
export * from './JoyHighlight/JoyHighlight.types';
|
|
11
12
|
export * from './JoyIcon/JoyIcon.types';
|
|
@@ -14,6 +14,8 @@ import VJoyFilterBar from '@/components/JoyFilterBar/VJoyFilterBar.vue';
|
|
|
14
14
|
import VJoyFilterBarButton from '@/components/JoyFilterBarButton/VJoyFilterBarButton.vue';
|
|
15
15
|
import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
|
|
16
16
|
import VJoyFormFieldSkeleton from '@/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue';
|
|
17
|
+
import VJoyFooter from '@/components/JoyFooter/VJoyFooter.vue';
|
|
18
|
+
import VJoyFunnel from '@/components/JoyFunnel/VJoyFunnel.vue';
|
|
17
19
|
import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
|
|
18
20
|
import VJoyIcon from '@/components/JoyIcon/VJoyIcon.vue';
|
|
19
21
|
import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
|
|
@@ -43,4 +45,4 @@ import VJoyTemplateShape from '@/components/JoyTemplateShape/VJoyTemplateShape.v
|
|
|
43
45
|
import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
|
|
44
46
|
import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
|
|
45
47
|
import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
|
|
46
|
-
export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFormError, VJoyFormFieldSkeleton, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTabs, VJoyTab, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyTextarea, VJoyToggle, VJoyWrapper, };
|
|
48
|
+
export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTabs, VJoyTab, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyTextarea, VJoyToggle, VJoyWrapper, };
|
package/dist/helpers/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TJoyIconsNames } from '@/components/JoyIcon/JoyIcon.types';
|
|
2
2
|
import { Ref } from 'vue';
|
|
3
3
|
import { LEVELS } from '../types';
|
|
4
|
-
export declare function iconLevel(level: (typeof LEVELS)[number]):
|
|
4
|
+
export declare function iconLevel(level: (typeof LEVELS)[number]): TJoyIconsNames;
|
|
5
5
|
export declare function focusOnFirstFocusableFormField(root: Ref): any;
|
|
6
6
|
export declare const generateRandomId: (length?: number) => string;
|