@maltjoy/core-vue 3.9.2 → 3.10.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.
Files changed (43) hide show
  1. package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +2 -0
  2. package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +28 -0
  3. package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +13 -0
  4. package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +60 -0
  5. package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +17 -0
  6. package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +2 -2
  7. package/dist/components/JoyButton/VJoyButton.vue.d.ts +7 -7
  8. package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +3 -3
  9. package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +13 -13
  10. package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +4 -4
  11. package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +1 -1
  12. package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +6 -6
  13. package/dist/components/JoyIcon/JoyIcon.types.d.ts +2 -2
  14. package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +8 -8
  15. package/dist/components/JoyInput/VJoyInput.vue.d.ts +7 -7
  16. package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +3 -3
  17. package/dist/components/JoyLink/VJoyLink.vue.d.ts +2 -2
  18. package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +4 -4
  19. package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +1 -1
  20. package/dist/components/JoySelect/VJoySelect.vue.d.ts +4 -4
  21. package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts +1 -1
  22. package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +7 -7
  23. package/dist/components/JoyTag/JoyTag.types.d.ts +13 -0
  24. package/dist/components/JoyTag/VJoyTag.vue.d.ts +80 -0
  25. package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +5 -0
  26. package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +33 -0
  27. package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +5 -5
  28. package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +2 -2
  29. package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +9 -9
  30. package/dist/components/components.types.d.ts +24 -0
  31. package/dist/components/index.d.ts +5 -1
  32. package/dist/composables/props.d.ts +1 -1
  33. package/dist/joy-vue.js +1184 -941
  34. package/dist/joy-vue.umd.cjs +1 -1
  35. package/dist/style.css +1 -1
  36. package/dist/tests/composables/test-components/CheckboxFormProps.vue.d.ts +2 -2
  37. package/dist/tests/composables/test-components/GenericFormProps.vue.d.ts +1 -1
  38. package/dist/tests/composables/test-components/GenericFormPropsWithLabel.vue.d.ts +4 -4
  39. package/dist/types/index.d.ts +2 -0
  40. package/index.d.ts +1 -0
  41. package/joy-components.d.ts +5 -0
  42. package/package.json +5 -4
  43. package/dist/components/JoySelectableItem/JoySelectableItem.types.d.ts +0 -2
@@ -0,0 +1,2 @@
1
+ export declare const AVAILABILITY_STATUS: readonly ["AVAILABLE", "AVAILABLE_AND_VERIFIED", "NOT_AVAILABLE_WITH_DATE", "AVAILABLE_SOON", "NOT_AVAILABLE"];
2
+ export type AvailabilityStatus = (typeof AVAILABILITY_STATUS)[number];
@@ -0,0 +1,28 @@
1
+ import { PropType } from 'vue';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ /** Don't fill it and you'll only have the colored dot */
4
+ label: StringConstructor;
5
+ status: {
6
+ type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
7
+ default: string;
8
+ };
9
+ /**
10
+ * Partial availabilty. Not 5 days/week cases
11
+ */
12
+ isPartial: BooleanConstructor;
13
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
+ /** Don't fill it and you'll only have the colored dot */
15
+ label: StringConstructor;
16
+ status: {
17
+ type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
18
+ default: string;
19
+ };
20
+ /**
21
+ * Partial availabilty. Not 5 days/week cases
22
+ */
23
+ isPartial: BooleanConstructor;
24
+ }>>, {
25
+ status: "AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE";
26
+ isPartial: boolean;
27
+ }, {}>;
28
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { SIZES } from '@/types';
2
+ import VJoyAvatar from './VJoyAvatar.vue';
3
+ export declare const AVATAR_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral"];
4
+ export type FreelancerAvatarColors = (typeof AVATAR_COLORS)[number];
5
+ export type CompanyAvatarColors = Exclude<(typeof AVATAR_COLORS)[number], 'neutral'>;
6
+ export interface AvatarColors {
7
+ freelancer: FreelancerAvatarColors | 'transparent';
8
+ company: CompanyAvatarColors;
9
+ }
10
+ /** AVATAR SIZES */
11
+ export type AvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
12
+ export declare const AVATAR_SIZES: AvatarSizes[];
13
+ export type VJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];
@@ -0,0 +1,60 @@
1
+ import { PropType } from 'vue';
2
+ import { AvatarSizes } from './JoyAvatar.types';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ /** 3 different sizes of avatar */
5
+ size: {
6
+ type: PropType<AvatarSizes>;
7
+ default: string;
8
+ };
9
+ /** Only visible if you apply a fullName but not any photoUrl. */
10
+ color: {
11
+ type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "transparent">;
12
+ default: string;
13
+ };
14
+ /** Display the initials based on Firstname and Lastname */
15
+ fullName: StringConstructor;
16
+ /** Pass a photo URL that will be displayed over the fullname */
17
+ photoUrl: StringConstructor;
18
+ /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
19
+ totalNumber: NumberConstructor;
20
+ /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
21
+ link: BooleanConstructor;
22
+ /** Use it to display "strategy" tag. */
23
+ profile: {
24
+ type: PropType<"default" | "strategy">;
25
+ default: string;
26
+ };
27
+ }, {
28
+ isAnonymous: import("vue").ComputedRef<boolean>;
29
+ initials: import("vue").ComputedRef<string>;
30
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
+ /** 3 different sizes of avatar */
32
+ size: {
33
+ type: PropType<AvatarSizes>;
34
+ default: string;
35
+ };
36
+ /** Only visible if you apply a fullName but not any photoUrl. */
37
+ color: {
38
+ type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "transparent">;
39
+ default: string;
40
+ };
41
+ /** Display the initials based on Firstname and Lastname */
42
+ fullName: StringConstructor;
43
+ /** Pass a photo URL that will be displayed over the fullname */
44
+ photoUrl: StringConstructor;
45
+ /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
46
+ totalNumber: NumberConstructor;
47
+ /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
48
+ link: BooleanConstructor;
49
+ /** Use it to display "strategy" tag. */
50
+ profile: {
51
+ type: PropType<"default" | "strategy">;
52
+ default: string;
53
+ };
54
+ }>>, {
55
+ size: AvatarSizes;
56
+ color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "transparent";
57
+ link: boolean;
58
+ profile: "default" | "strategy";
59
+ }, {}>;
60
+ export default _default;
@@ -0,0 +1,17 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ /** Renders a compact list of avatars */
3
+ compress: BooleanConstructor;
4
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
5
+ /** Renders a compact list of avatars */
6
+ compress: BooleanConstructor;
7
+ }>>, {
8
+ compress: boolean;
9
+ }, {}>, {
10
+ default: (_: {}) => any;
11
+ }>;
12
+ export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
19
19
  * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
20
20
  */
21
21
  variant: {
22
- type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "dark-blue" | "pink" | "yellow">;
22
+ type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
23
23
  validator(variant: VariantsTypes): 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<{
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
41
41
  * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
42
42
  */
43
43
  variant: {
44
- type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "dark-blue" | "pink" | "yellow">;
44
+ type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
45
45
  validator(variant: VariantsTypes): boolean;
46
46
  };
47
47
  }>>, {
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
11
11
  };
12
12
  /** Name of the icon, placed before the text */
13
13
  icon: {
14
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
14
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
15
15
  };
16
16
  /** Left to the text or right */
17
17
  iconPosition: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
31
31
  };
32
32
  /** Button or Link color variant */
33
33
  variant: {
34
- type: PropType<"main" | "ghost" | "secondary" | "primary" | "white" | "admin">;
34
+ type: PropType<"primary" | "secondary" | "main" | "admin" | "ghost" | "white">;
35
35
  default: string;
36
36
  validator(variant: ButtonVariants): boolean;
37
37
  };
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
52
52
  };
53
53
  /** Name of the icon, placed before the text */
54
54
  icon: {
55
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
55
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
56
56
  };
57
57
  /** Left to the text or right */
58
58
  iconPosition: {
@@ -72,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
72
72
  };
73
73
  /** Button or Link color variant */
74
74
  variant: {
75
- type: PropType<"main" | "ghost" | "secondary" | "primary" | "white" | "admin">;
75
+ type: PropType<"primary" | "secondary" | "main" | "admin" | "ghost" | "white">;
76
76
  default: string;
77
77
  validator(variant: ButtonVariants): boolean;
78
78
  };
@@ -83,11 +83,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
83
83
  validator(variant: ButtonSizes): boolean;
84
84
  };
85
85
  }>>, {
86
- circle: boolean;
87
- variant: "main" | "ghost" | "secondary" | "primary" | "white" | "admin";
88
86
  size: ButtonSizes;
89
- iconPosition: "left" | "right";
87
+ circle: boolean;
88
+ variant: "primary" | "secondary" | "main" | "admin" | "ghost" | "white";
90
89
  loading: boolean;
90
+ iconPosition: "left" | "right";
91
91
  }, {}>, {
92
92
  default: (_: {}) => any;
93
93
  }>;
@@ -111,12 +111,12 @@ 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
- value: string;
116
- checked: boolean;
117
114
  required: boolean;
115
+ value: string;
116
+ disabled: boolean;
118
117
  indeterminate: boolean;
119
118
  displayFocus: boolean;
119
+ checked: boolean;
120
120
  invalid: boolean;
121
121
  }, {}>, {
122
122
  default: (_: {}) => any;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
23
23
  label: StringConstructor;
24
24
  /** Overrides the default label size. See JoyLabel stories */
25
25
  labelSize: {
26
- type: PropType<"small" | "medium" | "large">;
26
+ type: PropType<"large" | "medium" | "small">;
27
27
  default: string;
28
28
  };
29
29
  /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -63,21 +63,21 @@ 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
- readonly modelValue: number;
69
+ readonly labelSize: "large" | "medium" | "small";
70
+ readonly requiredMark: boolean;
70
71
  readonly min: number;
72
+ readonly modelValue: number;
71
73
  readonly step: number;
72
- readonly labelSize: "small" | "medium" | "large";
73
- readonly requiredMark: boolean;
74
- readonly id?: string | undefined;
75
- readonly label?: string | undefined;
76
74
  readonly name?: string | undefined;
77
- readonly max?: number | undefined;
75
+ readonly label?: string | undefined;
76
+ readonly id?: string | undefined;
78
77
  readonly optionalLabel?: string | undefined;
79
78
  readonly labelDecrement?: string | undefined;
80
79
  readonly labelIncrement?: string | undefined;
80
+ readonly max?: number | undefined;
81
81
  readonly errorMessage?: string | undefined;
82
82
  };
83
83
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
106
106
  label: StringConstructor;
107
107
  /** Overrides the default label size. See JoyLabel stories */
108
108
  labelSize: {
109
- type: PropType<"small" | "medium" | "large">;
109
+ type: PropType<"large" | "medium" | "small">;
110
110
  default: string;
111
111
  };
112
112
  /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -147,14 +147,14 @@ 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
- modelValue: number;
153
+ labelSize: "large" | "medium" | "small";
154
+ requiredMark: boolean;
154
155
  min: number;
156
+ modelValue: number;
155
157
  step: number;
156
- labelSize: "small" | "medium" | "large";
157
- requiredMark: boolean;
158
158
  }, {}>, {
159
159
  default: (_: {}) => any;
160
160
  }>;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
35
35
  };
36
36
  /** Dropdown vertical position according to the trigger */
37
37
  direction: {
38
- type: PropType<"down" | "up">;
38
+ type: PropType<"up" | "down">;
39
39
  default: string;
40
40
  };
41
41
  /** Dropdown horizontal justify according to the trigger */
@@ -120,7 +120,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
120
120
  };
121
121
  /** Dropdown vertical position according to the trigger */
122
122
  direction: {
123
- type: PropType<"down" | "up">;
123
+ type: PropType<"up" | "down">;
124
124
  default: string;
125
125
  };
126
126
  /** Dropdown horizontal justify according to the trigger */
@@ -176,14 +176,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
176
176
  "onDropdown:hide"?: (() => any) | undefined;
177
177
  }, {
178
178
  size: DropdownListSizes;
179
- options: Option[];
180
179
  modelValue: string;
180
+ options: Option[];
181
181
  width: string;
182
182
  height: string;
183
183
  appendTo: string | import("vue").RendererElement | null | undefined;
184
184
  disableTeleport: boolean;
185
185
  closeOnSelect: boolean;
186
- direction: "down" | "up";
186
+ direction: "up" | "down";
187
187
  justify: "left" | "right";
188
188
  dropdownGap: string;
189
189
  }, {}>, {
@@ -1,3 +1,3 @@
1
1
  import { LEVELS } from '@/types';
2
2
  export type HighlightLevels = (typeof LEVELS)[number];
3
- export declare const HIGHLIGHT_LEVELS: ("info" | "error" | "warning" | "neutral" | "success")[];
3
+ export declare const HIGHLIGHT_LEVELS: ("neutral" | "info" | "success" | "warning" | "error")[];
@@ -10,15 +10,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
10
  default: boolean;
11
11
  };
12
12
  icon: {
13
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
13
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
14
14
  };
15
15
  level: {
16
- type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
16
+ type: PropType<"neutral" | "info" | "success" | "warning" | "error">;
17
17
  default: string;
18
18
  validator(level: HighlightLevels): boolean;
19
19
  };
