@frollo/frollo-web-ui 0.2.0 → 0.2.3

package/index.d.ts

@@ -1,6 +1,7 @@
 import * as vue from 'vue';
 import { PropType, Plugin } from 'vue';
 export { Form as FwForm } from 'vee-validate';
+import * as _vue_shared from '@vue/shared';
 
 declare type FwInputType = 'text' | 'password';
 declare interface FwInputProps {
@@ -14,7 +15,7 @@ declare interface FwInputProps {
     hint?: string;
 }
 
-declare const _default$7: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -148,7 +149,7 @@ declare const _default$7: vue.DefineComponent<{
     readonly: boolean;
 }>;
 
-declare const _default$6: vue.DefineComponent<{
+declare const _default$7: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -202,7 +203,7 @@ declare const _default$6: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$6: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -275,7 +276,7 @@ declare interface FwButtonProps {
     buttonType?: ButtonTypeAttribute;
 }
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -377,7 +378,7 @@ declare interface NavMenuItem {
     label: string;
 }
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -416,7 +417,7 @@ declare const _default$3: vue.DefineComponent<{
     onAction?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -426,7 +427,7 @@ declare const _default$2: vue.DefineComponent<{
     };
 }, {
     active: vue.ComputedRef<number>;
-    tabs: vue.Ref<never[]>;
+    tabs: vue.Ref<any>;
     selectTab: (tab: number) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
@@ -440,7 +441,7 @@ declare const _default$2: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -451,6 +452,17 @@ declare const _default$1: vue.DefineComponent<{
 }, {
     isActive: vue.ComputedRef<boolean>;
     index: vue.ComputedRef<any>;
+    props: Readonly<_vue_shared.LooseRequired<Readonly<vue.ExtractPropTypes<{
+        /**
+         * The label of the tab component used as the button panel label
+         */
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The label of the tab component used as the button panel label
@@ -461,7 +473,7 @@ declare const _default$1: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default: vue.DefineComponent<{
+declare const _default$1: vue.DefineComponent<{
     /**
      * The header title of the modal
      */
@@ -604,6 +616,110 @@ declare const _default: vue.DefineComponent<{
     confirmButtonType: ButtonVariantName;
 }>;
 
+declare interface ProgressBarStep {
+    label: string;
+    position: number;
+    subSteps: number;
+}
+
+declare const _default: vue.DefineComponent<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    calculatedProgressBar: (step: ProgressBarStep) => string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+
+declare const __default__$1: vue.DefineComponent<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>>, {
+    animationIteration: string | number;
+}>;
+
+declare const __default__: vue.DefineComponent<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>>, {
+    animationIteration: string | number;
+}>;
+
 declare interface FwModalProps {
     header?: string;
     body?: string;
@@ -643,4 +759,4 @@ declare interface FwCheckboxProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$4 as FwButton, FwButtonProps, _default$5 as FwCard, FwCardProps, _default$6 as FwCheckbox, FwCheckboxProps, _default$7 as FwInput, FwInputProps, FwInputType, _default as FwModal, FwModalProps, _default$3 as FwNavigationMenu, _default$1 as FwTab, _default$2 as FwTabs, ModalServiceProps, NavMenuItem, install as default, modalService };
+export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$5 as FwButton, FwButtonProps, _default$6 as FwCard, FwCardProps, _default$7 as FwCheckbox, FwCheckboxProps, __default__$1 as FwEmailPulse, _default$8 as FwInput, FwInputProps, FwInputType, _default$1 as FwModal, FwModalProps, _default$4 as FwNavigationMenu, _default as FwProgressBar, __default__ as FwSuccessPulse, _default$2 as FwTab, _default$3 as FwTabs, ModalServiceProps, NavMenuItem, ProgressBarStep, install as default, modalService };

package/package.json

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

package/types/components/fw-animations/fw-email-pulse.vue.d.ts

@@ -0,0 +1,24 @@
+declare const __default__: import("vue").DefineComponent<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>>, {
+    animationIteration: string | number;
+}>;
+export default __default__;

package/types/components/fw-animations/fw-success-pulse.vue.d.ts

@@ -0,0 +1,24 @@
+declare const __default__: import("vue").DefineComponent<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The animation-iteration-count CSS property of the pulse animation.
+     * Sets the number of times an animation sequence should be played before stopping.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
+     */
+    animationIteration: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>>, {
+    animationIteration: string | number;
+}>;
+export default __default__;

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

@@ -0,0 +1,3 @@
+import FwEmailPulse from './fw-email-pulse.vue';
+import FwSuccessPulse from './fw-success-pulse.vue';
+export { FwEmailPulse, FwSuccessPulse };

package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts

@@ -0,0 +1,52 @@
+import { PropType } from 'vue';
+import { ProgressBarStep } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    calculatedProgressBar: (step: ProgressBarStep) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/types/components/fw-progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+import FwProgressBar from './fw-progress-bar.vue';
+export { FwProgressBar };

package/types/components/fw-progress-bar/index.types.d.ts

@@ -0,0 +1,5 @@
+export declare interface ProgressBarStep {
+    label: string;
+    position: number;
+    subSteps: number;
+}

package/types/components/fw-tabs/fw-tab.vue.d.ts

@@ -9,6 +9,17 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isActive: import("vue").ComputedRef<boolean>;
     index: import("vue").ComputedRef<any>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        /**
+         * The label of the tab component used as the button panel label
+         */
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The label of the tab component used as the button panel label

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     active: import("vue").ComputedRef<number>;
-    tabs: import("vue").Ref<never[]>;
+    tabs: import("vue").Ref<any>;
     selectTab: (tab: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**

package/types/components/index.d.ts

@@ -6,3 +6,5 @@ export * from './fw-button';
 export * from './fw-navigation-menu';
 export * from './fw-tabs';
 export * from './fw-modal';
+export * from './fw-progress-bar';
+export * from './fw-animations';

package/types/components/index.types.d.ts

@@ -4,3 +4,4 @@ export * from '../components/fw-navigation-menu/index.types';
 export * from '../components/fw-input/index.types';
 export * from '../components/fw-checkbox/index.types';
 export * from '../components/fw-modal/index.types';
+export * from '../components/fw-progress-bar/index.types';