@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.
Files changed (97) hide show
  1. package/README.md +1 -0
  2. package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +2 -1
  3. package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +3 -4
  4. package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +6 -4
  5. package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +3 -3
  6. package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +4 -14
  7. package/dist/components/JoyBadge/JoyBadge.types.d.ts +2 -1
  8. package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +8 -14
  9. package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +4 -8
  10. package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts +0 -2
  11. package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +7 -20
  12. package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +6 -12
  13. package/dist/components/JoyButton/JoyButton.types.d.ts +20 -4
  14. package/dist/components/JoyButton/VJoyButton.vue.d.ts +13 -13
  15. package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +3 -10
  16. package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +4 -10
  17. package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +4 -12
  18. package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +3 -2
  19. package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +0 -6
  20. package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +6 -11
  21. package/dist/components/JoyDialog/JoyDialog.types.d.ts +3 -2
  22. package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +8 -30
  23. package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +20 -56
  24. package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +3 -10
  25. package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +2 -1
  26. package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +12 -32
  27. package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +30 -64
  28. package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +4 -3
  29. package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +22 -29
  30. package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +3 -2
  31. package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +21 -22
  32. package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +2 -8
  33. package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +2 -10
  34. package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +2 -6
  35. package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +4 -2
  36. package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +1 -8
  37. package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +4 -2
  38. package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +9 -21
  39. package/dist/components/JoyIcon/JoyIcon.types.d.ts +4 -3
  40. package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +6 -9
  41. package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +3 -4
  42. package/dist/components/JoyIndicators/JoyIndicators.types.d.ts +2 -1
  43. package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts +6 -9
  44. package/dist/components/JoyInput/JoyInput.types.d.ts +3 -2
  45. package/dist/components/JoyInput/VJoyInput.vue.d.ts +7 -10
  46. package/dist/components/JoyLabel/JoyLabel.types.d.ts +3 -2
  47. package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +7 -10
  48. package/dist/components/JoyLink/JoyLink.types.d.ts +2 -1
  49. package/dist/components/JoyLink/VJoyLink.vue.d.ts +7 -8
  50. package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +10 -6
  51. package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +19 -16
  52. package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +6 -14
  53. package/dist/components/JoyPanel/JoyPanel.types.d.ts +5 -3
  54. package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +14 -30
  55. package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +3 -2
  56. package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +3 -5
  57. package/dist/components/JoyRadio/JoyRadio.types.d.ts +2 -1
  58. package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +7 -20
  59. package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +2 -1
  60. package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +6 -14
  61. package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +3 -2
  62. package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +2 -10
  63. package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +2 -1
  64. package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +6 -14
  65. package/dist/components/JoySelect/JoySelect.types.d.ts +3 -2
  66. package/dist/components/JoySelect/VJoySelect.vue.d.ts +4 -9
  67. package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +65 -10
  68. package/dist/components/JoySeparator/JoySeparator.types.d.ts +3 -2
  69. package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +3 -2
  70. package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +2 -6
  71. package/dist/components/JoySnackbar/index.d.ts +1 -1
  72. package/dist/components/JoySpinner/JoySpinner.types.d.ts +2 -1
  73. package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +4 -2
  74. package/dist/components/JoyStep/VJoyStep.vue.d.ts +2 -14
  75. package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +2 -10
  76. package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +0 -2
  77. package/dist/components/JoyTag/JoyTag.types.d.ts +5 -3
  78. package/dist/components/JoyTag/VJoyTag.vue.d.ts +3 -13
  79. package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +19 -34
  80. package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +2 -1
  81. package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
  82. package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +2 -1
  83. package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +15 -67
  84. package/dist/components/JoyText/VJoyText.vue.d.ts +2 -6
  85. package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +5 -6
  86. package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +2 -6
  87. package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +1 -0
  88. package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +6 -20
  89. package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +10 -5
  90. package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +18 -19
  91. package/dist/components/main.d.ts +1 -1
  92. package/dist/helpers/index.d.ts +2 -2
  93. package/dist/joy-vue.js +2190 -2117
  94. package/dist/joy-vue.umd.cjs +4 -4
  95. package/dist/style.css +1 -1
  96. package/dist/types/index.d.ts +10 -7
  97. package/package.json +24 -20
package/README.md CHANGED
@@ -22,3 +22,4 @@ Then import the CSS :
22
22
 
