@frollo/frollo-web-ui 0.2.1 → 0.2.4

package/icons/check.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 17 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.8473 0.621086C16.2059 0.951555 16.2059 1.48593 15.8473 1.78476L6.56602 11.066C6.26719 11.4246 5.73281 11.4246 5.40234 11.066L0.622113 6.28476C0.292629 5.98593 0.292629 5.45156 0.622113 5.12109C0.951563 4.79413 1.48594 4.79413 1.81535 5.12109L6 9.3082L14.6836 0.621086C15.0141 0.292727 15.5484 0.292727 15.8473 0.621086Z" />
+</svg>

package/icons/index.ts

@@ -13,6 +13,7 @@ import InfoCircleSvg from './info-circle.svg';
 import FileExclamationSvg from './file-exclamation.svg';
 import HourglassClockSvg from './hourglass-clock.svg';
 import EnvelopeSvg from './envelope.svg';
+import CheckSvg from './check.svg';
 
 export {
   ViewSvg,
@@ -29,5 +30,6 @@ export {
   InfoCircleSvg,
   FileExclamationSvg,
   HourglassClockSvg,
-  EnvelopeSvg
+  EnvelopeSvg,
+  CheckSvg
 };

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.1",
+  "version": "0.2.4",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",
@@ -84,6 +84,7 @@
     "vee-validate": "^4.5.9",
     "vue-loader": "^16.8.3",
     "vue-style-loader": "^4.1.3",
+    "vue-svg-loader": "^0.17.0-beta.2",
     "yup": "^0.32.11"
   },
   "homepage": "https://github.com/frollous/frollo-web-ui#readme",

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';

package/types/icons/index.d.ts

@@ -13,4 +13,5 @@ import InfoCircleSvg from './info-circle.svg';
 import FileExclamationSvg from './file-exclamation.svg';
 import HourglassClockSvg from './hourglass-clock.svg';
 import EnvelopeSvg from './envelope.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg };
+import CheckSvg from './check.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg };