@solfacil/girassol 0.3.0 → 0.3.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "authors": [
     {
       "name": "Kevin Martin",
@@ -59,6 +59,8 @@
   "dependencies": {
     "@vueuse/core": "^9.1.0",
     "gluegun": "latest",
+    "maska": "^1.5.0",
+    "vee-validate": "^4.6.6",
     "vue": "^3.2.37"
   },
   "devDependencies": {
@@ -67,7 +69,7 @@
     "@babel/preset-env": "^7.18.10",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
-    "@iconify/json": "^2.1.89",
+    "@iconify/json": "^2.1.101",
     "@storybook/addon-a11y": "^6.5.10",
     "@storybook/addon-actions": "^6.5.10",
     "@storybook/addon-essentials": "^6.5.10",

package/theme/solfacil/colors.ts

@@ -50,7 +50,7 @@ export default {
       dark: '#664800',
     },
     informative: {
-      pure: '#1976D2',
+      pure: '#176EC4',
       light: '#D1E4F6',
       medium: '#8CBAE8',
       dark: '#0A2F54',

package/windi.config.ts

@@ -4,9 +4,9 @@ import typography from 'windicss/plugin/typography'
 
 import { borders, colors, effects, misc, screens, spacing, typography as typos, utilities } from './theme/solfacil/'
 
-import { sizings } from './theme/solfacil/spacing'
+// import { sizings } from './theme/solfacil/spacing'
 
-import { safelist } from './theme/safelist'
+// import { safelist } from './theme/safelist'
 
 export default defineConfig({
   darkMode: 'class',
@@ -15,15 +15,15 @@ export default defineConfig({
     include: ['index.html', 'src/**/*', '*.mdx', '*.vue'],
   },
 
-  safelist: [
-    ...safelist({
-      activeSafeList: true,
-      data: {
-        colors,
-        spacing: sizings,
-      },
-    }),
-  ],
+  // safelist: [
+  //   ...safelist({
+  //     activeSafeList: true,
+  //     data: {
+  //       colors,
+  //       spacing: sizings,
+  //     },
+  //   }),
+  // ],
 
   plugins: [
     typography(),

package/dist/README.md.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/cli/readme.md.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/theme/safelist.d.ts

@@ -1,14 +0,0 @@
-declare type Data = {
-    colors: Record<string, any>;
-    spacing: Record<string, any>;
-};
-declare type Args = {
-    activeSafeList: boolean;
-    data: Data;
-};
-export declare function safelist({ activeSafeList, data }: Args): string[];
-export declare function safelistColors(colors: Data['colors']): string[];
-export declare function safelistElementColors(colorsNames: string[]): string[];
-export declare function safelistSpacing(spacing: Data['spacing']): string[];
-export declare function range(size: number, startAt?: number): number[];
-export {};

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

@@ -1,2 +0,0 @@
-import SolDropdown from './Dropdown.vue';
-export { SolDropdown, };

package/dist/types/components/forms/input/Input.vue.d.ts

@@ -1,93 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            modelValue: string | number;
-            invert?: boolean | undefined;
-            error?: boolean | undefined;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue", event: string) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            modelValue: string | number;
-            invert?: boolean | undefined;
-            error?: boolean | undefined;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-        }, {
-            input: import("vue").Ref<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (event: string) => void;
-        }, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-        id: string;
-        modelValue: string | number;
-        invert?: boolean | undefined;
-        error?: boolean | undefined;
-    }>>> & {
-        "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        input: import("vue").Ref<string>;
-    }> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    modelValue: string | number;
-    invert?: boolean | undefined;
-    error?: boolean | undefined;
-}>>> & {
-    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-}, {
-    input: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (event: string) => void;
-}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/types/components/forms/input/index.d.ts

@@ -1,2 +0,0 @@
-import SolInput from './Input.vue';
-export { SolInput, };

package/dist/types/components/forms/textarea/index.d.ts

@@ -1,2 +0,0 @@
-import SolTextarea from './Textarea.vue';
-export { SolTextarea, };

package/dist/types/components/forms/textfield/Textfield.vue.d.ts

@@ -1,129 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            modelValue: string | number;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            class?: string | undefined;
-            modelValue?: string | number | undefined;
-            label?: string | undefined;
-            hint?: string | undefined;
-            invert?: boolean | undefined;
-            error?: string | undefined;
-        }>, {
-            modelValue: string;
-            label: string;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "modelValue">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue", event: string | number) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            class?: string | undefined;
-            modelValue?: string | number | undefined;
-            label?: string | undefined;
-            hint?: string | undefined;
-            invert?: boolean | undefined;
-            error?: string | undefined;
-        }>, {
-            modelValue: string;
-            label: string;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (event: string | number) => void;
-        }, string, {
-            label: string;
-            modelValue: string | number;
-        }> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-        id: string;
-        class?: string | undefined;
-        modelValue?: string | number | undefined;
-        label?: string | undefined;
-        hint?: string | undefined;
-        invert?: boolean | undefined;
-        error?: string | undefined;
-    }>, {
-        modelValue: string;
-        label: string;
-    }>>> & {
-        "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    class?: string | undefined;
-    modelValue?: string | number | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    invert?: boolean | undefined;
-    error?: string | undefined;
-}>, {
-    modelValue: string;
-    label: string;
-}>>> & {
-    "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (event: string | number) => void;
-}, string, {
-    label: string;
-    modelValue: string | number;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        label: (_: {}) => any;
-        default: (_: {}) => any;
-        icon: (_: {}) => any;
-    };
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/dist/types/components/forms/textfield/TextfieldPassword.vue.d.ts

@@ -1,93 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            id: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            label?: string | undefined;
-        }>, {
-            id: string;
-            label: string;
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "id">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            label?: string | undefined;
-        }>, {
-            id: string;
-            label: string;
-        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            label: string;
-            id: string;
-        }> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-        id: string;
-        label?: string | undefined;
-    }>, {
-        id: string;
-        label: string;
-    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    label?: string | undefined;
-}>, {
-    id: string;
-    label: string;
-}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    label: string;
-    id: string;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/dist/types/components/forms/textfield/index.d.ts

@@ -1,3 +0,0 @@
-import SolTextfield from './Textfield.vue';
-import SolTextfieldPassword from './TextfieldPassword.vue';
-export { SolTextfield, SolTextfieldPassword, };