20
20
  }, {
21
- getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
21
+ getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons").JoyIconsId>;
22
22
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
23
23
  accent: {
24
24
  type: BooleanConstructor;
@@ -29,17 +29,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
29
29
  default: boolean;
30
30
  };
31
31
  icon: {
32
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
32
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
33
33
  };
34
34
  level: {
35
- type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
35
+ type: PropType<"neutral" | "info" | "success" | "warning" | "error">;
36
36
  default: string;
37
37
  validator(level: HighlightLevels): boolean;
38
38
  };
39
39
  }>>, {
40
40
  accent: boolean;
41
41
  displayIcon: boolean;
42
- level: "info" | "error" | "warning" | "neutral" | "success";
42
+ level: "neutral" | "info" | "success" | "warning" | "error";
43
43
  }, {}>, {
44
44
  'highlight-title': (_: {}) => any;
45
45
  default: (_: {}) => any;
@@ -1,5 +1,5 @@
1
- import { JoyIconsId } from '@maltjoy/icons/dist/joy-icons';
2
- export declare const JOY_ICONS_COLORS: readonly [...("info" | "error" | "warning" | "neutral" | "success")[], "primary", "secondary", "tertiary", "quaternary", "brand-primary", "brand-secondary", "white"];
1
+ import type { JoyIconsId } from '@maltjoy/icons';
2
+ export declare const JOY_ICONS_COLORS: readonly [...("neutral" | "info" | "success" | "warning" | "error")[], "primary", "secondary", "tertiary", "quaternary", "brand-primary", "brand-secondary", "white"];
3
3
  export type JoyIconsColors = (typeof JOY_ICONS_COLORS)[number];
4
4
  export declare const JOY_ICONS_SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
5
5
  export type JoyIconSizes = (typeof JOY_ICONS_SIZES)[number];
@@ -1,32 +1,32 @@
1
1
  import { PropType } from 'vue';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  name: {
4
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
4
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
5
5
  required: true;
6
6
  };
7
7
  color: {
8
- type: PropType<"secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
8
+ type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "info" | "white" | "success" | "warning" | "error" | "brand-primary" | "brand-secondary">;
9
9
  default: string;
10
10
  };
11
11
  size: {
12
- type: PropType<"small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge">;
12
+ type: PropType<"xlarge" | "large" | "medium" | "small" | "xsmall" | "xxsmall">;
13
13
  default: string;
14
14
  };
15
15
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
16
  name: {
17
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
17
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
18
18
  required: true;
19
19
  };
20
20
  color: {
21
- type: PropType<"secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
21
+ type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "info" | "white" | "success" | "warning" | "error" | "brand-primary" | "brand-secondary">;
22
22
  default: string;
23
23
  };
24
24
  size: {
25
- type: PropType<"small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge">;
25
+ type: PropType<"xlarge" | "large" | "medium" | "small" | "xsmall" | "xxsmall">;
26
26
  default: string;
27
27
  };
28
28
  }>>, {
29
- color: "secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary";
30
- size: "small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge";
29
+ size: "xlarge" | "large" | "medium" | "small" | "xsmall" | "xxsmall";
30
+ color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "info" | "white" | "success" | "warning" | "error" | "brand-primary" | "brand-secondary";
31
31
  }, {}>;
32
32
  export default _default;
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
24
24
  label: StringConstructor;
25
25
  /** Overrides the default label size. See JoyLabel stories */
26
26
  labelSize: {
27
- type: PropType<"small" | "medium" | "large">;
27
+ type: PropType<"large" | "medium" | "small">;
28
28
  default: string;
29
29
  };
30
30
  /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
44
44
  };
45
45
  /** Add a JoyIcon / joy-icon with given name on left-side. */
46
46
  icon: {
47
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
47
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
48
48
  };
49
49
  size: {
50
50
  type: PropType<InputSizes>;
@@ -81,7 +81,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
81
81
  label: StringConstructor;
82
82
  /** Overrides the default label size. See JoyLabel stories */
83
83
  labelSize: {
84
- type: PropType<"small" | "medium" | "large">;
84
+ type: PropType<"large" | "medium" | "small">;
85
85
  default: string;
86
86
  };
87
87
  /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -101,7 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
101
101
  };
102
102
  /** Add a JoyIcon / joy-icon with given name on left-side. */
103
103
  icon: {
104
- type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
104
+ type: PropType<import("@maltjoy/icons").JoyIconsId>;
105
105
  };
