@frollo/frollo-web-ui 8.4.2 → 8.4.3

package/index.d.ts

@@ -608,7 +608,7 @@ declare const _default$l: vue.DefineComponent<{
     isBordered: boolean;
 }, {}>;
 
-type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
+type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent' | 'disabled';
 declare interface ButtonDefinition {
     text: string;
     background: string;
@@ -634,6 +634,8 @@ declare interface FwButtonProps {
     rounded?: boolean;
     loading?: boolean;
     external?: boolean;
+    disabled?: boolean;
+    active?: boolean;
 }
 
 declare const _default$k: vue.DefineComponent<{
@@ -708,6 +710,20 @@ declare const _default$k: vue.DefineComponent<{
     external: {
         type: BooleanConstructor;
     };
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     baseClass: vue.Ref<string>;
     textColorClass: vue.ComputedRef<string>;
@@ -808,6 +824,20 @@ declare const _default$k: vue.DefineComponent<{
     external: {
         type: BooleanConstructor;
     };
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -816,12 +846,14 @@ declare const _default$k: vue.DefineComponent<{
     onFocusout?: ((...args: any[]) => any) | undefined;
 }, {
     size: ButtonSize;
+    disabled: boolean;
     variant: ButtonVariantName;
     buttonType: ButtonTypeAttribute;
     animation: ButtonAnimation;
     rounded: boolean;
     loading: boolean;
     external: boolean;
+    active: boolean;
 }, {}>;
 
 declare interface NavMenuItem {
@@ -2893,6 +2925,10 @@ declare const _default$2: vue.DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     generateButtonLabel: (month: number) => string;
     selectedPeriod: vue.WritableComputedRef<number | undefined>;
@@ -2914,10 +2950,15 @@ declare const _default$2: vue.DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: ButtonSize;
+    disabled: boolean;
 }, {}>;
 
 declare const _default$1: vue.DefineComponent<{

package/package.json

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

package/styles/tailwind.scss

@@ -24,6 +24,9 @@
   --colorButtonTertiary: #ffffff;
   --colorButtonTertiaryText: #6923ff;
 
+  --colorButtonDisabled: #ffffff;
+  --colorButtonDisabledText: #4B4B4B;
+
   --fontFamily: 'Montserrat';
 }
 /* 

package/tailwind.config.js

@@ -22,6 +22,10 @@ module.exports = {
         tertiary: {
           bg: 'var(--colorButtonTertiary)',
           text: 'var(--colorButtonTertiaryText)'
+        },
+        disabled: {
+          bg: 'var(--colorButtonDisabled)',
+          text: 'var(--colorButtonDisabledText)'
         }
       },
       grey: {

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

@@ -72,6 +72,20 @@ declare const _default: import("vue").DefineComponent<{
     external: {
         type: BooleanConstructor;
     };
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     baseClass: import("vue").Ref<string>;
     textColorClass: import("vue").ComputedRef<string>;
@@ -172,6 +186,20 @@ declare const _default: import("vue").DefineComponent<{
     external: {
         type: BooleanConstructor;
     };
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -180,11 +208,13 @@ declare const _default: import("vue").DefineComponent<{
     onFocusout?: ((...args: any[]) => any) | undefined;
 }, {
     size: ButtonSize;
+    disabled: boolean;
     variant: ButtonVariantName;
     buttonType: ButtonTypeAttribute;
     animation: ButtonAnimation;
     rounded: boolean;
     loading: boolean;
     external: boolean;
+    active: boolean;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
+export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent' | 'disabled';
 export declare interface ButtonDefinition {
     text: string;
     background: string;
@@ -24,4 +24,6 @@ export declare interface FwButtonProps {
     rounded?: boolean;
     loading?: boolean;
     external?: boolean;
+    disabled?: boolean;
+    active?: boolean;
 }

package/types/components/fw-period-selector/fw-period-selector.vue.d.ts

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     generateButtonLabel: (month: number) => string;
     selectedPeriod: import("vue").WritableComputedRef<number | undefined>;
@@ -39,9 +43,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: ButtonSize;
+    disabled: boolean;
 }, {}>;
 export default _default;