@frollo/frollo-web-ui 2.0.0 → 3.0.1

package/icons/index.ts

@@ -26,6 +26,8 @@ import PlusSvg from './plus.svg';
 import UserSvg from './user.svg';
 import LoadingSvg from './loading.svg';
 import BullseyeSvg from './bullseye.svg';
+import SolidCheckSvg from './solid-check.svg';
+import SolidXMarkSvg from './solid-xmark.svg';
 
 export {
   ViewSvg,
@@ -55,5 +57,7 @@ export {
   PlusSvg,
   UserSvg,
   LoadingSvg,
-  BullseyeSvg
+  BullseyeSvg,
+  SolidCheckSvg,
+  SolidXMarkSvg
 };

package/icons/solid-check.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12ZM17.4281 9.92813C17.9391 9.41719 17.9391 8.58281 17.4281 8.07187C16.9172 7.56094 16.0828 7.56094 15.5719 8.07187L10.5 13.1437L8.42813 11.0719C7.91719 10.5609 7.08281 10.5609 6.57187 11.0719C6.06094 11.5828 6.06094 12.4172 6.57187 12.9281L9.57187 15.9281C10.0828 16.4391 10.9172 16.4391 11.4281 15.9281L17.4281 9.92813Z" />
+</svg>

package/icons/solid-xmark.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12ZM8.20312 9.75469L10.4109 11.9578L8.20312 14.2031C7.76719 14.6438 7.76719 15.3563 8.20312 15.7547C8.64375 16.2328 9.35625 16.2328 9.75469 15.7547L11.9578 13.5891L14.2031 15.7547C14.6438 16.2328 15.3563 16.2328 15.7547 15.7547C16.2328 15.3563 16.2328 14.6438 15.7547 14.2031L13.5891 11.9578L15.7547 9.75469C16.2328 9.35625 16.2328 8.64375 15.7547 8.20312C15.3563 7.76719 14.6438 7.76719 14.2031 8.20312L11.9578 10.4109L9.75469 8.20312C9.35625 7.76719 8.64375 7.76719 8.20312 8.20312C7.76719 8.64375 7.76719 9.35625 8.20312 9.75469Z" />
+</svg>

package/index.d.ts

@@ -3,6 +3,8 @@ import { PropType, Plugin } from 'vue';
 import * as vee_validate from 'vee-validate';
 export { Form as FwForm } from 'vee-validate';
 import * as _vue_shared from '@vue/shared';
+import * as chart_js_dist_types_utils from 'chart.js/dist/types/utils';
+import * as chart_js from 'chart.js';
 
 declare type FwInputType = 'text' | 'password' | 'email' | 'tel' | 'time' | 'url' | 'week' | 'month';
 declare interface FwInputProps {
@@ -18,7 +20,7 @@ declare interface FwInputProps {
     tabindex?: string;
 }
 
-declare const _default$j: vue.DefineComponent<{
+declare const _default$m: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -88,6 +90,7 @@ declare const _default$j: vue.DefineComponent<{
         default: string;
     };
 }, {
+    uuid: string;
     inputBaseClass: vue.Ref<string>;
     inputValue: vue.WritableComputedRef<string>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -169,7 +172,7 @@ declare const _default$j: vue.DefineComponent<{
     tabindex: string;
 }>;
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -195,7 +198,9 @@ declare const _default$i: vue.DefineComponent<{
     hint: {
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, {
+    uuid: string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -236,7 +241,7 @@ declare interface FwDropdownProps {
     placeholder?: string;
 }
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -347,7 +352,7 @@ declare const _default$h: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -456,7 +461,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -637,7 +642,7 @@ declare interface NavMenuItem {
     external?: boolean;
 }
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -692,7 +697,7 @@ declare const _default$e: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -716,7 +721,7 @@ declare const _default$d: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$c: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -748,7 +753,7 @@ declare const _default$c: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$b: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -761,6 +766,13 @@ declare const _default$b: vue.DefineComponent<{
     header: {
         type: StringConstructor;
     };
+    /**
+     * The element to attach the modal too. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The body description of the modal
      */
@@ -821,6 +833,7 @@ declare const _default$b: vue.DefineComponent<{
 }, {
     isOpen: vue.ComputedRef<boolean>;
     uuid: string;
+    isMounted: vue.Ref<boolean>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
@@ -834,6 +847,13 @@ declare const _default$b: vue.DefineComponent<{
     header: {
         type: StringConstructor;
     };
+    /**
+     * The element to attach the modal too. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The body description of the modal
      */
@@ -896,6 +916,7 @@ declare const _default$b: vue.DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
+    element: string;
     role: string;
     showCancel: boolean;
     showConfirm: boolean;
@@ -911,7 +932,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$a: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -978,7 +999,7 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$9: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs' & 'sm'
      */
@@ -1038,7 +1059,7 @@ declare interface FwTableProps {
     loading?: boolean;
 }
 
-declare const _default$8: vue.DefineComponent<{
+declare const _default$b: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1079,11 +1100,11 @@ declare const _default$8: vue.DefineComponent<{
     loading: boolean;
 }>;
 
-declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$9: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     /**
      * The header title of the accordion
      */
@@ -1131,7 +1152,7 @@ declare const _default$5: vue.DefineComponent<{
     isOpened: boolean;
 }>;
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$7: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1214,11 +1235,11 @@ declare const _default$4: vue.DefineComponent<{
     threshold: number;
 }>;
 
-declare const _default$3: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$2: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default$5: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1243,6 +1264,290 @@ declare const _default$1: vue.DefineComponent<{
     rows: number;
 }>;
 
+declare type ToastType = 'success' | 'error' | 'warning';
+declare type ToastTypes = {
+    [key in ToastType]: string;
+};
+declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare interface FwToastProps {
+    modelValue: boolean;
+    type?: ToastType;
+    position?: ToastPosition;
+    content?: string;
+    element?: string;
+    timeout?: number;
+}
+
+declare const _default$3: vue.DefineComponent<{
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
+     */
+    type: {
+        type: PropType<ToastType>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+     */
+    position: {
+        type: PropType<ToastPosition>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The content of the toast.
+     */
+    content: {
+        type: StringConstructor;
+    };
+    /**
+     * The base container to attach to. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The duration timeout before the toast is dismissed.
+     */
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    containerEl: vue.ComputedRef<string>;
+    baseClass: string;
+    typeClasses: vue.Ref<{
+        success: string;
+        error: string;
+        warning: string;
+    }>;
+    svgComponent: vue.Ref<{
+        success: string;
+        error: string;
+        warning: string;
+    }>;
+    isOpen: vue.WritableComputedRef<vue.Ref<boolean>>;
+    uuid: string;
+    isMounted: vue.Ref<boolean>;
+    mountContainer: vue.Ref<boolean>;
+    isLeftRightorCenter: vue.ComputedRef<"Right" | "Left" | "Center">;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
+     */
+    type: {
+        type: PropType<ToastType>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+     */
+    position: {
+        type: PropType<ToastPosition>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The content of the toast.
+     */
+    content: {
+        type: StringConstructor;
+    };
+    /**
+     * The base container to attach to. Defaults to `#app` element.
+     */
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The duration timeout before the toast is dismissed.
+     */
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDismissed?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    type: ToastType;
+    position: ToastPosition;
+    element: string;
+    timeout: number;
+}>;
+
+declare const _default$2: vue.DefineComponent<{
+    /**
+     * The transaction title of the card
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The transaction sub-title of the card
+     */
+    subTitle: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The transaction amount.
+     */
+    amount: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The src url for the image.
+     */
+    imageUrl: {
+        type: StringConstructor;
+        required: false;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The transaction title of the card
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The transaction sub-title of the card
+     */
+    subTitle: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The transaction amount.
+     */
+    amount: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The src url for the image.
+     */
+    imageUrl: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {}>;
+
+declare interface FwBarGraphData {
+    name: string;
+    value: string | number;
+}
+declare interface FwBarChartProps {
+    title?: string;
+    yMarker?: string;
+    x?: string[] | string;
+    y?: (string | number)[] | string;
+    graphData?: FwBarGraphData[] | string;
+}
+
+declare const _default$1: vue.DefineComponent<{
+    /**
+     * The transaction title of the chart
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The marker label of the y-axis transactions
+     */
+    yMarker: {
+        type: StringConstructor;
+    };
+    /**
+     * The x axis data.
+     */
+    x: {
+        type: PropType<string | string[] | undefined>;
+    };
+    /**
+     * The y axis data.
+     */
+    y: {
+        type: PropType<string | (string | number)[] | undefined>;
+    };
+    /**
+     * The x and y axis data.
+     */
+    graphData: {
+        type: PropType<string | FwBarGraphData[] | undefined>;
+    };
+}, {
+    uuid: string;
+    xModel: vue.ComputedRef<string[]>;
+    yModel: vue.ComputedRef<number[]>;
+    chartOptions: vue.ComputedRef<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
+    chartData: vue.ComputedRef<{
+        labels: string[];
+        datasets: {
+            backgroundColor: string[] | undefined;
+            data: number[];
+            borderWidth: number;
+            borderRadius: number;
+            barPercentage: number;
+        }[];
+    }>;
+    bgColor: string;
+    primaryFade: string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The transaction title of the chart
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * The marker label of the y-axis transactions
+     */
+    yMarker: {
+        type: StringConstructor;
+    };
+    /**
+     * The x axis data.
+     */
+    x: {
+        type: PropType<string | string[] | undefined>;
+    };
+    /**
+     * The y axis data.
+     */
+    y: {
+        type: PropType<string | (string | number)[] | undefined>;
+    };
+    /**
+     * The x and y axis data.
+     */
+    graphData: {
+        type: PropType<string | FwBarGraphData[] | undefined>;
+    };
+}>>, {}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -1296,6 +1601,7 @@ declare const _default: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOpt
 declare interface FwModalProps {
     modelValue: boolean;
     header?: string;
+    element?: string;
     body?: string;
     role?: string;
     showCancel?: boolean;
@@ -1310,11 +1616,20 @@ declare interface ModalServiceProps extends Omit<FwModalProps, 'modelValue'> {
     onConfirm?: () => void;
     onCancel?: () => void;
 }
-declare const modalService: (options?: ModalServiceProps, element?: HTMLDivElement) => {
+declare const modalService: (options?: ModalServiceProps) => {
     open: () => void;
     close: () => void;
 };
 
+declare interface ToastServiceProps extends Omit<FwToastProps, 'modelValue' | 'type'> {
+    onDismissed?: () => void;
+}
+declare const toastService: () => {
+    success: (options?: ToastServiceProps) => void;
+    error: (options?: ToastServiceProps) => void;
+    warning: (options?: ToastServiceProps) => void;
+};
+
 declare const install: Exclude<Plugin['install'], undefined>;
 
 declare interface FwCardProps {
@@ -1348,6 +1663,13 @@ declare interface FwImageProps {
     threshold?: number;
 }
 
+declare interface FwTransactionsCardProps {
+    title: string;
+    subTitle?: string;
+    imageUrl?: string;
+    amount?: string;
+}
+
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$5 as FwAccordion, FwAccordionProps, _default$f as FwButton, FwButtonProps, _default$g as FwCard, FwCardProps, _default$i as FwCheckbox, FwCheckboxProps, _default$h as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$4 as FwImage, FwImageProps, _default$j as FwInput, FwInputProps, FwInputType, _default$3 as FwLoadingBar, _default$2 as FwLoadingCard, _default as FwLoadingSpinner, _default$1 as FwLoadingTable, _default$b as FwModal, FwModalProps, _default$e as FwNavigationMenu, _default$a as FwProgressBar, __default__ as FwSuccessPulse, _default$c as FwTab, _default$8 as FwTable, FwTableFormatFunction, _default$7 as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$6 as FwTableRow, FwTableSort, _default$d as FwTabs, _default$9 as FwTag, FwTagProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, install as default, modalService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$8 as FwAccordion, FwAccordionProps, _default$1 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$i as FwButton, FwButtonProps, _default$j as FwCard, FwCardProps, _default$l as FwCheckbox, FwCheckboxProps, _default$k as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$7 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$6 as FwLoadingBar, _default$5 as FwLoadingCard, _default as FwLoadingSpinner, _default$4 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, __default__ as FwSuccessPulse, _default$f as FwTab, _default$b as FwTable, FwTableFormatFunction, _default$a as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$9 as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$3 as FwToast, FwToastProps, _default$2 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "2.0.0",
+  "version": "3.0.1",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",
@@ -33,6 +33,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.5",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@geometricpanda/storybook-addon-iframe": "^0.2.1",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-babel": "^5.3.0",
@@ -61,6 +62,7 @@
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^28.1.1",
     "babel-loader": "^8.2.5",
+    "chart.js": "^4.3.0",
     "cross-env": "^7.0.3",
     "css-loader": "^6.6.0",
     "eslint": "^8.9.0",
@@ -83,9 +85,11 @@
     "ts-jest": "^28.0.5",
     "typescript": "^4.7.4",
     "vee-validate": "^4.5.9",
+    "vue-chartjs": "^5.2.0",
     "vue-loader": "^16.8.3",
     "vue-style-loader": "^4.1.3",
     "vue-svg-loader": "^0.17.0-beta.2",
+    "vue3-webcomponent-wrapper": "^0.2.0",
     "yup": "^0.32.11"
   },
   "homepage": "https://github.com/frollous/frollo-web-ui#readme",

package/styles/web-components.scss

@@ -0,0 +1,8 @@
+@import './tailwind.scss';
+
+body {
+  font-family: var(--fontFamily);
+  @apply text-base text-body;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}