@maltjoy/core-vue 3.9.1 → 3.9.3

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

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

package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts

@@ -86,6 +86,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    coords: {
+        position?: string | undefined;
+        zIndex?: string | undefined;
+        left: string;
+        top: string;
+        right: string;
+    };
     showDropdownList: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => void;

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

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     icon: {
-        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
     level: {
         type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator(level: HighlightLevels): boolean;
     };
 }, {
-    getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+    getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/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;
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     icon: {
-        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
     level: {
         type: PropType<"info" | "error" | "warning" | "neutral" | "success">;

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

@@ -1,4 +1,4 @@
-import { JoyIconsId } from '@maltjoy/icons/dist/joy-icons';
+import type { JoyIconsId } from '@maltjoy/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"];

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     name: {
-        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
         required: true;
     };
     color: {
-        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
+        type: PropType<"secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
         default: string;
     };
     size: {
@@ -14,11 +14,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, 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>;
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
         required: true;
     };
     color: {
-        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
+        type: PropType<"secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
         default: string;
     };
     size: {
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    color: "primary" | "secondary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary";
+    color: "secondary" | "primary" | "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

@@ -44,14 +44,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Add a JoyIcon / joy-icon with given name on left-side. */
     icon: {
-        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
     size: {
         type: PropType<InputSizes>;
         default: string;
         validator(size: InputSizes): boolean;
     };
-    type: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Adds a legend like symbol on the right of the component. Made for number based values */
     unit: StringConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -98,18 +101,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Add a JoyIcon / joy-icon with given name on left-side. */
     icon: {
-        type: PropType<import("@maltjoy/icons/dist/joy-icons").JoyIconsId>;
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
     size: {
         type: PropType<InputSizes>;
         default: string;
         validator(size: InputSizes): boolean;
     };
-    type: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Adds a legend like symbol on the right of the component. Made for number based values */
     unit: StringConstructor;
 }>>, {
     disabled: boolean;
+    type: string;
     size: InputSizes;
     required: boolean;
     invalid: boolean;

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

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

package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts

@@ -60,10 +60,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    wrap: "nowrap" | "wrap";
     align: "flex-end" | "stretch" | "center" | "flex-start";
     direction: "column" | "row";
     justify: "flex-end" | "center" | "space-between" | "flex-start";
-    wrap: "nowrap" | "wrap";
     itemStretch: boolean;
     noMargin: boolean;
 }, {}>, {

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

@@ -0,0 +1,20 @@
+export * from './JoyBadge/JoyBadge.types';
+export * from './JoyButton/JoyButton.types';
+export * from './JoyDropdown/JoyDropdown.types';
+export * from './JoyDropdownList/JoyDropdownList.types';
+export * from './JoyHighlight/JoyHighlight.types';
+export * from './JoyHighlight/JoyHighlight.types';
+export * from './JoyIcon/JoyIcon.types';
+export * from './JoyInput/JoyInput.types';
+export * from './JoyLabel/JoyLabel.types';
+export * from './JoyLink/JoyLink.types';
+export * from './JoyLink/JoyLink.types';
+export * from './JoyPanel/JoyPanel.types';
+export * from './JoyRadio/JoyRadio.types';
+export * from './JoyRadioGroup/JoyRadioGroup.types';
+export * from './JoyScreenLoader/VJoyScreenLoader.types';
+export * from './JoySelect/JoySelect.types';
+export * from './JoySpinner/JoySpinner.types';
+export * from './JoyTemplate/JoyTemplate.types';
+export * from './JoyTemplate/JoyTemplate.types';
+export * from './JoyWrapper/JoyWrapper.types';

package/dist/composables/helpers.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+/**
+ * Check if your current Node is a child of an Overlay component (dialog, drawer...)
+ *
+ * @param node - Vue ref of the node you want to check.
+ */
+export declare function useCheckIfParentIsOverlay(node: Ref): {
+    isInOverlay: Ref<boolean>;
+};

package/dist/composables/index.d.ts

@@ -1,2 +1,3 @@
-export * from './props';
 export * from './events';
+export * from './helpers';
+export * from './props';

package/dist/helpers/index.d.ts

@@ -1,3 +1,5 @@
 import { JoyIconsNames } from '@/components/JoyIcon/JoyIcon.types';
+import { Ref } from 'vue';
 import { LEVELS } from '../types';
 export declare function iconLevel(level: (typeof LEVELS)[number]): JoyIconsNames;
+export declare function focusOnFirstFocusableFormField(root: Ref): any;