@solfacil/girassol 0.14.0 → 0.16.0

package/dist/types/index.d.ts

@@ -16,6 +16,7 @@ import { SolSteps } from './components/steps/';
 import { SolList } from './components/list/';
 import { SolMenu } from './components/menus/menu';
 import { SolMenuItem } from './components/menus/menu-item/menu-item';
+import { SolMenuItemSeparator } from './components/menus/menu-item/index';
 import { SolMenuItemLink } from './components/menus/menu-item/menu-item-link/';
 import { SolMenuNavigationLinks } from './components/menus/menu-navigation-links';
 import { SolModal } from './components/modal';
@@ -24,6 +25,7 @@ import { SolEmptyState } from './components/empty-state';
 import { SolSearch } from './components/search';
 import { SolDatePicker } from './components/date-picker';
 import { SolCollapsible } from './components/collapsible';
+import { SolFileUpload } from './components/file-upload';
 import 'virtual:windi-base.css';
 import 'virtual:windi-components.css';
 import 'virtual:windi-utilities.css';
@@ -33,6 +35,7 @@ export { useModal } from './composables/use-modal';
 export { useMask, vMask } from './composables/use-mask';
 export { useNavigate, useNavigateProvider } from './composables/use-navigate';
 export { useSelectableChip } from './composables/use-filters';
