@solfacil/girassol 0.2.4 → 0.2.5

package/dist/types/index.d.ts

@@ -10,6 +10,8 @@ import { SolDropdown } from './components/dropdown/';
 import { SolSelect } from './components/forms/select';
 import { SolChip } from './components/informations/chip';
 import { SolAccordion } from './components/accordion/';
+import { SolMenu } from './components/menu/';
+import { SolMenuItemLink } from './components/menu-item';
 import 'virtual:windi-base.css';
 import 'virtual:windi-components.css';
 import 'virtual:windi-utilities.css';
@@ -2854,6 +2856,256 @@ export declare const components: {
             default: (_: {}) => any;
         };
     });
+    SolMenu: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                label: string;
+                position: ("top" | "bottom") | ("right" | "left");
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                position: {
+                    type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+                } & {
+                    default: string;
+                };
+            }>> & {
+                onChange?: ((value: string) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "position">;
+            $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: "change", value: string) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                position: {
+                    type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+                } & {
+                    default: string;
+                };
+            }>> & {
+                onChange?: ((value: string) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                change: (value: string) => void;
+            }, string, {
+                label: string;
+                position: ("top" | "bottom") | ("right" | "left");
+            }> & {
+                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<{
+            label: {
+                type: import("vue").PropType<string>;
+            } & {
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            position: {
+                type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+            } & {
+                default: string;
+            };
+        }>> & {
+            onChange?: ((value: string) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        } & {
+            default: string;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        position: {
+            type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+        } & {
+            default: string;
+        };
+    }>> & {
+        onChange?: ((value: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string) => void;
+    }, string, {
+        label: string;
+        position: ("top" | "bottom") | ("right" | "left");
+    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label: (_: {}) => any;
+            default: (_: {}) => any;
+        };
+    });
+    SolMenuItemLink: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                text: {
+                    type: import("vue").PropType<string>;
+                };
+                link: {
+                    type: import("vue").PropType<string>;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                };
+                external: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>> & 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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                text: {
+                    type: import("vue").PropType<string>;
+                };
+                link: {
+                    type: import("vue").PropType<string>;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                };
+                external: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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<{
+            id: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            text: {
+                type: import("vue").PropType<string>;
+            };
+            link: {
+                type: import("vue").PropType<string>;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+            };
+            external: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        text: {
+            type: import("vue").PropType<string>;
+        };
+        link: {
+            type: import("vue").PropType<string>;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+        };
+        external: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default: (_: {
+                id: string;
+                active: boolean | undefined;
+                link: string | undefined;
+                text: string | undefined;
+                external: boolean | undefined;
+            }) => any;
+        };
+    });
 };
 export declare function install(App: App): void;
-export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, };
+export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, SolMenu, SolMenuItemLink, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "authors": [
     {
       "name": "Kevin Martin",

package/theme/safelist.ts

@@ -22,6 +22,8 @@ export function safelist({ activeSafeList = true, data }: Args): string[] {
     const colsSpan = range(14).map(i => `col-span-${i}`)
 
     return [
+      'debug',
+      'debug-all',
       ...colors,
       ...spacing,
       ...gaps,

package/theme/solfacil/miscs.ts

@@ -1,8 +1,19 @@
+import { sizings } from './spacing'
+
 export default {
   width: {
     'fit-content': 'fit-content',
+    ...sizings,
   },
-
+  
+  height: sizings,
+  minHeight: sizings,  
+  maxHeight: sizings,
+  minWidth: sizings,
+  maxWidth: sizings,
+  
+  spacing: sizings,
+  
   colors: {
     transparent: 'transparent',
   },

package/theme/solfacil/spacing.ts

@@ -1,59 +1,36 @@
-export default {
-  space: {
-    'nano': '0.25rem',
-    'micro': '0.5rem',
-    '3xs': '0.75rem',
-    '2xs': '1rem',
-    'xs': '1.5rem',
+export const sizings = {
+  'quark': '0.25rem',
+  'nano': '0.5rem',
+  'micro': '0.75rem',
+  '3xs': '1rem',
+  '2xs': '1.5rem',
+  'xs': '2rem',
+
+  'sm': '2.5rem',
+  'md': '3rem',
+  'lg': '3.5rem',
+
+  'xl': '4rem',
+  '2xl': '4.5rem',
+  '3xl': '5rem',
+  'mega': '6rem',
+  '2mega': '7.5rem',
+  '3mega': '10rem',
+  'giga': '12.5rem',
+}
 
-    'sm': '2rem',
-    'md': '2.5rem',
-    'lg': '3rem',
-
-    'xl': '4rem',
-    '2xl': '5rem',
-    '3xl': '6rem',
-    'mega': '7.5rem',
-    'huge': '10rem',
-    'giga': '12.5rem',
-  },
 
+export default {
   padding: {
-    'nano': '0.25rem',
-    'micro': '0.5rem',
-    '3xs': '0.75rem',
-    '2xs': '1rem',
-    'xs': '1.5rem',
-
-    'sm': '2rem',
-    'md': '2.5rem',
-    'lg': '3rem',
-
-    'xl': '4rem',
-    '2xl': '5rem',
-    '3xl': '6rem',
-    'mega': '7.5rem',
-    'huge': '10rem',
-    'giga': '12.5rem',
+    auto: 'auto',
+    '0': '0',
+    sizings,
   },
 
   margin: {
-    'nano': '0.25rem',
-    'micro': '0.5rem',
-    '3xs': '0.75rem',
-    '2xs': '1rem',
-    'xs': '1.5rem',
-
-    'sm': '2rem',
-    'md': '2.5rem',
-    'lg': '3rem',
-
-    'xl': '4rem',
-    '2xl': '5rem',
-    '3xl': '6rem',
-    'mega': '7.5rem',
-    'huge': '10rem',
-    'giga': '12.5rem',
+    auto: 'auto',
+    '0': '0',
+    sizings,
   },
 }
 

package/windi.config.ts

@@ -4,6 +4,8 @@ import typography from 'windicss/plugin/typography'
 
 import { borders, colors, effects, misc, spacing, typography as typos, utilities } from './theme/solfacil/'
 
+import { sizings } from './theme/solfacil/spacing'
+
 import { safelist } from './theme/safelist'
 
 export default defineConfig({
@@ -18,7 +20,7 @@ export default defineConfig({
       activeSafeList: true,
       data: {
         colors,
-        spacing: spacing.space,
+        spacing: sizings,
       },
     }),
   ],