@maltjoy/core-vue 1.0.0-beta.2 → 1.0.0-beta.4

package/README.md

@@ -15,3 +15,5 @@ Then import the CSS :
 ```css
 @use '@maltjoy/themes/dist/themes/default.css';
 ```
+
+

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

@@ -0,0 +1,2 @@
+export declare const VARIANTS: readonly ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink", "dark-blue", "yellow"];
+export type VariantsTypes = (typeof VARIANTS)[number];

package/dist/components/JoyBadge/VJoyBadge.vue.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+import { VariantsTypes } from './JoyBadge.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Use label or slot in order to inject the text.
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
+     */
+    variant: {
+        type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "turquoise" | "dark-blue" | "pink" | "yellow">;
+        validator(variant: VariantsTypes): boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Use label or slot in order to inject the text.
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
+     */
+    variant: {
+        type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "turquoise" | "dark-blue" | "pink" | "yellow">;
+        validator(variant: VariantsTypes): boolean;
+    };
+}>>, {
+    label: string;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -58,8 +58,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     circle: boolean;
-    loading: boolean;
     variant: "main" | "ghost" | "secondary" | "primary" | "admin";
+    loading: boolean;
     size: ButtonSizes;
 }>, {
     default: (_: {}) => any;

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

@@ -4,6 +4,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Internal purpose in order to prevent double focus mark on selectable-item
+     * @internal
+     */
+    displayFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Use it to replace the default slot */
     label: {
         type: StringConstructor;
@@ -37,12 +45,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isIndeterminate: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (value: boolean) => void;
+} & {
+    focus: () => void;
+} & {
+    blur: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
     indeterminate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Internal purpose in order to prevent double focus mark on selectable-item
+     * @internal
+     */
+    displayFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Use it to replace the default slot */
     label: {
         type: StringConstructor;
@@ -73,11 +93,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
     checked: boolean;
     disabled: boolean;
     indeterminate: boolean;
+    displayFocus: boolean;
     value: string;
     required: boolean;
 }>, {

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

@@ -1,4 +1,4 @@
 export declare const DROPDOWN_DIRECTIONS: readonly ["up", "down"];
-export type DropdownDirections = typeof DROPDOWN_DIRECTIONS[number];
+export type DropdownDirections = (typeof DROPDOWN_DIRECTIONS)[number];
 export declare const DROPDOWN_JUSTIFY: readonly ["left", "right"];
-export type DropdownJustify = typeof DROPDOWN_JUSTIFY[number];
+export type DropdownJustify = (typeof DROPDOWN_JUSTIFY)[number];

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

@@ -1,3 +1,3 @@
-import { SIZES } from "@/types";
+import { SIZES } from '@/types';
 export type DropdownListSizes = Extract<(typeof SIZES)[number], 'small' | 'medium'>;
 export declare const DROPDOWNLIST_SIZES: DropdownListSizes[];

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: ("error" | "neutral" | "success" | "info" | "warning")[];
+export declare const HIGHLIGHT_LEVELS: ("info" | "error" | "neutral" | "success" | "warning")[];

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

@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     level: {
-        type: PropType<"error" | "neutral" | "success" | "info" | "warning">;
+        type: PropType<"info" | "error" | "neutral" | "success" | "warning">;
         default: string;
         validator(level: HighlightLevels): boolean;
     };
@@ -28,14 +28,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     level: {
-        type: PropType<"error" | "neutral" | "success" | "info" | "warning">;
+        type: PropType<"info" | "error" | "neutral" | "success" | "warning">;
         default: string;
         validator(level: HighlightLevels): boolean;
     };
 }>>, {
     accent: boolean;
     displayIcon: boolean;
-    level: "error" | "neutral" | "success" | "info" | "warning";
+    level: "info" | "error" | "neutral" | "success" | "warning";
 }>, {
     'highlight-title': (_: {}) => any;
     default: (_: {}) => any;

package/dist/components/JoyPanel/VJoyPanel.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     padding: {
         type: PropType<PanelSizes>;
-        defaut: string;
+        default: string;
         validator(size: PanelSizes): boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -23,11 +23,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     padding: {
         type: PropType<PanelSizes>;
-        defaut: string;
+        default: string;
         validator(size: PanelSizes): boolean;
     };
 }>>, {
     noMargin: boolean;
+    padding: PanelSizes;
 }>, {
     'panel-title': (_: {}) => any;
     'panel-title-action': (_: {}) => any;

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

@@ -16,6 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"nowrap" | "wrap">;
         default: string;
     };
+    /** Apply a flex-grow to children in order to stretch them all along horizontal space */
+    itemStretch: {
+        type: BooleanConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     justify: {
         type: PropType<"flex-end" | "center" | "space-between" | "flex-start">;
@@ -33,11 +37,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"nowrap" | "wrap">;
         default: string;
     };
+    /** Apply a flex-grow to children in order to stretch them all along horizontal space */
+    itemStretch: {
+        type: BooleanConstructor;
+    };
 }>>, {
     align: "flex-end" | "stretch" | "center" | "flex-start";
     direction: "column" | "row";
     justify: "flex-end" | "center" | "space-between" | "flex-start";
     wrap: "nowrap" | "wrap";
+    itemStretch: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+import VJoyBadge from '@/components/JoyBadge/VJoyBadge.vue';
 import VJoyButton from '@/components/JoyButton/VJoyButton.vue';
 import VJoyCheckbox from '@/components/JoyCheckbox/VJoyCheckbox.vue';
 import VJoyCounter from '@/components/JoyCounter/VJoyCounter.vue';
@@ -21,4 +22,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 { 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, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };