@solfacil/girassol 0.3.3 → 0.3.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "authors": [
     {
       "name": "Kevin Martin",
@@ -10,7 +10,7 @@
     }
   ],
   "engines": {
-    "node": "^16.10"
+    "node": "^16.17"
   },
   "files": [
     ".vscode",
@@ -61,7 +61,7 @@
     "gluegun": "latest",
     "maska": "^1.5.0",
     "vee-validate": "^4.6.6",
-    "vue": "^3.2.37"
+    "vue": "^3.2.39"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.26.1",
@@ -114,7 +114,7 @@
     "vite": "^3.0.9",
     "vite-plugin-inspect": "^0.6.0",
     "vite-plugin-windicss": "^1.8.7",
-    "vitest": "^0.22.1",
+    "vitest": "^0.23.2",
     "vue-loader": "^17.0.0",
     "vue-tsc": "^0.40.1",
     "windicss": "^3.5.6"

package/theme/solfacil/index.ts

@@ -6,7 +6,7 @@ import effects from './effects'
 import misc from './miscs'
 
 import { screens } from './screens'
-import { componentTypos, debug, maxLines, outlinesForFocus, placeholder } from './utilities'
+import { componentTypos, debug, maxLines, outlinesForFocus, placeholder, scrollbarBase } from './utilities'
 
 
 export {
@@ -25,4 +25,5 @@ export const utilities = {
   maxLines,
   debug,
   placeholder,
+  scrollbarBase,
 }

package/theme/solfacil/screens.ts

@@ -1,5 +1,6 @@
 export const screens = {
   'sm': { max: '767px' },
   'md': { min: '768px' },
-  'lg': { min: '1366px' },
+  'lg': { min: '1180px' },
+  'xl': { min: '1440px' },
 }

package/theme/solfacil/utilities.ts

@@ -302,4 +302,31 @@ export const placeholder = plugin(({ addUtilities, theme }) => {
 
     '.placeholder-inline': placeholderSettings,
   })
+})
+
+export const scrollbarBase = plugin(({ addBase }) => {
+  addBase({
+    '::-webkit-scrollbar': {
+      width: '12px',
+    },
+
+    '::-webkit-scrollbar-track ': {
+      'box-shadow': 'inset 0 0 14px 14px rgb(240 240 240 / 64%)',
+      'border-color': 'rgba(240, 240, 240, 0.64)',
+      'border-style': 'solid',
+      'border-width': '4px',
+    },
+
+    '::-webkit-scrollbar-thumb': {
+      'box-shadow': 'inset 0 0 14px 14px #222222',
+      'border-color': 'transparent',
+      'border-radius': '0.5rem',
+      'border-style': 'solid',
+      'border-width': '4px',
+    },
+
+    '::-webkit-scrollbar-button': {
+      'display': 'none',
+    },
+  })
 })

package/windi.config.ts