23
23
 
24
24
 
25
+
@@ -1 +1,2 @@
1
- export type TJoyAvailabilityStatus = 'AVAILABLE' | 'AVAILABLE_AND_VERIFIED' | 'NOT_AVAILABLE_WITH_DATE' | 'AVAILABLE_SOON' | 'NOT_AVAILABLE';
1
+ export declare const AVAILABILITY_STATUS: readonly ["AVAILABLE", "AVAILABLE_AND_VERIFIED", "NOT_AVAILABLE_WITH_DATE", "AVAILABLE_SOON", "NOT_AVAILABLE"];
2
+ export type TJoyAvailabilityStatus = (typeof AVAILABILITY_STATUS)[number];
@@ -1,10 +1,9 @@
1
1
  import { PropType } from 'vue';
2
- import { TJoyAvailabilityStatus } from './JoyAvailability.types';
3
2
  declare const _default: import("vue").DefineComponent<{
4
3
  /** Don't fill it and you'll only have the colored dot */
5
4
  label: StringConstructor;
6
5
  status: {
7
- type: PropType<TJoyAvailabilityStatus>;
6
+ type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
8
7
  default: string;
9
8
  };
10
9
  /**
@@ -15,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
15
14
  /** Don't fill it and you'll only have the colored dot */
16
15
  label: StringConstructor;
17
16
  status: {
18
- type: PropType<TJoyAvailabilityStatus>;
17
+ type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
19
18
  default: string;
20
19
  };
21
20
  /**
@@ -23,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
23
22
  */
24
23
  isPartial: BooleanConstructor;
25
24
  }>>, {
26
- status: TJoyAvailabilityStatus;
25
+ status: "AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE";
27
26
  isPartial: boolean;
28
27
  }, {}>;
29
28
  export default _default;
@@ -1,11 +1,13 @@
1
- import { TSizes } from '../../types';
1
+ import { SIZES } from '../../types';
2
2
  import VJoyAvatar from './VJoyAvatar.vue';
3
- export type FreelancerAvatarColors = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'neutral';
4
- export type CompanyAvatarColors = Exclude<FreelancerAvatarColors, 'neutral'>;
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'>;
5
6
  export interface AvatarColors {
6
7
  freelancer: FreelancerAvatarColors | 'transparent';
7
8
  company: CompanyAvatarColors;
8
9
  }
9
10
  /** AVATAR SIZES */
10
- export type TJoyAvatarSizes = Extract<TSizes, 'large' | 'medium' | 'small'>;
11
+ export type TJoyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
12
+ export declare const AVATAR_SIZES: TJoyAvatarSizes[];
11
13
  export type TJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
8
8
  };
9
9
  /** Only visible if you apply a fullName but not any photoUrl. */
10
10
  color: {
11
- type: PropType<import("./JoyAvatar.types").FreelancerAvatarColors | "transparent">;
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 */
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
37
37
  };
38
38
  /** Only visible if you apply a fullName but not any photoUrl. */
39
39
  color: {
40
- type: PropType<import("./JoyAvatar.types").FreelancerAvatarColors | "transparent">;
40
+ type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
41
41
  default: string;
42
42
  };
43
43
  /** Display the initials based on Firstname and Lastname */
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
58
58
  }, {
59
59
  link: boolean;
60
60
  size: TJoyAvatarSizes;
61
- color: import("./JoyAvatar.types").FreelancerAvatarColors | "transparent";
61
+ color: "primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent";
62
62
  profile: "default" | "strategy";
63
63
  }, {}>;
64
64
  export default _default;
@@ -1,23 +1,13 @@
1
1
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
2
  /** Renders a compact list of avatars */
3
- compress: {
4
- type: BooleanConstructor;
5
- default: boolean;
6
- };
3
+ compress: BooleanConstructor;
7
4
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
8
5
  /** Renders a compact list of avatars */
9
- compress: {
10
- type: BooleanConstructor;
11
- default: boolean;
12
- };
6
+ compress: BooleanConstructor;
13
7
  }>>, {
14
8
  compress: boolean;
15
- }, {}>, Readonly<{
16
- /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
17
- default(): any;
18
- }> & {
19
- /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
20
- default(): any;
9
+ }, {}>, {
10
+ default?(_: {}): any;
21
11
  }>;
22
12
  export default _default;
23
13
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1,2 @@
1
- export type TJoyBadgeVariants = 'info' | 'gray' | 'green' | 'orange' | 'red' | 'teal' | 'pink' | 'dark-blue' | 'yellow';
1
+ export declare const VARIANTS: readonly ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"];
2
+ export type TJoyBadgeVariants = (typeof VARIANTS)[number];
@@ -1,5 +1,4 @@
1
1
  import { PropType } from 'vue';
2
- import { TJoyBadgeVariants } from './JoyBadge.types';
3
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
3
  /**
5
4
  * Display the colored bulletpoint on the left
@@ -16,11 +15,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
16
15
  default: string;
17
16
  };
18
17
  /**
19
- * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
18
+ * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
20
19
  */
21
20
  variant: {
22
- type: PropType<TJoyBadgeVariants>;
23
- default: string;
21
+ type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
22
+ validator(variant: "info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow"): boolean;
24
23
  };
25
24
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
26
25
  /**
@@ -38,22 +37,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
38
37
  default: string;
39
38
  };
40
39
  /**
41
- * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
40
+ * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
42
41
  */
43
42
  variant: {
44
- type: PropType<TJoyBadgeVariants>;
45
- default: string;
43
+ type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
44
+ validator(variant: "info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow"): boolean;
46
45
  };
47
46
  }>>, {
48
47
  label: string;
49
48
  bulletpoint: boolean;
50
- variant: TJoyBadgeVariants;
51
- }, {}>, Readonly<{
52
- /** Use the slot as an alternative to "label" property. */
53
- default(): any;
54
- }> & {
55
- /** Use the slot as an alternative to "label" property. */
56
- default(): any;
49
+ }, {}>, {
50
+ default?(_: {}): any;
57
51
  }>;
58
52
  export default _default;
59
53
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
- /** type: `TJoyBadges` */
3
+ /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
4
4
  type: {
5
5
  type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
6
6
  required: true;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
16
16
  default: boolean;
17
17
  };
18
18
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
- /** type: `TJoyBadges` */
19
+ /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
20
20
  type: {
21
21
  type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
22
22
  required: true;
@@ -34,12 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
34
34
  }>>, {
35
35
  superMalterLevel: number;
36
36
  visibleText: boolean;
37
- }, {}>, Readonly<{
38
- /** Override the default given label */
39
- default(): any;
40
- }> & {
41
- /** Override the default given label */
42
- default(): any;
37
+ }, {}>, {
38
+ default?(_: {}): any;
43
39
  }>;
44
40
  export default _default;
45
41
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -2,7 +2,6 @@ declare const _default: import("vue").DefineComponent<{
2
2
  /** If you want to use it properly you need to set fixed width and height */
3
3
  circle: {
4
4
  type: BooleanConstructor;
5
- default: boolean;
6
5
  };
7
6
  /** Size in any unit. Example: 50px, 100%... */
8
7
  width: {
@@ -16,7 +15,6 @@ declare const _default: import("vue").DefineComponent<{
16
15
  /** If you want to use it properly you need to set fixed width and height */
17
16
  circle: {
18
17
  type: BooleanConstructor;
19
- default: boolean;
20
18
  };
21
19
  /** Size in any unit. Example: 50px, 100%... */
22
20
  width: {
@@ -16,20 +16,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
16
16
  default: boolean;
17
17
  };
18
18
  /**
19
- * Mostly for documentation purpose
19
+ * @internal - Mostly for documentation purpose
20
20
  */
21
21
  preventBodyScroll: {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
- /** By default the bottom-sheet is teleported to the end of body tag */
25
+ /** By default the dialog is teleported to the end of body tag */
26
26
  teleport: {
27
27
  type: PropType<string | import("vue").RendererElement | null | undefined>;
28
28
  default: string;
29
29
  };
30
- /**
31
- * Only used for documentation purpose
32
- */
33
30
  frozen: {
34
31
  type: BooleanConstructor;
35
32
  default: boolean;
@@ -52,20 +49,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
52
49
  default: boolean;
53
50
  };
54
51
  /**
55
- * Mostly for documentation purpose
52
+ * @internal - Mostly for documentation purpose
56
53
  */
57
54
  preventBodyScroll: {
58
55
  type: BooleanConstructor;
59
56
  default: boolean;
60
57
  };
61
- /** By default the bottom-sheet is teleported to the end of body tag */
58
+ /** By default the dialog is teleported to the end of body tag */
62
59
  teleport: {
63
60
  type: PropType<string | import("vue").RendererElement | null | undefined>;
64
61
  default: string;
65
62
  };
66
- /**
67
- * Only used for documentation purpose
68
- */
69
63
  frozen: {
70
64
  type: BooleanConstructor;
71
65
  default: boolean;
@@ -78,16 +72,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
78
72
  preventBodyScroll: boolean;
79
73
  teleport: string | import("vue").RendererElement | null | undefined;
80
74
  frozen: boolean;
81
- }, {}>, Readonly<{
82
- /** Main content of the component */
83
- 'bottom-sheet-content': () => any;
84
- /** Put whatever type of CTA you need here */
85
- 'bottom-sheet-cta': () => any;
86
- }> & {
87
- /** Main content of the component */
88
- 'bottom-sheet-content': () => any;
89
- /** Put whatever type of CTA you need here */
90
- 'bottom-sheet-cta': () => any;
75
+ }, {}>, {
76
+ "bottom-sheet-content"?(_: {}): any;
77
+ "bottom-sheet-cta"?(_: {}): any;
91
78
  }>;
92
79
  export default _default;
93
80
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -138,12 +138,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
138
138
  isOpen: import("vue").Ref<boolean>;
139
139
  moveContainer: (translationY: number) => void;
140
140
  }> & {} & import("vue").ComponentCustomProperties & {} & {
141
- $slots: Readonly<{
142
- 'bottom-sheet-content': () => any;
143
- 'bottom-sheet-cta': () => any;
144
- }> & {
145
- 'bottom-sheet-content': () => any;
146
- 'bottom-sheet-cta': () => any;
141
+ $slots: {
142
+ "bottom-sheet-content"?(_: {}): any;
143
+ "bottom-sheet-cta"?(_: {}): any;
147
144
  };
148
145
  }) | null | undefined;
149
146
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -288,12 +285,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
288
285
  isOpen: import("vue").Ref<boolean>;
289
286
  moveContainer: (translationY: number) => void;
290
287
  }> & {} & import("vue").ComponentCustomProperties & {} & {
291
- $slots: Readonly<{
292
- 'bottom-sheet-content': () => any;
293
- 'bottom-sheet-cta': () => any;
294
- }> & {
295
- 'bottom-sheet-content': () => any;
296
- 'bottom-sheet-cta': () => any;
288
+ $slots: {
289
+ "bottom-sheet-content"?(_: {}): any;
290
+ "bottom-sheet-cta"?(_: {}): any;
297
291
  };
298
292
  }) | null | undefined;
299
293
  }>>> & {
@@ -1,4 +1,20 @@
1
- import { TGenericVariants, TPositions, TSizes } from '../../types';
2
- export type TJoyButtonVariants = TGenericVariants | 'main' | 'admin' | 'ghost' | 'white';
3
- export type TJoyButtonSizes = Exclude<TSizes, 'xlarge'>;
4
- export type TJoyButtonIconPositions = TPositions;
1
+ import { GENERIC_VARIANTS, SIZES, POSITIONS } from '../../types';
2
+ declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost", "white"];
3
+ export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
4
+ /**
5
+ * @deprecated - Use TJoyButtonVariants instead
6
+ */
7
+ export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
8
+ export type TJoyButtonVariants = (typeof BUTTON_VARIANTS)[number];
9
+ /**
10
+ * @deprecated - Use TJoyButtonSizes instead
11
+ */
12
+ export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
13
+ export type TJoyButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
14
+ export declare const BUTTON_SIZES: TJoyButtonSizes[];
15
+ /**
16
+ * @deprecated - Use TJoyButtonIconPositions instead
17
+ */
18
+ export type ButtonIconPositions = (typeof POSITIONS)[number];
19
+ export type TJoyButtonIconPositions = (typeof POSITIONS)[number];
20
+ export {};
@@ -1,4 +1,4 @@
1
- import { TJoyButtonSizes, TJoyButtonVariants } from './JoyButton.types';
1
+ import { TJoyButtonSizes } from './JoyButton.types';
2
2
  import { PropType } from 'vue';
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
4
  /**
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
15
15
  };
16
16
  /** Left to the text or right */
17
17
  iconPosition: {
18
- type: PropType<import("../../types").TPositions>;
18
+ type: PropType<"left" | "right">;
19
19
  default: string;
20
20
  };
21
21
  /**
@@ -31,13 +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<TJoyButtonVariants>;
34
+ type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
35
35
  default: string;
36
+ validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
36
37
  };
37
38
  /** Button or Link size */
38
39
  size: {
39
40
  type: PropType<TJoyButtonSizes>;
40
41
  default: string;
42
+ validator(variant: TJoyButtonSizes): boolean;
41
43
  };
42
44
  }, {
43
45
  randomId: import("vue").Ref<string | undefined>;
@@ -56,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
56
58
  };
57
59
  /** Left to the text or right */
58
60
  iconPosition: {
59
- type: PropType<import("../../types").TPositions>;
61
+ type: PropType<"left" | "right">;
60
62
  default: string;
61
63
  };
62
64
  /**
@@ -72,26 +74,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
72
74
  };
73
75
  /** Button or Link color variant */
74
76
  variant: {
75
- type: PropType<TJoyButtonVariants>;
77
+ type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
76
78
  default: string;
79
+ validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
77
80
  };
78
81
  /** Button or Link size */
79
82
  size: {
80
83
  type: PropType<TJoyButtonSizes>;
81
84
  default: string;
85
+ validator(variant: TJoyButtonSizes): boolean;
82
86
  };
83
87
  }>>, {
84
88
  circle: boolean;
85
89
  size: TJoyButtonSizes;
86
90
  loading: boolean;
87
- variant: TJoyButtonVariants;
88
- iconPosition: import("../../types").TPositions;
89
- }, {}>, Readonly<{
90
- /** Default slot for button text */
91
- default(): any;
92
- }> & {
93
- /** Default slot for button text */
94
- default(): any;
91
+ variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost";
92
+ iconPosition: "left" | "right";
93
+ }, {}>, {
94
+ default?(_: {}): any;
95
95
  }>;
