@maltjoy/core-vue 3.4.4 → 3.5.0

package/dist/components/JoyButton/JoyButton.types.d.ts

@@ -1,6 +1,6 @@
 import { GENERIC_VARIANTS, SIZES, POSITIONS } from '@/types';
 /** BUTTON VARIANTS/COLORS */
-declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost"];
+declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost", "white"];
 export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
 export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
 /** BUTTON SIZES */

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -10,7 +10,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /** Name of the icon, placed before the text */
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     /** Left to the text or right */
     iconPosition: {
         type: PropType<"left" | "right">;
@@ -29,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "ghost" | "secondary" | "primary" | "admin">;
+        type: PropType<"main" | "ghost" | "primary" | "secondary" | "white" | "admin">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
@@ -49,7 +51,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /** Name of the icon, placed before the text */
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     /** Left to the text or right */
     iconPosition: {
         type: PropType<"left" | "right">;
@@ -68,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "ghost" | "secondary" | "primary" | "admin">;
+        type: PropType<"main" | "ghost" | "primary" | "secondary" | "white" | "admin">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
@@ -80,10 +84,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     circle: boolean;
-    variant: "main" | "ghost" | "secondary" | "primary" | "admin";
+    variant: "main" | "ghost" | "primary" | "secondary" | "white" | "admin";
+    size: ButtonSizes;
     iconPosition: "left" | "right";
     loading: boolean;
-    size: ButtonSizes;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts

@@ -99,10 +99,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     value: string;
     checked: boolean;
+    required: boolean;
     disabled: boolean;
     indeterminate: boolean;
     displayFocus: boolean;
-    required: boolean;
 }>, {
     default: (_: {}) => any;
     'checkbox-content': (_: {}) => any;

package/dist/components/JoyCounter/VJoyCounter.vue.d.ts

@@ -192,8 +192,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     modelValue: number;
     min: number;
     step: number;

package/dist/components/JoyHighlight/JoyHighlight.types.d.ts

@@ -1,3 +1,3 @@
 import { LEVELS } from '@/types';
 export type HighlightLevels = (typeof LEVELS)[number];
-export declare const HIGHLIGHT_LEVELS: ("info" | "error" | "neutral" | "success" | "warning")[];
+export declare const HIGHLIGHT_LEVELS: ("info" | "error" | "warning" | "neutral" | "success")[];

package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts

@@ -9,14 +9,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     level: {
-        type: PropType<"info" | "error" | "neutral" | "success" | "warning">;
+        type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
         default: string;
         validator(level: HighlightLevels): boolean;
     };
 }, {
-    getRelevantIcon: import("vue").ComputedRef<string>;
+    getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     accent: {
         type: BooleanConstructor;
@@ -26,16 +28,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     level: {
-        type: PropType<"info" | "error" | "neutral" | "success" | "warning">;
+        type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
         default: string;
         validator(level: HighlightLevels): boolean;
     };
 }>>, {
     accent: boolean;
     displayIcon: boolean;
-    level: "info" | "error" | "neutral" | "success" | "warning";
+    level: "info" | "error" | "warning" | "neutral" | "success";
 }>, {
     'highlight-title': (_: {}) => any;
     default: (_: {}) => any;

package/dist/components/JoyIcon/JoyIcon.types.d.ts

@@ -0,0 +1,6 @@
+import { JoyIconsId } from '@maltjoy/icons/dist/joy-icons';
+export declare const JOY_ICONS_COLORS: readonly [...("info" | "error" | "warning" | "neutral" | "success")[], "primary", "secondary", "tertiary", "quaternary", "brand-primary", "brand-secondary", "white"];
+export type JoyIconsColors = (typeof JOY_ICONS_COLORS)[number];
+export declare const JOY_ICONS_SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
+export type JoyIconSizes = (typeof JOY_ICONS_SIZES)[number];
+export type JoyIconsNames = JoyIconsId;

package/dist/components/JoyIcon/VJoyIcon.vue.d.ts

@@ -0,0 +1,32 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        required: true;
+    };
+    color: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        required: true;
+    };
+    color: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge">;
+        default: string;
+    };
+}>>, {
+    color: "primary" | "secondary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary";
+    size: "small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge";
+}>;
+export default _default;

package/dist/components/JoyInput/VJoyInput.vue.d.ts

@@ -43,7 +43,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /** Add a JoyIcon / joy-icon with given name on left-side. */
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     size: {
         type: PropType<InputSizes>;
         default: string;
@@ -97,7 +99,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /** Add a JoyIcon / joy-icon with given name on left-side. */
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     size: {
         type: PropType<InputSizes>;
         default: string;
@@ -110,8 +114,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     size: InputSizes;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
     labelSize: "small" | "medium" | "large";
     requiredMark: boolean;

package/dist/components/JoyLink/VJoyLink.vue.d.ts

@@ -10,7 +10,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(color: LinkColors): boolean;
     };
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     text: StringConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     href: {
@@ -22,7 +24,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(color: LinkColors): boolean;
     };
-    icon: StringConstructor;
+    icon: {
+        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    };
     text: StringConstructor;
 }>>, {
     color: "teal" | "white";

package/dist/components/JoyRadio/VJoyRadio.vue.d.ts

@@ -67,8 +67,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
     theme: "default" | "outline";
 }>, {

package/dist/components/JoySelect/VJoySelect.vue.d.ts

@@ -70,8 +70,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     modelValue: string;
     invalid: boolean;
     labelSize: "small" | "medium" | "large";

package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts

@@ -68,8 +68,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
 }, {
     checked: boolean;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     multiple: boolean;
     invalid: boolean;
 }>, {

package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts

@@ -96,8 +96,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     modelValue: string;
     invalid: boolean;
     labelSize: "small" | "medium" | "large";

package/dist/components/JoyToggle/VJoyToggle.vue.d.ts

@@ -58,8 +58,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     modelValue: boolean;
     invalid: boolean;
 }>, {

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ import VJoyDropdown from '@/components/JoyDropdown/VJoyDropdown.vue';
 import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue';
 import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
 import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
+import VJoyIcon from '@/components/JoyIcon/VJoyIcon.vue';
 import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
 import VJoyLabel from '@/components/JoyLabel/VJoyLabel.vue';
 import VJoyLink from '@/components/JoyLink/VJoyLink.vue';
@@ -22,4 +23,4 @@ import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
 import VJoyTemplate from '@/components/JoyTemplate/VJoyTemplate.vue';
 import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
 import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
-export { VJoyBadge, VJoyButton, VJoyCheckbox, VJoyCounter, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };
+export { VJoyBadge, VJoyButton, VJoyCheckbox, VJoyCounter, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };

package/dist/helpers/index.d.ts

@@ -1,2 +1,3 @@
+import { JoyIconsNames } from '@/components/JoyIcon/JoyIcon.types';
 import { LEVELS } from '../types';
-export declare function iconLevel(level: (typeof LEVELS)[number]): string;
+export declare function iconLevel(level: (typeof LEVELS)[number]): JoyIconsNames;