+export { default as useDownload } from './composables/use-download';
 export declare const components: {
     SolButton: {
         new (...args: any[]): {
@@ -195,8 +198,10 @@ export declare const components: {
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             'icon-left': (_: {}) => any;
+            'icon:left': (_: {}) => any;
             default: (_: {}) => any;
             'icon-right': (_: {}) => any;
+            'icon:right': (_: {}) => any;
         };
     });
     SolButtonDestructive: {
@@ -3127,7 +3132,7 @@ export declare const components: {
             $data: {};
             $props: Partial<{
                 text: string;
-                type: "warning" | "informative" | "neutral" | "positive" | "negative";
+                type: "neutral" | "positive" | "warning" | "negative" | "informative";
                 size: "small" | "medium";
                 variant: "fill" | "outline";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -3141,7 +3146,7 @@ export declare const components: {
                     required: true;
                 };
                 type: {
-                    type: import("vue").PropType<"warning" | "informative" | "neutral" | "positive" | "negative">;
+                    type: import("vue").PropType<"neutral" | "positive" | "warning" | "negative" | "informative">;
                 } & {
                     default: string;
                 };
@@ -3180,7 +3185,7 @@ export declare const components: {
                     required: true;
                 };
                 type: {
-                    type: import("vue").PropType<"warning" | "informative" | "neutral" | "positive" | "negative">;
+                    type: import("vue").PropType<"neutral" | "positive" | "warning" | "negative" | "informative">;
                 } & {
                     default: string;
                 };
@@ -3196,7 +3201,7 @@ export declare const components: {
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 text: string;
-                type: "warning" | "informative" | "neutral" | "positive" | "negative";
+                type: "neutral" | "positive" | "warning" | "negative" | "informative";
                 size: "small" | "medium";
                 variant: "fill" | "outline";
             }> & {
@@ -3230,7 +3235,7 @@ export declare const components: {
                 required: true;
             };
             type: {
-                type: import("vue").PropType<"warning" | "informative" | "neutral" | "positive" | "negative">;
+                type: import("vue").PropType<"neutral" | "positive" | "warning" | "negative" | "informative">;
             } & {
                 default: string;
             };
@@ -3259,7 +3264,7 @@ export declare const components: {
             required: true;
         };
         type: {
-            type: import("vue").PropType<"warning" | "informative" | "neutral" | "positive" | "negative">;
+            type: import("vue").PropType<"neutral" | "positive" | "warning" | "negative" | "informative">;
         } & {
             default: string;
         };
@@ -3275,7 +3280,7 @@ export declare const components: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         text: string;
-        type: "warning" | "informative" | "neutral" | "positive" | "negative";
+        type: "neutral" | "positive" | "warning" | "negative" | "informative";
         size: "small" | "medium";
         variant: "fill" | "outline";
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -4014,7 +4019,7 @@ export declare const components: {
             $data: {};
             $props: Partial<{
                 label: string;
-                position: ("bottom" | "top") | ("left" | "right");
+                position: ("center" | "bottom" | "top") | ("left" | "right");
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
                     type: import("vue").PropType<string>;
@@ -4026,7 +4031,7 @@ export declare const components: {
                     required: true;
                 };
                 position: {
-                    type: import("vue").PropType<("bottom" | "top") | ("left" | "right")>;
+                    type: import("vue").PropType<("center" | "bottom" | "top") | ("left" | "right")>;
                 } & {
                     default: string;
                 };
@@ -4055,13 +4060,13 @@ export declare const components: {
                     required: true;
                 };
                 position: {
-                    type: import("vue").PropType<("bottom" | "top") | ("left" | "right")>;
+                    type: import("vue").PropType<("center" | "bottom" | "top") | ("left" | "right")>;
                 } & {
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 label: string;
-                position: ("bottom" | "top") | ("left" | "right");
+                position: ("center" | "bottom" | "top") | ("left" | "right");
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -4093,7 +4098,7 @@ export declare const components: {
                 required: true;
             };
             position: {
-                type: import("vue").PropType<("bottom" | "top") | ("left" | "right")>;
+                type: import("vue").PropType<("center" | "bottom" | "top") | ("left" | "right")>;
             } & {
                 default: string;
             };
@@ -4112,13 +4117,13 @@ export declare const components: {
             required: true;
         };
         position: {
-            type: import("vue").PropType<("bottom" | "top") | ("left" | "right")>;
+            type: import("vue").PropType<("center" | "bottom" | "top") | ("left" | "right")>;
         } & {
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         label: string;
-        position: ("bottom" | "top") | ("left" | "right");
+        position: ("center" | "bottom" | "top") | ("left" | "right");
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             trigger: (_: {
@@ -5896,6 +5901,355 @@ export declare const components: {
             'icon:right': (_: {}) => any;
         };
     });
+    SolFileUpload: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                label: string;
+                error: string | null;
+                placeholder: string;
+                loading: boolean;
+                multiple: boolean;
+                downloadMenu: import("./components/file-upload/types").DownloadMenu[];
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                name: {
+                    type: import("vue").PropType<string | undefined>;
+                    required: true;
+                };
+                modelValue: {
+                    type: import("vue").PropType<import("./components/file-upload/types").FileUploadModel>;
+                };
+                error: {
+                    type: import("vue").PropType<string | null>;
+                } & {
+                    default: null;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/file-upload/types").FileUploadModel>>>;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                accept: {
+                    type: import("vue").PropType<string>;
+                };
+                multiple: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                downloadSrc: {
+                    type: import("vue").PropType<string>;
+                };
+                downloadMenu: {
+                    type: import("vue").PropType<import("./components/file-upload/types").DownloadMenu[]>;
+                } & {
+                    default: () => string[];
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: import("./components/file-upload/types").FileUploadModel | undefined) => any) | undefined;
+                "onMenu:preview"?: ((url: string) => any) | undefined;
+                "onMenu:download"?: ((url: string) => any) | undefined;
+                "onMenu:delete"?: ((url: string) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "error" | "placeholder" | "loading" | "multiple" | "downloadMenu">;
+            $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", value: import("./components/file-upload/types").FileUploadModel | undefined) => void) & ((event: "menu:preview", url: string) => void) & ((event: "menu:download", url: string) => void) & ((event: "menu:delete", url: 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;
+                };
+                name: {
+                    type: import("vue").PropType<string | undefined>;
+                    required: true;
+                };
+                modelValue: {
+                    type: import("vue").PropType<import("./components/file-upload/types").FileUploadModel>;
+                };
+                error: {
+                    type: import("vue").PropType<string | null>;
+                } & {
+                    default: null;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/file-upload/types").FileUploadModel>>>;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                accept: {
+                    type: import("vue").PropType<string>;
+                };
+                multiple: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                downloadSrc: {
+                    type: import("vue").PropType<string>;
+                };
+                downloadMenu: {
+                    type: import("vue").PropType<import("./components/file-upload/types").DownloadMenu[]>;
+                } & {
+                    default: () => string[];
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: import("./components/file-upload/types").FileUploadModel | undefined) => any) | undefined;
+                "onMenu:preview"?: ((url: string) => any) | undefined;
+                "onMenu:download"?: ((url: string) => any) | undefined;
+                "onMenu:delete"?: ((url: string) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: import("./components/file-upload/types").FileUploadModel | undefined) => void;
+            } & {
+                "menu:preview": (url: string) => void;
+            } & {
+                "menu:download": (url: string) => void;
+            } & {
+                "menu:delete": (url: string) => void;
+            }, string, {
+                label: string;
+                error: string | null;
+                placeholder: string;
+                loading: boolean;
+                multiple: boolean;
+                downloadMenu: import("./components/file-upload/types").DownloadMenu[];
+            }> & {
+                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;
+            };
+            name: {
+                type: import("vue").PropType<string | undefined>;
+                required: true;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/file-upload/types").FileUploadModel>;
+            };
+            error: {
+                type: import("vue").PropType<string | null>;
+            } & {
+                default: null;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            } & {
+                default: string;
+            };
+            useField: {
+                type: import("vue").PropType<typeof import("vee-validate").useField>;
+            };
+            rules: {
+                type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
+            };
+            opts: {
+                type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/file-upload/types").FileUploadModel>>>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            accept: {
+                type: import("vue").PropType<string>;
+            };
+            multiple: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            downloadSrc: {
+                type: import("vue").PropType<string>;
+            };
+            downloadMenu: {
+                type: import("vue").PropType<import("./components/file-upload/types").DownloadMenu[]>;
+            } & {
+                default: () => string[];
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/file-upload/types").FileUploadModel | undefined) => any) | undefined;
+            "onMenu:preview"?: ((url: string) => any) | undefined;
+            "onMenu:download"?: ((url: string) => any) | undefined;
+            "onMenu:delete"?: ((url: 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;
+        };
+        name: {
+            type: import("vue").PropType<string | undefined>;
+            required: true;
+        };
+        modelValue: {
+            type: import("vue").PropType<import("./components/file-upload/types").FileUploadModel>;
+        };
+        error: {
+            type: import("vue").PropType<string | null>;
+        } & {
+            default: null;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        } & {
+            default: string;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/file-upload/types").FileUploadModel>>>;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        accept: {
+            type: import("vue").PropType<string>;
+        };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        downloadSrc: {
+            type: import("vue").PropType<string>;
+        };
+        downloadMenu: {
+            type: import("vue").PropType<import("./components/file-upload/types").DownloadMenu[]>;
+        } & {
+            default: () => string[];
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: import("./components/file-upload/types").FileUploadModel | undefined) => any) | undefined;
+        "onMenu:preview"?: ((url: string) => any) | undefined;
+        "onMenu:download"?: ((url: string) => any) | undefined;
+        "onMenu:delete"?: ((url: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: import("./components/file-upload/types").FileUploadModel | undefined) => void;
+    } & {
+        "menu:preview": (url: string) => void;
+    } & {
+        "menu:download": (url: string) => void;
+    } & {
+        "menu:delete": (url: string) => void;
+    }, string, {
+        label: string;
+        error: string | null;
+        placeholder: string;
+        loading: boolean;
+        multiple: boolean;
+        downloadMenu: import("./components/file-upload/types").DownloadMenu[];
+    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    SolMenuItemSeparator: any;
 };
 export declare function install(App: App): void;
-export { SolButton, SolButtonDestructive, SolInputTextarea, SolInputText, SolInputTextPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolSelect, SolRemovableChip, SolSelectableChip, SolTag, SolAlert, SolAccordion, SolList, SolTabs, SolMenu, SolMenuItem, SolMenuItemLink, SolMenuNavigationLinks, SolModal, SolPagination, SolEmptyState, SolSearch, SolDatePicker, SolCollapsible, SolSteps, SolTextValue, };
+export { SolButton, SolButtonDestructive, SolInputTextarea, SolInputText, SolInputTextPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolSelect, SolRemovableChip, SolSelectableChip, SolTag, SolAlert, SolAccordion, SolList, SolTabs, SolMenu, SolMenuItem, SolMenuItemLink, SolMenuNavigationLinks, SolModal, SolPagination, SolEmptyState, SolSearch, SolDatePicker, SolCollapsible, SolSteps, SolTextValue, SolFileUpload, SolMenuItemSeparator, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "license": "MIT",
   "authors": [
     {

package/theme/solfacil/index.ts

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

package/theme/solfacil/screens.ts

@@ -1,10 +1,4 @@
 export const screens = {
-  // xsm: { max: '767px' },
-  // sm: { min: '768px' },
-  // md: { min: '1024px' },
-  // lg: { min: '1366px' },
-  // xl: { min: '1440px' },
-
   'xsm:site': { max: '767px' },
   'sm:site': { min: '768px' },
   'md:site': { min: '1024px' },

package/theme/solfacil/utilities.ts

@@ -350,4 +350,25 @@ export const iconSizes = plugin(({ addUtilities }) => {
       width: '48px',
     },
   })
-})
+})
+
+
+export const resetFillFields = plugin(({ addBase  }) => {
+  const reset = {
+    'box-shadow': '0 0 0 100px #fff inset',
+    '-webkit-box-shadow': '0 0 0 100px #fff inset',
+  }
+
+  addBase({
+    '*': {
+      '-webkit-tap-highlight-color': 'transparent',
+    },
+    'input:autofill': reset,
+    'textarea:autofill': reset,
+    'select:autofill': reset,
+    'input:-webkit-autofill': reset,
+    'textarea:-webkit-autofill': reset,
+    'select:-webkit-autofill': reset,
+  })
+})
+

package/windi.config.ts

@@ -20,8 +20,8 @@ export default defineConfig({
     utilities.componentTypos,
     utilities.scrollbarBase,
     utilities.iconSizes,
+    utilities.resetFillFields,
   ],
-
   theme: {
     extend: {
       ...misc,