96
96
  export default _default;
97
97
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -116,16 +116,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
116
116
  checked: boolean;
117
117
  invalid: boolean;
118
118
  value: string;
119
- }, {}>, Readonly<{
120
- /** Default slot for checkbox label. You can as well use the label property. */
121
- default(): any;
122
- /** For additional content */
123
- 'checkbox-content': () => any;
124
- }> & {
125
- /** Default slot for checkbox label. You can as well use the label property. */
126
- default(): any;
127
- /** For additional content */
128
- 'checkbox-content': () => any;
119
+ }, {}>, {
120
+ default?(_: {}): any;
121
+ "checkbox-content"?(_: {}): any;
129
122
  }>;
130
123
  export default _default;
131
124
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -4,18 +4,16 @@ declare function isItem(child: any): boolean;
4
4
  declare function isOpen(item: typeof VJoyCollapseItem): any;
5
5
  declare function getValForModel(item: typeof VJoyCollapseItem): any;
6
6
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
7
- /** Open one item at a time. Works with modelValue */
8
7
  accordion: {
9
8
  type: BooleanConstructor;
10
9
  default: boolean;
11
10
  };
12
- /** Use v-model to handle */
13
11
  modelValue: {
14
12
  type: PropType<string[]>;
15
13
  default(): never[];
16
14
  };
17
15
  /**
18
- * Experimental: outline mode may be the default one in near future
16
+ * Experimental: outline mode may be the default one in near future
19
17
  */
20
18
  mode: {
21
19
  type: PropType<"default" | "outline">;
@@ -172,10 +170,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
172
170
  mode: "default" | "outline";
173
171
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
174
172
  $slots: Readonly<{
175
- default(): any;
173
+ default: () => any;
176
174
  'collapse-header-right'?: (() => any) | undefined;
177
175
  }> & {
178
- default(): any;
176
+ default: () => any;
179
177
  'collapse-header-right'?: (() => any) | undefined;
180
178
  };
181
179
  }))[]>;
@@ -183,18 +181,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
183
181
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
184
182
  "update:modelValue": (model: string[]) => void;
185
183
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
186
- /** Open one item at a time. Works with modelValue */
187
184
  accordion: {
188
185
  type: BooleanConstructor;
189
186
  default: boolean;
190
187
  };
191
- /** Use v-model to handle */
192
188
  modelValue: {
193
189
  type: PropType<string[]>;
194
190
  default(): never[];
195
191
  };
196
192
  /**
197
- * Experimental: outline mode may be the default one in near future
193
+ * Experimental: outline mode may be the default one in near future
198
194
  */
199
195
  mode: {
200
196
  type: PropType<"default" | "outline">;
@@ -207,10 +203,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
207
203
  accordion: boolean;
208
204
  modelValue: string[];
209
205
  }, {}>, Readonly<{
210
- /** Inject your VJoyCollapseItem here */
211
206
  default: () => any;
212
207
  }> & {
213
- /** Inject your VJoyCollapseItem here */
214
208
  default: () => any;
215
209
  }>;
216
210
  export default _default;
@@ -1,7 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  declare function onToggle(): void;
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
- /** Title of the collapse item */
5
4
  header: {
6
5
  type: StringConstructor;
7
6
  required: true;
@@ -10,7 +9,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
9
  type: BooleanConstructor;
11
10
  default: boolean;
12
11
  };
13
- /** Pick the icon you want to display in front of the header/title */
14
12
  summaryIcon: {
15
13
  type: PropType<import("@maltjoy/icons").JoyIconsId>;
16
14
  };
@@ -18,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
18
16
  type: StringConstructor;
19
17
  };
20
18
  /**
21
- * Experimental: outline mode may be the default one in near future
19
+ * Experimental: outline mode may be the default one in near future
22
20
  */
23
21
  mode: {
24
22
  type: PropType<"default" | "outline">;
@@ -38,7 +36,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
38
36
  "collapse-item:open": () => void;
39
37
  "collapse-item:close": () => void;
40
38
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
41
- /** Title of the collapse item */
42
39
  header: {
43
40
  type: StringConstructor;
44
41
  required: true;
@@ -47,7 +44,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
47
44
  type: BooleanConstructor;
48
45
  default: boolean;
49
46
  };
50
- /** Pick the icon you want to display in front of the header/title */
51
47
  summaryIcon: {
52
48
  type: PropType<import("@maltjoy/icons").JoyIconsId>;
53
49
  };
@@ -55,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
55
51
  type: StringConstructor;
56
52
  };
57
53
  /**
58
- * Experimental: outline mode may be the default one in near future
54
+ * Experimental: outline mode may be the default one in near future
59
55
  */
60
56
  mode: {
61
57
  type: PropType<"default" | "outline">;
@@ -68,14 +64,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
68
64
  open: boolean;
69
65
  mode: "default" | "outline";
70
66
  }, {}>, Readonly<{
71
- /** Main content, hidden by default */
72
- default(): any;
73
- /** Inject the content you need on the right side, between the header/title and the arrow */
67
+ default: () => any;
74
68
  'collapse-header-right'?: (() => any) | undefined;
75
69
  }> & {
76
- /** Main content, hidden by default */
77
- default(): any;
78
- /** Inject the content you need on the right side, between the header/title and the arrow */
70
+ default: () => any;
79
71
  'collapse-header-right'?: (() => any) | undefined;
80
72
  }>;
81
73
  export default _default;
@@ -1,2 +1,3 @@
1
- import { TSizes } from '../../types';
2
- export type TJoyCompanyAvatarSizes = Extract<TSizes, 'large' | 'medium' | 'small'>;
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,22 +1,16 @@
1
1
  import { PropType } from 'vue';
2
2
  import { TJoyCompanyAvatarSizes } from './JoyCompanyAvatar.types';
3
3
  declare const _default: import("vue").DefineComponent<{
4
- /** Inject the URL of your image. Fallback will be the icon */
5
4
  imgSrc: StringConstructor;
6
- /** Mostly for accessibility, use this to add an alternative text. */
7
5
  imgAlt: StringConstructor;
8
- /** Used as "title" attribute for the img. */
9
6
  companyName: StringConstructor;
10
7
  size: {
11
8
  type: PropType<TJoyCompanyAvatarSizes>;
12
9
  default: string;
13
10
  };
14
11
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
- /** Inject the URL of your image. Fallback will be the icon */
16
12
  imgSrc: StringConstructor;
17
- /** Mostly for accessibility, use this to add an alternative text. */
18
13
  imgAlt: StringConstructor;
19
- /** Used as "title" attribute for the img. */
20
14
  companyName: StringConstructor;
21
15
  size: {
22
16
  type: PropType<TJoyCompanyAvatarSizes>;