@frollo/frollo-web-ui 3.0.0 → 3.0.2

package/icons/chevron-left.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 56 56" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M39.6812 3.96479C40.0572 4.30834 40.2451 4.77832 40.2451 5.24995C40.2451 5.67552 40.0913 6.10099 39.7803 6.43776L19.881 27.9999L39.6888 49.5578C40.3451 50.2687 40.3041 51.3777 39.5897 52.0307C38.8788 52.687 37.7752 52.6426 37.1189 51.9333L16.1189 29.1833C15.4968 28.51 15.4968 27.4814 16.1189 26.8077L37.1189 4.05769C37.8655 3.35338 38.9702 3.30854 39.6812 3.96479Z" />
+</svg>

package/icons/chevron-right.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 56 56" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M18.6454 52.0406C18.2693 51.6971 18.0814 51.2271 18.0814 50.7555C18.0814 50.3299 18.2352 49.9044 18.5463 49.5677L38.3541 28.0098L18.5458 6.4378C17.8896 5.72686 17.9306 4.6178 18.645 3.96483C19.3559 3.30858 20.4595 3.35299 21.1157 4.06224L42.1158 26.8123C42.7379 27.4856 42.7379 28.5141 42.1158 29.1879L21.1157 51.9379C20.4566 52.6422 19.3563 52.6969 18.6454 52.0406Z" />
+</svg>

package/icons/index.ts

@@ -16,6 +16,8 @@ import EnvelopeSvg from './envelope.svg';
 import CheckSvg from './check.svg';
 import ChevronUpSvg from './chevron-up.svg';
 import ChevronDownSvg from './chevron-down.svg';
+import ChevronRightSvg from './chevron-right.svg';
+import ChevronLeftSvg from './chevron-left.svg';
 import ErrorFilledSvg from './error-filled.svg';
 import LightBulbSvg from './light-bulb.svg';
 import LandmarkSvg from './landmark.svg';
