@frollo/frollo-web-ui 3.0.2 → 4.0.1

package/icons/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M13.7936 9.26844L8.54361 14.7684C8.39986 14.9153 8.20611 14.9997 7.99986 14.9997C7.79361 14.9997 7.59861 14.9157 7.45673 14.7673L2.20673 9.26725C1.92173 8.94031 1.93248 8.49344 2.2323 8.20594C2.52917 7.91981 3.00573 7.93056 3.29292 8.23133L7.24986 12.3778V1.75031C7.24986 1.33625 7.5858 1 7.97174 1C8.35767 1 8.74986 1.33625 8.74986 1.75031V12.3784L12.7061 8.23156C12.9922 7.93078 13.4689 7.92003 13.7667 8.20617C14.0686 8.49344 14.078 8.94031 13.7936 9.26844Z" />
+</svg>

package/icons/arrow-sort.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9.4497 12.472L7.7497 14.3407V3.7507C7.7497 3.33633 7.41533 3.00008 6.9997 3.00008C6.58408 3.00008 6.2497 3.33633 6.2497 3.7507V14.3413L4.55064 12.4991C4.40317 12.339 4.20189 12.2579 4.00001 12.2579C3.81839 12.2579 3.63564 12.3234 3.49126 12.4571C3.18658 12.7377 3.16814 13.2128 3.44926 13.5178L6.42114 16.7709C6.70433 17.0778 7.23958 17.0778 7.5227 16.7709L10.4946 13.5178C10.7758 13.2128 10.7573 12.7378 10.4526 12.4571C10.2028 12.172 9.72783 12.1938 9.4497 12.472ZM16.5497 6.48133L13.5778 3.2282C13.2946 2.92133 12.7594 2.92133 12.4763 3.2282L9.4497 6.48133C9.16845 6.78627 9.18701 7.26133 9.4917 7.54195C9.63617 7.67573 9.81889 7.74117 10.0005 7.74117C10.2026 7.74117 10.4039 7.66011 10.5511 7.49995L12.2497 5.65945V16.2501C12.2497 16.6626 12.5872 17.0001 12.9997 17.0001C13.4122 17.0001 13.7497 16.6638 13.7497 16.2495V5.65945L15.4488 7.50164C15.7281 7.80658 16.2025 7.82695 16.5081 7.54364C16.8122 7.26258 16.831 6.78758 16.5497 6.48133Z" />
+</svg>

package/icons/index.ts

@@ -30,6 +30,9 @@ import LoadingSvg from './loading.svg';
 import BullseyeSvg from './bullseye.svg';
 import SolidCheckSvg from './solid-check.svg';
 import SolidXMarkSvg from './solid-xmark.svg';
+import ArrowSortSvg from './arrow-sort.svg';
+import ArrowDownSvg from './arrow-down.svg';
+import SearchSvg from './search.svg';
 
 export {
   ViewSvg,
@@ -63,5 +66,8 @@ export {
   LoadingSvg,
   BullseyeSvg,
   SolidCheckSvg,
-  SolidXMarkSvg
+  SolidXMarkSvg,
+  ArrowSortSvg,
+  ArrowDownSvg,
+  SearchSvg
 };

package/icons/search.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M23.7797 22.7203L17.1469 16.0875C18.6094 14.3813 19.4578 12.1734 19.4578 9.75C19.4578 4.36406 15.0924 0 9.70782 0C4.32329 0 0 4.36547 0 9.75C0 15.1345 4.36501 19.5 9.70782 19.5C12.1303 19.5 14.3414 18.6112 16.0453 17.1492L22.6781 23.782C22.8656 23.925 23.0578 24 23.25 24C23.4422 24 23.6338 23.9268 23.7802 23.7803C24.075 23.4891 24.075 23.0109 23.7797 22.7203ZM9.75001 18C5.16095 18 1.50001 14.2969 1.50001 9.75C1.50001 5.20312 5.16095 1.5 9.75001 1.5C14.3391 1.5 18 5.16094 18 9.75C18 14.3391 14.2969 18 9.75001 18Z" />
+</svg>

package/index.d.ts

@@ -18,9 +18,11 @@ declare interface FwInputProps {
     hint?: string;
     autocomplete?: string;
     tabindex?: string;
+    rounded?: boolean;
+    enableErrors?: boolean;
 }
 
-declare const _default$n: vue.DefineComponent<{
+declare const _default$m: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -89,6 +91,22 @@ declare const _default$n: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     uuid: string;
     inputBaseClass: vue.Ref<string>;
@@ -162,6 +180,22 @@ declare const _default$n: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -170,9 +204,11 @@ declare const _default$n: vue.DefineComponent<{
     placeholder: string;
     readonly: boolean;
     tabindex: string;
+    rounded: boolean;
+    enableErrors: boolean;
 }>;
 
-declare const _default$m: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -241,7 +277,7 @@ declare interface FwDropdownProps {
     placeholder?: string;
 }
 
-declare const _default$l: vue.DefineComponent<{
+declare const _default$k: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -352,7 +388,7 @@ declare const _default$l: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -461,7 +497,7 @@ declare interface FwButtonProps {
     external?: boolean;
 }
 
-declare const _default$j: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -642,7 +678,7 @@ declare interface NavMenuItem {
     external?: boolean;
 }
 
-declare const _default$i: vue.DefineComponent<{
+declare const _default$h: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -697,7 +733,7 @@ declare const _default$i: vue.DefineComponent<{
     containerClass: string;
 }>;
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -721,7 +757,7 @@ declare const _default$h: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$g: vue.DefineComponent<{
+declare const _default$f: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -753,7 +789,7 @@ declare const _default$g: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -932,7 +968,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$e: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -999,7 +1035,7 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs' & 'sm'
      */
@@ -1047,19 +1083,22 @@ declare const _default$d: vue.DefineComponent<{
 
 declare type FwTableItem = Record<string, string | number>;
 declare type FwTableFormatFunction = (value: string | number | object) => string;
+declare type FwTableSort = 'asc' | 'desc';
 declare type FwTableItemOptions = Record<string, {
     formatter?: FwTableFormatFunction;
     isSortable?: boolean;
     disabled?: boolean;
+    initSortOrder?: FwTableSort;
 }>;
-declare type FwTableSort = 'asc' | 'desc';
 declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
+    clickableRows?: boolean;
+    autoSortColumn?: number;
 }
 
-declare const _default$c: vue.DefineComponent<{
+declare const __default__$2: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1072,6 +1111,17 @@ declare const _default$c: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }, {
     columns: vue.ComputedRef<string[]>;
     sortBy: vue.Ref<string>;
@@ -1079,11 +1129,13 @@ declare const _default$c: vue.DefineComponent<{
     sortColumn: (column: string) => void;
     sortedData: vue.ComputedRef<FwTableItem[]>;
     currentSortedColumn: vue.Ref<string>;
-    sortedIcon: (sortDir: string, column: string) => "text-body" | "text-grey-light";
+    sortedIcon: (sortDir: string, column: string) => boolean;
     formattedText: (row: FwTableItem, column: string) => string | number;
     isColumnSortable: (column: string) => boolean | undefined;
     isDisabled: (column: string) => boolean;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    rowClicked: (row: FwTableItem) => void;
+    bgHoverColor: string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "rowClicked"[], "rowClicked", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -1096,8 +1148,22 @@ declare const _default$c: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
+}>> & {
+    onRowClicked?: ((...args: any[]) => any) | undefined;
+}, {
     loading: boolean;
+    clickableRows: boolean;
 }>;
 
 declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
@@ -1548,11 +1614,12 @@ declare const _default$2: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare interface SidebarMenuItem {
+declare interface FwSidebarMenuItem {
     to?: string | object;
     href?: string;
     label: string;
     external?: boolean;
+    disabled?: boolean;
 }
 
 declare const _default$1: vue.DefineComponent<{
@@ -1561,7 +1628,7 @@ declare const _default$1: vue.DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -1585,6 +1652,7 @@ declare const _default$1: vue.DefineComponent<{
         default: string;
     };
 }, {
+    baseClass: string;
     isMenuOpen: vue.Ref<boolean>;
     toggleMenu: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "toggled"[], "toggled", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -1593,7 +1661,7 @@ declare const _default$1: vue.DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -1748,4 +1816,4 @@ declare interface FwTransactionsCardProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-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 };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwAccordion, FwAccordionProps, _default$2 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$8 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, _default$1 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$2 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$4 as FwToast, FwToastProps, _default$3 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": "3.0.2",
+  "version": "4.0.1",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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

@@ -69,6 +69,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     uuid: string;
     inputBaseClass: import("vue").Ref<string>;
@@ -142,6 +158,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -150,5 +182,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: string;
     readonly: boolean;
     tabindex: string;
+    rounded: boolean;
+    enableErrors: boolean;
 }>;
 export default _default;

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

@@ -10,4 +10,6 @@ export declare interface FwInputProps {
     hint?: string;
     autocomplete?: string;
     tabindex?: string;
+    rounded?: boolean;
+    enableErrors?: boolean;
 }

package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts

@@ -1,12 +1,12 @@
 import { PropType } from 'vue';
-import { SidebarMenuItem } from './index.types';
+import { FwSidebarMenuItem } 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[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button
@@ -30,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    baseClass: 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<{
@@ -38,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
      * `{ to?: string | object; href?: string; label: string; }`
      */
     menuItems: {
-        type: PropType<SidebarMenuItem[]>;
+        type: PropType<FwSidebarMenuItem[]>;
     };
     /**
      * The class for the open/close toggle button

package/types/components/fw-sidebar-menu/index.types.d.ts

@@ -1,6 +1,7 @@
-export declare interface SidebarMenuItem {
+export declare interface FwSidebarMenuItem {
     to?: string | object;
     href?: string;
     label: string;
     external?: boolean;
+    disabled?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { FwTableItem, FwTableSort } from './index.types';
-declare const _default: import("vue").DefineComponent<{
+declare const __default__: import("vue").DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -13,6 +13,17 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
 }, {
     columns: import("vue").ComputedRef<string[]>;
     sortBy: import("vue").Ref<string>;
@@ -20,11 +31,13 @@ declare const _default: import("vue").DefineComponent<{
     sortColumn: (column: string) => void;
     sortedData: import("vue").ComputedRef<FwTableItem[]>;
     currentSortedColumn: import("vue").Ref<string>;
-    sortedIcon: (sortDir: string, column: string) => "text-body" | "text-grey-light";
+    sortedIcon: (sortDir: string, column: string) => boolean;
     formattedText: (row: FwTableItem, column: string) => string | number;
     isColumnSortable: (column: string) => boolean | undefined;
     isDisabled: (column: string) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rowClicked: (row: FwTableItem) => void;
+    bgHoverColor: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "rowClicked"[], "rowClicked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -37,7 +50,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
+    clickableRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoSortColumn: {
+        type: NumberConstructor;
+    };
+}>> & {
+    onRowClicked?: ((...args: any[]) => any) | undefined;
+}, {
     loading: boolean;
+    clickableRows: boolean;
 }>;
-export default _default;
+export default __default__;

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

@@ -1,13 +1,16 @@
 export declare type FwTableItem = Record<string, string | number>;
 export declare type FwTableFormatFunction = (value: string | number | object) => string;
+export declare type FwTableSort = 'asc' | 'desc';
 export declare type FwTableItemOptions = Record<string, {
     formatter?: FwTableFormatFunction;
     isSortable?: boolean;
     disabled?: boolean;
+    initSortOrder?: FwTableSort;
 }>;
-export declare type FwTableSort = 'asc' | 'desc';
 export declare interface FwTableProps {
     items: FwTableItem[];
     options?: FwTableItemOptions;
     loading?: boolean;
+    clickableRows?: boolean;
+    autoSortColumn?: number;
 }

package/types/icons/index.d.ts

@@ -30,4 +30,7 @@ import LoadingSvg from './loading.svg';
 import BullseyeSvg from './bullseye.svg';
 import SolidCheckSvg from './solid-check.svg';
 import SolidXMarkSvg from './solid-xmark.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ChevronRightSvg, ChevronLeftSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg, BullseyeSvg, SolidCheckSvg, SolidXMarkSvg };
+import ArrowSortSvg from './arrow-sort.svg';
+import ArrowDownSvg from './arrow-down.svg';
+import SearchSvg from './search.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ChevronRightSvg, ChevronLeftSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg, UserSvg, LoadingSvg, BullseyeSvg, SolidCheckSvg, SolidXMarkSvg, ArrowSortSvg, ArrowDownSvg, SearchSvg };