@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
@@ -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
- }, {}>, Readonly<{
109
- /** Use it to customize the innerHTML of the <li> item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
110
- label?: ((option: Option) => any) | undefined;
111
- /** Header that will be injected in the VJoyDropdownList */
112
- 'dropdown-list-header'?: (() => any) | undefined;
113
- /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
114
- 'dropdown-list-items'?: (() => any) | undefined;
115
- /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
116
- 'dropdown-list-item'?: (() => any) | undefined;
117
- /** Footer that will be injected in the VJoyDropdownList */
118
- 'dropdown-list-footer'?: (() => any) | undefined;
119
- }> & {
120
- /** Use it to customize the innerHTML of the <li> item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
121
- label?: ((option: Option) => any) | undefined;
122
- /** Header that will be injected in the VJoyDropdownList */
123
- 'dropdown-list-header'?: (() => any) | undefined;
124
- /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
125
- 'dropdown-list-items'?: (() => any) | undefined;
126
- /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
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
- }>>, {}, {}>, Readonly<{
8
- /** Use it to inject VJoyFilterBarButton or whatever you need */
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
- }, {}>, Readonly<{
32
- /** Free slot if you need more than the label property. */
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
- }, {}>, Readonly<{
20
- /** If you need a list of error, use this slot with a simple ul/li */
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, TSizes } from '../../types';
2
- export type TJoyFunnelLayoutWidths = Extract<TSizes, 'medium' | 'large'>;
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 { TLevels } from '../../types';
2
- export type TJoyHighlightLevels = TLevels;
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<import("../../types").TLevels>;
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<import("../../types").TLevels>;
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: import("../../types").TLevels;
51
+ level: "neutral" | "success" | "info" | "warning" | "error";
54
52
  accent: boolean;
55
53
  displayIcon: boolean;
56
- }, {}>, Readonly<{
57
- /** Main content of the highlight */
58
- default(): any;
59
- /** Use it if you want to customize the default icon associated with the highlight. You can inject whatever you want here */
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
- import { TSizes, TLevels } from '../../types';
3
- export type TJoyIconsColors = TLevels | 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'brand-primary' | 'brand-secondary' | 'white';
4
- export type TJoyIconSizes = TSizes;
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<TJoyIconsColors>;
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<import("../../types").TSizes>;
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<TJoyIconsColors>;
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<import("../../types").TSizes>;
51
+ type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
55
52
  default: string;
56
53
  };
57
54
  }>>, {
58
- size: import("../../types").TSizes;
59
- color: TJoyIconsColors;
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<TJoyIndicatorsVariants>;
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<TJoyIndicatorsVariants>;
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: TJoyIndicatorsVariants;
41
+ variant: "default" | "light";
43
42
  selected: boolean;
44
43
  }, {}>;
45
44
  export default _default;
@@ -1 +1,2 @@
1
- export type TJoyIndicatorsVariants = 'default' | 'light';
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 '../JoyIndicator/VJoyIndicator.vue';
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<TJoyIndicatorsVariants>;
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<TJoyIndicatorsVariants>;
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<TJoyIndicatorsVariants>;
39
+ type: PropType<"default" | "light">;
41
40
  default: string;
42
41
  };
43
42
  ariaLabel: {
44
43
  type: StringConstructor;
45
44
  };
46
45
  }>>, {
47
- variant: TJoyIndicatorsVariants;
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<TJoyIndicatorsVariants>;
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 { TSizes } from '../../types';
2
- export type TJoyInputSizes = Extract<TSizes, 'small' | 'medium' | 'large'>;
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<TJoyLabelSizes>;
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<TJoyLabelSizes>;
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: TJoyLabelSizes;
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
- }, {}>, Readonly<{
166
- /** Default slot to display a label on top of the element. You can use label property as well */
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
- import { TSizes } from '@/types';
2
- export type TJoyLabelSizes = Extract<TSizes, 'small' | 'medium' | 'large'>;
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<TJoyLabelSizes>;
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<TJoyLabelSizes>;
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: TJoyLabelSizes;
39
+ size: "small" | "large" | "medium";
39
40
  required: boolean;
40
41
  tagName: "label" | "legend";
41
- }, {}>, Readonly<{
42
- /** Label text here */
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 type TJoyLinkColors = 'teal' | 'white';
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<TJoyLinkColors>;
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<TJoyLinkColors>;
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: TJoyLinkColors;
27
- }, {}>, Readonly<{
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
- }, {}>, Readonly<{
46
- /** Customize the inner content of each menu item */
47
- 'menu-item': () => any;
48
- }> & {
49
- /** Customize the inner content of each menu item */
50
- 'menu-item': () => any;
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 & {