106
106
  size: {
107
107
  type: PropType<InputSizes>;
@@ -115,12 +115,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
115
115
  /** Adds a legend like symbol on the right of the component. Made for number based values */
116
116
  unit: StringConstructor;
117
117
  }>>, {
118
- disabled: boolean;
119
- type: string;
120
118
  size: InputSizes;
121
119
  required: boolean;
120
+ type: string;
121
+ disabled: boolean;
122
122
  invalid: boolean;
123
- labelSize: "small" | "medium" | "large";
123
+ labelSize: "large" | "medium" | "small";
124
124
  requiredMark: boolean;
125
125
  clearable: boolean;
126
126
  }, {}>, {
@@ -2,7 +2,7 @@ import { PropType } from 'vue';
2
2
  import { LabelSizes } from './JoyLabel.types';
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
4
  size: {
5
- type: PropType<"small" | "medium" | "large">;
5
+ type: PropType<"large" | "medium" | "small">;
6
6
  default: string;
7
7
  validator(size: LabelSizes): boolean;
8
8
  };
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
20
20
  text: StringConstructor;
21
21
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
22
  size: {
23
- type: PropType<"small" | "medium" | "large">;
23
+ type: PropType<"large" | "medium" | "small">;
24
24
  default: string;
25
25
  validator(size: LabelSizes): boolean;
26
26
  };
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
37
37
  };
38
38
  text: StringConstructor;
39
39
  }>>, {
40
- size: "small" | "medium" | "large";
40
+ size: "large" | "medium" | "small";
41
41
  required: boolean;
42
42
  tagName: "label" | "legend";
43
43
  }, {}>, {
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
10
  default: string;
11
11
  validator(color: LinkColors): boolean;
12
12
  };
13
- icon: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
13
+ icon: PropType<import("@maltjoy/icons").JoyIconsId>;
14
14
  text: PropType<string | null>;
15
15
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
16
  href: {
@@ -22,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
22
22
  default: string;
23
23
  validator(color: LinkColors): boolean;
24
24
  };
25
- icon: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
25
+ icon: PropType<import("@maltjoy/icons").JoyIconsId>;
26
26
  text: PropType<string | null>;
27
27
  }>>, {
28
28
  color: "teal" | "white";
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
31
31
  };
32
32
  label: StringConstructor;
33
33
  labelSize: {
34
- type: PropType<"small" | "medium" | "large">;
34
+ type: PropType<"large" | "medium" | "small">;
35
35
  default: string;
36
36
  };
37
37
  optionalLabel: StringConstructor;
@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
58
58
  };
59
59
  label: StringConstructor;
60
60
  labelSize: {
61
- type: PropType<"small" | "medium" | "large">;
61
+ type: PropType<"large" | "medium" | "small">;
62
62
  default: string;
63
63
  };
64
64
  optionalLabel: StringConstructor;
@@ -69,9 +69,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
69
69
  }>> & {
70
70
  "onUpdate:value"?: ((value: any[]) => any) | undefined;
71
71
  }, {
72
- value: any[];
73
72
  required: boolean;
74
- labelSize: "small" | "medium" | "large";
73
+ value: any[];
74
+ labelSize: "large" | "medium" | "small";
75
75
  requiredMark: boolean;
76
76
  }, {}>, {
77
77
  checkbox: (_: Option) => any;
@@ -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
  }, {}>, {
@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
21
21
  };
22
22
  label: StringConstructor;
23
23
  labelSize: {
24
- type: PropType<"small" | "medium" | "large">;
24
+ type: PropType<"large" | "medium" | "small">;
25
25
  };
26
26
  optionalLabel: StringConstructor;
27
27
  requiredMark: {
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
59
59
  };
60
60
  label: StringConstructor;
61
61
  labelSize: {
62
- type: PropType<"small" | "medium" | "large">;
62
+ type: PropType<"large" | "medium" | "small">;
63
63
  };
64
64
  optionalLabel: StringConstructor;
65
65
  requiredMark: {
@@ -77,12 +77,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
77
77
  }>> & {
78
78
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
79
79
  }, {
80
- disabled: boolean;
81
80
  size: SelectSizes;
82
81
  required: boolean;
82
+ disabled: boolean;
83
83
  invalid: boolean;
84
- modelValue: string;
85
84
  requiredMark: boolean;
85
+ modelValue: string;
86
86
  }, {}>, {
87
87
  'select-label': (_: {}) => any;
88
88
  default: (_: {}) => any;
@@ -67,9 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
67
67
  }>> & {
68
68
  "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
69
69
  }, {
70
+ required: boolean;
70
71
  disabled: boolean;
71
72
  checked: boolean;
72
- required: boolean;
73
73
  invalid: boolean;
74
74
  multiple: boolean;
75
75
  }, {}>, {