@@ -48,6 +50,8 @@ export {
   CheckSvg,
   ChevronUpSvg,
   ChevronDownSvg,
+  ChevronRightSvg,
+  ChevronLeftSvg,
   ErrorFilledSvg,
   LightBulbSvg,
   LandmarkSvg,

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$l: vue.DefineComponent<{
+declare const _default$n: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -88,6 +90,7 @@ declare const _default$l: 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$l: vue.DefineComponent<{
     tabindex: string;
 }>;
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$m: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -195,7 +198,9 @@ declare const _default$k: 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$j: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -347,7 +352,7 @@ declare const _default$j: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -429,7 +434,7 @@ declare const _default$i: vue.DefineComponent<{
     isBordered: boolean;
 }>;
 
-declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text';
+declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
 declare interface ButtonDefinition {
     text: string;
     background: string;
@@ -456,7 +461,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -477,7 +482,7 @@ declare const _default$h: vue.DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;
@@ -570,7 +575,7 @@ declare const _default$h: vue.DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;
@@ -637,7 +642,7 @@ declare interface NavMenuItem {
     external?: boolean;
 }
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -692,7 +697,7 @@ declare const _default$g: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -716,7 +721,7 @@ declare const _default$f: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -748,7 +753,7 @@ declare const _default$e: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -927,7 +932,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$c: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -994,7 +999,7 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$b: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs' & 'sm'
      */
@@ -1054,7 +1059,7 @@ declare interface FwTableProps {
     loading?: boolean;
 }
 
-declare const _default$a: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1095,11 +1100,11 @@ declare const _default$a: vue.DefineComponent<{
     loading: boolean;
 }>;
 
-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$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$8: 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$7: vue.DefineComponent<{
+declare const _default$9: vue.DefineComponent<{
     /**
      * The header title of the accordion
      */
@@ -1147,7 +1152,7 @@ declare const _default$7: vue.DefineComponent<{
     isOpened: boolean;
 }>;
 
-declare const _default$6: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     /**
      * The src attribute of the image
      */
@@ -1230,11 +1235,11 @@ declare const _default$6: vue.DefineComponent<{
     threshold: number;
 }>;
 
-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$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default$4: 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$3: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     columns: {
         type: NumberConstructor;
         default: number;
@@ -1273,7 +1278,7 @@ declare interface FwToastProps {
     timeout?: number;
 }
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The toast's v-model. Controls the visibility of the toast.
      */
@@ -1392,7 +1397,7 @@ declare const _default$2: vue.DefineComponent<{
     timeout: number;
 }>;
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * The transaction title of the card
      */
@@ -1450,6 +1455,175 @@ declare const _default$1: vue.DefineComponent<{
     };
 }>>, {}>;
 
+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$2: 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 interface SidebarMenuItem {
+    to?: string | object;
+    href?: string;
+    label: string;
+    external?: boolean;
+}
+
+declare const _default$1: vue.DefineComponent<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    isMenuOpen: vue.Ref<boolean>;
+    toggleMenu: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "toggled"[], "toggled", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onToggled?: ((...args: any[]) => any) | undefined;
+}, {
+    toggleButtonClass: string;
+    openWidth: string;
+    closedWidth: string;
+}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -1574,4 +1748,4 @@ declare interface FwTransactionsCardProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$7 as FwAccordion, FwAccordionProps, _default$h as FwButton, FwButtonProps, _default$i as FwCard, FwCardProps, _default$k as FwCheckbox, FwCheckboxProps, _default$j as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$6 as FwImage, FwImageProps, _default$l as FwInput, FwInputProps, FwInputType, _default$5 as FwLoadingBar, _default$4 as FwLoadingCard, _default as FwLoadingSpinner, _default$3 as FwLoadingTable, _default$d as FwModal, FwModalProps, _default$g as FwNavigationMenu, _default$c as FwProgressBar, __default__ as FwSuccessPulse, _default$e as FwTab, _default$a as FwTable, FwTableFormatFunction, _default$9 as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$8 as FwTableRow, FwTableSort, _default$f as FwTabs, _default$b as FwTag, FwTagProps, _default$2 as FwToast, FwToastProps, _default$1 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwAccordion, FwAccordionProps, _default$2 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$j as FwButton, FwButtonProps, _default$k as FwCard, FwCardProps, _default$m as FwCheckbox, FwCheckboxProps, _default$l as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$8 as FwImage, FwImageProps, _default$n as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$f as FwModal, FwModalProps, _default$i as FwNavigationMenu, _default$e as FwProgressBar, _default$1 as FwSidebarMenu, __default__ as FwSuccessPulse, _default$g as FwTab, _default$c as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$h as FwTabs, _default$d as FwTag, FwTagProps, _default$4 as FwToast, FwToastProps, _default$3 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, SidebarMenuItem, 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": "3.0.0",
+  "version": "3.0.2",
   "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,6 +85,7 @@
     "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",

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

@@ -0,0 +1,83 @@
+import { PropType } from 'vue';
+import { FwBarGraphData } from './index.types';
+declare const _default: import("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: import("vue").ComputedRef<string[]>;
+    yModel: import("vue").ComputedRef<number[]>;
+    chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ElementChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").PluginChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").DatasetChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ScaleChartOptions<keyof import("chart.js").ChartTypeRegistry>>>;
+    chartData: import("vue").ComputedRef<{
+        labels: string[];
+        datasets: {
+            backgroundColor: string[] | undefined;
+            data: number[];
+            borderWidth: number;
+            borderRadius: number;
+            barPercentage: number;
+        }[];
+    }>;
+    bgColor: string;
+    primaryFade: 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<{
+    /**
+     * 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>;
+    };
+}>>, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,11 @@
+export declare interface FwBarGraphData {
+    name: string;
+    value: string | number;
+}
+export declare interface FwBarChartProps {
+    title?: string;
+    yMarker?: string;
+    x?: string[] | string;
+    y?: (string | number)[] | string;
+    graphData?: FwBarGraphData[] | string;
+}

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;
@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
         type: PropType<ButtonVariantName>;

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

@@ -1,4 +1,4 @@
-export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text';
+export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
 export declare interface ButtonDefinition {
     text: string;
     background: string;

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

@@ -25,7 +25,9 @@ declare const _default: import("vue").DefineComponent<{
     hint: {
         type: StringConstructor;
     };
-}, 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<{
+}, {
+    uuid: 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<{
     /**
      * The name of the input field. Must be unique per form.
      */

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

@@ -70,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    uuid: string;
     inputBaseClass: import("vue").Ref<string>;
     inputValue: import("vue").WritableComputedRef<string>;
 }, 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/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts

@@ -0,0 +1,71 @@
+import { PropType } from 'vue';
+import { SidebarMenuItem } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    isMenuOpen: import("vue").Ref<boolean>;
+    toggleMenu: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggled"[], "toggled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<SidebarMenuItem[]>;
+    };
+    /**
+     * The class for the open/close toggle button
+     */
+    toggleButtonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    openWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The width class for the sidebar when opened
+     */
+    closedWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onToggled?: ((...args: any[]) => any) | undefined;
+}, {
+    toggleButtonClass: string;
+    openWidth: string;
+    closedWidth: string;
+}>;
+export default _default;