@@ -32,6 +32,7 @@ export default defineConfig({
     utilities.debug,
     utilities.placeholder,
     utilities.componentTypos,
+    utilities.scrollbarBase,
   ],
 
   theme: {

package/dist/types/components/dropdown/Dropdown.vue.d.ts

@@ -1,238 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            loading: boolean;
-            searchable: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            options: (string | {
-                name: string;
-                value: string;
-            })[];
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            label?: string | undefined;
-            ariaLabel?: string | undefined;
-            smallerWidth?: boolean | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            searchable?: boolean | undefined;
-            closeOnSelect?: boolean | undefined;
-            fetchOnSearch?: boolean | undefined;
-            isMultipleSelect?: boolean | undefined;
-            searchPlaceholder?: string | undefined;
-            selected?: string | string[] | undefined;
-            options: (string | {
-                name: string;
-                value: string;
-            })[];
-        }>, {
-            loading: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            searchable: boolean;
-            options: () => never[];
-        }>>> & {
-            onSearch?: ((value: string) => any) | undefined;
-            onCloseDropdown?: (() => any) | undefined;
-            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "options">;
-        $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: "search", value: string) => void) & ((event: "closeDropdown") => void) & ((event: "update:selected", value: string | string[]) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            label?: string | undefined;
-            ariaLabel?: string | undefined;
-            smallerWidth?: boolean | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            searchable?: boolean | undefined;
-            closeOnSelect?: boolean | undefined;
-            fetchOnSearch?: boolean | undefined;
-            isMultipleSelect?: boolean | undefined;
-            searchPlaceholder?: string | undefined;
-            selected?: string | string[] | undefined;
-            options: (string | {
-                name: string;
-                value: string;
-            })[];
-        }>, {
-            loading: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            searchable: boolean;
-            options: () => never[];
-        }>>> & {
-            onSearch?: ((value: string) => any) | undefined;
-            onCloseDropdown?: (() => any) | undefined;
-            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            closeDropdown: () => void;
-        } & {
-            search: (value: string) => void;
-        } & {
-            "update:selected": (value: string | string[]) => void;
-        }, string, {
-            loading: boolean;
-            searchable: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            options: (string | {
-                name: string;
-                value: 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;
-        ariaLabel?: string | undefined;
-        smallerWidth?: boolean | undefined;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        searchable?: boolean | undefined;
-        closeOnSelect?: boolean | undefined;
-        fetchOnSearch?: boolean | undefined;
-        isMultipleSelect?: boolean | undefined;
-        searchPlaceholder?: string | undefined;
-        selected?: string | string[] | undefined;
-        options: (string | {
-            name: string;
-            value: string;
-        })[];
-    }>, {
-        loading: boolean;
-        closeOnSelect: boolean;
-        fetchOnSearch: boolean;
-        searchable: boolean;
-        options: () => never[];
-    }>>> & {
-        onSearch?: ((value: string) => any) | undefined;
-        onCloseDropdown?: (() => any) | undefined;
-        "onUpdate:selected"?: ((value: string | string[]) => 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;
-    label?: string | undefined;
-    ariaLabel?: string | undefined;
-    smallerWidth?: boolean | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    searchable?: boolean | undefined;
-    closeOnSelect?: boolean | undefined;
-    fetchOnSearch?: boolean | undefined;
-    isMultipleSelect?: boolean | undefined;
-    searchPlaceholder?: string | undefined;
-    selected?: string | string[] | undefined;
-    options: (string | {
-        name: string;
-        value: string;
-    })[];
-}>, {
-    loading: boolean;
-    closeOnSelect: boolean;
-    fetchOnSearch: boolean;
-    searchable: boolean;
-    options: () => never[];
-}>>> & {
-    onSearch?: ((value: string) => any) | undefined;
-    onCloseDropdown?: (() => any) | undefined;
-    "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    closeDropdown: () => void;
-} & {
-    search: (value: string) => void;
-} & {
-    "update:selected": (value: string | string[]) => void;
-}, string, {
-    loading: boolean;
-    searchable: boolean;
-    closeOnSelect: boolean;
-    fetchOnSearch: boolean;
-    options: (string | {
-        name: string;
-        value: string;
-    })[];
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        label: (_: {}) => any;
-        'toggle-dropdown': (_: {
-            toggle: {
-                open: () => void;
-                close: () => void;
-                toggleDropdown: () => void;
-            };
-            isOpen: boolean;
-            select: (selected: string | {
-                name: string;
-                value: string;
-            }) => void;
-            selectedSanitized: string | undefined;
-            selected: string | string[] | undefined;
-        }) => any;
-        search: (_: {
-            filter: string;
-        }) => any;
-        default: (_: {
-            text: string;
-            option: string | {
-                name: string;
-                value: string;
-            };
-            isSelect: (option: string | {
-                name: string;
-                value: string;
-            }) => boolean;
-        }) => any;
-        'no-data': (_: {}) => 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/dropdown/dropdown.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';