@solfacil/girassol 0.4.0 → 0.5.0

package/dist/types/composables/use-toast/index.d.ts

@@ -1,9 +1,14 @@
-import type { Position, ToastContent, ToastOptions } from './types';
+import type { ContentTostParams, Position, ToastOptionsLimited } from './types';
+declare type createToastReturn = {
+    close: (id: number, position: Position) => void;
+};
+declare function clearAllToasts(): void;
 export declare function useToast(): {
-    createToast: (content: string | ToastContent, options?: ToastOptions) => {
-        close: () => void;
-    };
-    clearAllToasts: () => void;
+    createToast: (content: ContentTostParams, options?: ToastOptionsLimited | undefined) => createToastReturn;
+    createErrorToast: (content: ContentTostParams, options?: ToastOptionsLimited | undefined) => createToastReturn;
+    createSuccessToast: (content: ContentTostParams, options?: ToastOptionsLimited | undefined) => createToastReturn;
+    createInformativeToast: (content: ContentTostParams, options?: ToastOptionsLimited | undefined) => createToastReturn;
+    createWarningToast: (content: ContentTostParams, options?: ToastOptionsLimited | undefined) => createToastReturn;
+    clearAllToasts: typeof clearAllToasts;
 };
-declare function close(id: number, position: Position): void;
 export {};

package/dist/types/composables/use-toast/types.d.ts

@@ -1,9 +1,12 @@
 import type { VNode } from 'vue';
-export declare type ToastType = 'info' | 'danger' | 'warning' | 'success';
+export declare type ToastType = 'informative' | 'error' | 'warning' | 'success';
 export declare type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
 export interface ToastContent {
-    title: string;
-    description?: string;
+    type?: ToastType;
+    title?: string;
+    description: string;
+    actionText?: string;
+    onAction?: () => void;
 }
 export interface ToastOptions {
     type?: ToastType;
@@ -13,7 +16,17 @@ export interface ToastOptions {
     showCloseButton?: boolean;
     hideProgressBar?: boolean;
     onClose?: () => void;
-    showOneToast?: boolean;
+}
+export interface ToastContentLimited {
+    type?: ToastType;
+    title?: string;
+    description: string;
+    actionText?: string;
+    onAction?: () => void;
+}
+export interface ToastOptionsLimited {
+    type?: ToastType;
+    timeout?: number;
 }
 export interface ToastObject {
     toastVNode: VNode;
@@ -21,3 +34,17 @@ export interface ToastObject {
 }
 export declare const TOAST_GAP = 12;
 export declare const DEFAULT_OPTIONS: ToastOptions;
+export interface ToastComponent {
+    id: string | number;
+    type: ToastType;
+    visible?: boolean;
+    title?: ToastContent['title'];
+    description: ToastContent['description'];
+    actionText?: ToastContent['actionText'];
+    timeout: number;
+    offset: number;
+    onAction?: ToastOptions['onClose'];
+    hideProgress?: boolean;
+    showIcon?: boolean;
+}
+export declare type ContentTostParams = ToastContent | string;

package/dist/types/index.d.ts

@@ -294,7 +294,7 @@ export declare const components: {
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md">;
+            type: import("vue").PropType<"small" | "medium">;
         } & {
             default: string;
         };
@@ -351,7 +351,7 @@ export declare const components: {
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md">;
+            type: import("vue").PropType<"small" | "medium">;
         } & {
             default: string;
         };
@@ -394,7 +394,7 @@ export declare const components: {
     }>> & {
         "onUpdate:modelValue"?: ((event: string) => any) | undefined;
     }, {
-        size: "sm" | "md";
+        size: "small" | "medium";
         error: string | null;
         resize: "none" | "both" | "horizontal" | "vertical";
     }>;
@@ -403,7 +403,7 @@ export declare const components: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                size: "sm" | "md";
+                size: "small" | "medium";
                 error: string | null;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -426,7 +426,7 @@ export declare const components: {
                     type: import("vue").PropType<string>;
                 };
                 size: {
-                    type: import("vue").PropType<"sm" | "md">;
+                    type: import("vue").PropType<"small" | "medium">;
                 } & {
                     default: string;
                 };
@@ -510,7 +510,7 @@ export declare const components: {
                     type: import("vue").PropType<string>;
                 };
                 size: {
-                    type: import("vue").PropType<"sm" | "md">;
+                    type: import("vue").PropType<"small" | "medium">;
                 } & {
                     default: string;
                 };
@@ -562,7 +562,7 @@ export declare const components: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (event: string) => void;
             }, string, {
-                size: "sm" | "md";
+                size: "small" | "medium";
                 error: string | null;
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -605,7 +605,7 @@ export declare const components: {
                 type: import("vue").PropType<string>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md">;
+                type: import("vue").PropType<"small" | "medium">;
             } & {
                 default: string;
             };
@@ -679,7 +679,7 @@ export declare const components: {
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md">;
+            type: import("vue").PropType<"small" | "medium">;
         } & {
             default: string;
         };
@@ -731,7 +731,7 @@ export declare const components: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (event: string) => void;
     }, string, {
-        size: "sm" | "md";
+        size: "small" | "medium";
         error: string | null;
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -755,7 +755,7 @@ export declare const components: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md">;
+            type: import("vue").PropType<"small" | "medium">;
         };
         name: {
             type: import("vue").PropType<string>;
@@ -807,7 +807,7 @@ export declare const components: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md">;
+            type: import("vue").PropType<"small" | "medium">;
         };
         name: {
             type: import("vue").PropType<string>;

package/package.json

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

package/theme/solfacil/effects.ts

@@ -6,6 +6,8 @@ export default {
     intense: 0.6,
     medium: 0.32,
     light: 0.16,
+
+    none: 0,
   },
 
   boxShadow: {