@frollo/frollo-web-ui 1.2.6 → 1.2.7

package/icons/index.ts

@@ -24,6 +24,7 @@ import CaretDownSvg from './caret-down.svg';
 import SortLightSvg from './sort-light.svg';
 import PlusSvg from './plus.svg';
 import UserSvg from './user.svg';
+import LoadingSvg from './loading.svg';
 
 export {
   ViewSvg,
@@ -51,5 +52,6 @@ export {
   CaretDownSvg,
   SortLightSvg,
   PlusSvg,
-  UserSvg
+  UserSvg,
+  LoadingSvg
 };

package/icons/loading.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 44 44" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6585 4.61339C17.0561 2.04043 7.186 7.73892 4.61304 17.3413C2.04009 26.9437 7.73858 36.8138 17.341 39.3867L16.3057 43.2504C4.56943 40.1057 -2.39538 28.0423 0.74934 16.306C3.89406 4.56978 15.9575 -2.39504 27.6937 0.749683C39.43 3.8944 46.3948 15.9578 43.2501 27.6941L39.3864 26.6588C41.9593 17.0564 36.2608 7.18634 26.6585 4.61339Z" />
+</svg>
+

package/index.d.ts

@@ -452,6 +452,7 @@ declare interface FwButtonProps {
     buttonType?: ButtonTypeAttribute;
     animation?: ButtonAnimation;
     rounded?: boolean;
+    loading?: boolean;
 }
 
 declare const _default$e: vue.DefineComponent<{
@@ -506,18 +507,41 @@ declare const _default$e: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the loading animation is shown or not
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     baseClass: vue.Ref<string>;
     textColorClass: vue.ComputedRef<string>;
     bgColorClass: vue.ComputedRef<string>;
     sizeClass: vue.ComputedRef<string>;
     borderClass: vue.ComputedRef<string>;
-    onClick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-    onMouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-    onMouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-    onFocusin: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-    onFocusout: (this: GlobalEventHandlers, ev: FocusEvent) => any;
+    onClick: (e: MouseEvent | KeyboardEvent) => void;
+    onMouseover: (e: MouseEvent) => void;
+    onMouseout: (e: MouseEvent) => void;
+    onFocusin: (e: FocusEvent) => void;
+    onFocusout: (e: FocusEvent) => void;
     tagName: vue.ComputedRef<"button" | "router-link" | "a">;
+    loadingSize: vue.ComputedRef<{
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    }>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "mouseover" | "mouseout" | "focusin" | "focusout")[], "click" | "mouseover" | "mouseout" | "focusin" | "focusout", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * A `router-link` path or object
@@ -570,6 +594,13 @@ declare const _default$e: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the loading animation is shown or not
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -582,6 +613,7 @@ declare const _default$e: vue.DefineComponent<{
     buttonType: ButtonTypeAttribute;
     animation: ButtonAnimation;
     rounded: boolean;
+    loading: boolean;
 }>;
 
 declare interface NavMenuItem {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

package/types/components/fw-animations/fw-loading-spinner.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/components/fw-button/fw-button.vue.d.ts

@@ -52,18 +52,41 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the loading animation is shown or not
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     baseClass: import("vue").Ref<string>;
     textColorClass: import("vue").ComputedRef<string>;
     bgColorClass: import("vue").ComputedRef<string>;
     sizeClass: import("vue").ComputedRef<string>;
     borderClass: import("vue").ComputedRef<string>;
-    onClick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-    onMouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-    onMouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-    onFocusin: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-    onFocusout: (this: GlobalEventHandlers, ev: FocusEvent) => any;
+    onClick: (e: MouseEvent | KeyboardEvent) => void;
+    onMouseover: (e: MouseEvent) => void;
+    onMouseout: (e: MouseEvent) => void;
+    onFocusin: (e: FocusEvent) => void;
+    onFocusout: (e: FocusEvent) => void;
     tagName: import("vue").ComputedRef<"button" | "router-link" | "a">;
+    loadingSize: import("vue").ComputedRef<{
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    } | {
+        spacing: string;
+        size: string;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout" | "focusin" | "focusout")[], "click" | "mouseover" | "mouseout" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A `router-link` path or object
@@ -116,6 +139,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the loading animation is shown or not
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -128,5 +158,6 @@ declare const _default: import("vue").DefineComponent<{
     buttonType: ButtonTypeAttribute;
     animation: ButtonAnimation;
     rounded: boolean;
+    loading: boolean;
 }>;
 export default _default;

package/types/components/fw-button/index.types.d.ts

@@ -21,4 +21,5 @@ export declare interface FwButtonProps {
     buttonType?: ButtonTypeAttribute;
     animation?: ButtonAnimation;
     rounded?: boolean;
+    loading?: boolean;
 }

package/types/icons/index.d.ts

@@ -24,4 +24,5 @@ import CaretDownSvg from './caret-down.svg';
 import SortLightSvg from './sort-light.svg';
 import PlusSvg from './plus.svg';
 import UserSvg from './user.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg };
+import LoadingSvg from './loading.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg };