@licklist/design 0.66.8-dev.2 → 0.66.9-dev.1

package/dist/setting/admin/PaymentFeeForm.js

@@ -7,8 +7,8 @@ import InputGroup from 'react-bootstrap/InputGroup';
 import Row from 'react-bootstrap/Row';
 import { useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { FaPercentage, FaPoundSign } from 'react-icons/fa';
 import '../../static/index.js';
+import Icon from '../../static/Icon.js';
 import WarningMessage from '../../static/WarningMessage.js';
 
 function _define_property(obj, key, value) {
@@ -118,8 +118,11 @@ function PaymentFeeForm(param) {
                                                     children: [
                                                         /*#__PURE__*/ jsx(InputGroup.Prepend, {
                                                             children: /*#__PURE__*/ jsx(InputGroup.Text, {
-                                                                children: /*#__PURE__*/ jsx(FaPercentage, {
-                                                                    size: 10
+                                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                                    type: "percentage",
+                                                                    style: {
+                                                                        width: ".7rem"
+                                                                    }
                                                                 })
                                                             })
                                                         }),
@@ -181,8 +184,11 @@ function PaymentFeeForm(param) {
                                                 children: [
                                                     /*#__PURE__*/ jsx(InputGroup.Prepend, {
                                                         children: /*#__PURE__*/ jsx(InputGroup.Text, {
-                                                            children: /*#__PURE__*/ jsx(FaPoundSign, {
-                                                                size: 10
+                                                            children: /*#__PURE__*/ jsx(Icon, {
+                                                                type: "pound-sign",
+                                                                style: {
+                                                                    width: ".7rem"
+                                                                }
                                                             })
                                                         })
                                                     }),
@@ -240,8 +246,11 @@ function PaymentFeeForm(param) {
                                                     children: [
                                                         /*#__PURE__*/ jsx(InputGroup.Prepend, {
                                                             children: /*#__PURE__*/ jsx(InputGroup.Text, {
-                                                                children: /*#__PURE__*/ jsx(FaPoundSign, {
-                                                                    size: 10
+                                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                                    type: "pound-sign",
+                                                                    style: {
+                                                                        width: ".7rem"
+                                                                    }
                                                                 })
                                                             })
                                                         }),
@@ -311,8 +320,11 @@ function PaymentFeeForm(param) {
                                                 children: [
                                                     /*#__PURE__*/ jsx(InputGroup.Prepend, {
                                                         children: /*#__PURE__*/ jsx(InputGroup.Text, {
-                                                            children: /*#__PURE__*/ jsx(FaPercentage, {
-                                                                size: 10
+                                                            children: /*#__PURE__*/ jsx(Icon, {
+                                                                type: "percentage",
+                                                                style: {
+                                                                    width: ".7rem"
+                                                                }
                                                             })
                                                         })
                                                     }),
@@ -369,8 +381,11 @@ function PaymentFeeForm(param) {
                                                 children: [
                                                     /*#__PURE__*/ jsx(InputGroup.Prepend, {
                                                         children: /*#__PURE__*/ jsx(InputGroup.Text, {
-                                                            children: /*#__PURE__*/ jsx(FaPoundSign, {
-                                                                size: 10
+                                                            children: /*#__PURE__*/ jsx(Icon, {
+                                                                type: "pound-sign",
+                                                                style: {
+                                                                    width: ".7rem"
+                                                                }
                                                             })
                                                         })
                                                     }),

package/dist/setting/dashboard/FinancialDataForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinancialDataForm.d.ts","sourceRoot":"","sources":["../../../src/setting/dashboard/FinancialDataForm.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;CACvD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAiB,GAClB,EAAE,sBAAsB,2CA6HxB"}
+{"version":3,"file":"FinancialDataForm.d.ts","sourceRoot":"","sources":["../../../src/setting/dashboard/FinancialDataForm.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;CACvD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAiB,GAClB,EAAE,sBAAsB,2CA4IxB"}

package/dist/setting/dashboard/ProviderSettingForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSettingForm.d.ts","sourceRoot":"","sources":["../../../src/setting/dashboard/ProviderSettingForm.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,8BAA8B,GAAG;IAC3C,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,4CAyK1B,CAAC"}
+{"version":3,"file":"ProviderSettingForm.d.ts","sourceRoot":"","sources":["../../../src/setting/dashboard/ProviderSettingForm.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,8BAA8B,GAAG;IAC3C,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,4CA8K1B,CAAC"}

package/dist/setting/dashboard/ProviderSettingForm.js

@@ -7,7 +7,7 @@ import InputGroup from 'react-bootstrap/InputGroup';
 import Row from 'react-bootstrap/Row';
 import { useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { FaPhone } from 'react-icons/fa';
+import Icon from '../../static/Icon.js';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -106,8 +106,11 @@ var ProviderSettingForm = function(param) {
                                     children: [
                                         /*#__PURE__*/ jsx(InputGroup.Prepend, {
                                             children: /*#__PURE__*/ jsx(InputGroup.Text, {
-                                                children: /*#__PURE__*/ jsx(FaPhone, {
-                                                    size: 16
+                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                    type: "phone",
+                                                    style: {
+                                                        width: "1rem"
+                                                    }
                                                 })
                                             })
                                         }),

package/dist/setting/dashboard/snippet-templates/card/SnippetTemplateCard.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { FaTrashAlt } from 'react-icons/fa';
+import '../../../../static/index.js';
+import Icon from '../../../../static/Icon.js';
 
 function SnippetTemplateCard(param) {
     var name = param.name, _param_colors = param.colors, colors = _param_colors === void 0 ? [] : _param_colors, href = param.href, onRemove = param.onRemove, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_isDefault = param.isDefault, isDefault = _param_isDefault === void 0 ? false : _param_isDefault;
@@ -20,7 +21,9 @@ function SnippetTemplateCard(param) {
                         type: "button",
                         className: "snippet-template-card-button",
                         onClick: onRemove,
-                        children: /*#__PURE__*/ jsx(FaTrashAlt, {})
+                        children: /*#__PURE__*/ jsx(Icon, {
+                            type: "trash-alt"
+                        })
                     })
                 ]
             }),

package/dist/setting/dashboard/snippets/card/SnippetCard.js

@@ -5,9 +5,9 @@ import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import clsx from 'clsx';
 import { OverlayTrigger, Popover, ListGroup } from 'react-bootstrap';
 import { useId } from '@react-aria/utils';
-import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
 import 'react-bootstrap/PageItem';
 import '@licklist/plugins/dist/services/Table/PaginationService';
+import '../../../../static/index.js';
 import '@licklist/plugins/dist/services/Table/TableService';
 import 'react-router-dom';
 import 'lodash';
@@ -17,6 +17,7 @@ import '../../../../table/utils/index.js';
 import { MenuButton } from '../../../../table/MenuButton.js';
 import '@tanstack/react-table';
 import { ConfirmModal } from '../../../../modals/confirmation/ConfirmModal.js';
+import Icon from '../../../../static/Icon.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -96,9 +97,10 @@ function SnippetCard(param) {
                         }),
                         /*#__PURE__*/ jsx("div", {
                             className: "product-set-card-menu-eye-container",
-                            children: /*#__PURE__*/ jsx(FaEye, {
+                            children: /*#__PURE__*/ jsx(Icon, {
+                                type: "eye",
                                 color: "#0E8CE2",
-                                size: 20
+                                width: "20"
                             })
                         }),
                         /*#__PURE__*/ jsx(OverlayTrigger, {
@@ -124,9 +126,7 @@ function SnippetCard(param) {
                                                         confirm(onRemove);
                                                     },
                                                     name: t("remove"),
-                                                    icon: /*#__PURE__*/ jsx(FaTrashAlt, {
-                                                        size: 12
-                                                    }),
+                                                    icon: "trash-alt",
                                                     className: "product-set-card-menu-item-text d-flex w-100 align-items-center",
                                                     rightIcon: true
                                                 });
@@ -143,7 +143,9 @@ function SnippetCard(param) {
                                     e.stopPropagation();
                                     setIsOverlayVisible(true);
                                 },
-                                children: /*#__PURE__*/ jsx(FaEllipsisH, {})
+                                children: /*#__PURE__*/ jsx(Icon, {
+                                    type: "ellipsis-h"
+                                })
                             })
                         })
                     ]

package/dist/sidebar/elements/ReturnBack.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
-import { FaChevronLeft } from 'react-icons/fa';
+import Icon from '../../static/Icon.js';
 
 function ReturnBack(param) {
     var onClick = param.onClick;
@@ -14,7 +14,10 @@ function ReturnBack(param) {
             onClick: onClick,
             variant: "outline-primary",
             children: [
-                /*#__PURE__*/ jsx(FaChevronLeft, {}),
+                /*#__PURE__*/ jsx(Icon, {
+                    type: "chevron-left",
+                    height: "1rem"
+                }),
                 /*#__PURE__*/ jsx("span", {
                     className: "sidebar-return-back__title",
                     children: t("backToCompany")

package/dist/slide-curtain/SlideCurtain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideCurtain.d.ts","sourceRoot":"","sources":["../../src/slide-curtain/SlideCurtain.tsx"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE;;CAAA,2CAqDxC"}
+{"version":3,"file":"SlideCurtain.d.ts","sourceRoot":"","sources":["../../src/slide-curtain/SlideCurtain.tsx"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE;;CAAA,2CAyDxC"}

package/dist/slide-curtain/SlideCurtain.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
-import { FaEllipsisH } from 'react-icons/fa';
 import { useSwipeable } from 'react-swipeable';
+import Icon from '../static/Icon.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -146,8 +146,9 @@ function SlideCurtain(param) {
                 className: "slide-form__swipe-trigger"
             }, handlers), {
                 ref: passRefToSwieable,
-                children: /*#__PURE__*/ jsx(FaEllipsisH, {
-                    size: 24,
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: "ellipsis-h",
+                    height: "1.5rem",
                     className: "slide-form__swipe-trigger__icon"
                 })
             })),

package/dist/snippet/snippet-template/preview/Preview.js

@@ -16,8 +16,8 @@ import { NavigationSteps } from '../../../iframe/order-process/components/Naviga
 import { Page } from '../../../iframe/page/Page.js';
 import { PageBody } from '../../../iframe/page/components/PageBody/PageBody.js';
 import { PageHeader } from '../../../iframe/page/components/PageHeader/PageHeader.js';
-import 'react-icons/fa';
 import 'react-swipeable';
+import '../../../static/Icon.js';
 import 'react-bootstrap/Button';
 import '@licklist/plugins/dist/services/Route/RouteService';
 import '@licklist/core/dist/DataMapper/Media/ImageDataMapper';

package/dist/snippet/snippet-template/settings/SettingButton.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import Button from 'react-bootstrap/Button';
 import clsx from 'clsx';
-import { FaCog } from 'react-icons/fa';
+import Icon from '../../../static/Icon.js';
 
 var SettingButton = function(param) {
     var view = param.view, onClick = param.onClick, children = param.children, className = param.className, containerClassName = param.containerClassName;
@@ -16,8 +16,11 @@ var SettingButton = function(param) {
                 onClick: function() {
                     return onClick(view);
                 },
-                children: /*#__PURE__*/ jsx(FaCog, {
-                    size: 16
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: "cog",
+                    style: {
+                        width: 16
+                    }
                 })
             })
         ]

package/dist/sortable-list/CreateSortableListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSortableListItem.d.ts","sourceRoot":"","sources":["../../src/sortable-list/CreateSortableListItem.tsx"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,2CAW7B"}
+{"version":3,"file":"CreateSortableListItem.d.ts","sourceRoot":"","sources":["../../src/sortable-list/CreateSortableListItem.tsx"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,2CAgB7B"}

package/dist/sortable-list/CreateSortableListItem.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FaPlus } from 'react-icons/fa';
+import '../static/index.js';
+import Icon from '../static/Icon.js';
 
 function CreateSortableListItem(param) {
     var onClick = param.onClick, title = param.title;
@@ -11,8 +12,10 @@ function CreateSortableListItem(param) {
             /*#__PURE__*/ jsx("span", {
                 children: title
             }),
-            /*#__PURE__*/ jsx(FaPlus, {
-                size: 32,
+            /*#__PURE__*/ jsx(Icon, {
+                type: "plus",
+                height: "2rem",
+                width: "2rem",
                 className: "rounded sortable-list-item-icon p-2"
             })
         ]

package/dist/sortable-tree/SortableTreeItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTreeItem.d.ts","sourceRoot":"","sources":["../../src/sortable-tree/SortableTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAiBpE,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,SAAiB,EACjB,cAAqB,EACrB,iBAAsB,EACtB,UAAe,EACf,UAAU,EACV,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,GACX,EAAE,qBAAqB,2CAgTvB"}
+{"version":3,"file":"SortableTreeItem.d.ts","sourceRoot":"","sources":["../../src/sortable-tree/SortableTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAkBpE,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,SAAiB,EACjB,cAAqB,EACrB,iBAAsB,EACtB,UAAe,EACf,UAAU,EACV,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,GACX,EAAE,qBAAqB,2CAgTvB"}

package/dist/sortable-tree/SortableTreeItem.js

@@ -6,8 +6,8 @@ import { CSS } from '@dnd-kit/utilities';
 import { Button, Collapse, Modal } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
-import { FaMinus, FaGripVertical, FaEllipsisH } from 'react-icons/fa';
 import { ConfirmModal } from '../modals/confirmation/ConfirmModal.js';
+import Icon from '../static/Icon.js';
 import { DeleteFieldButton } from '../product-set/elements/DeleteFieldButton.js';
 
 function _array_like_to_array(arr, len) {
@@ -364,8 +364,9 @@ function SortableTreeItem(param) {
                             size: "sm",
                             onMouseDown: onButtonMouseDown,
                             onMouseUp: onHandleExpand,
-                            children: expanded ? /*#__PURE__*/ jsx(FaMinus, {
-                                size: 10
+                            children: expanded ? /*#__PURE__*/ jsx(Icon, {
+                                type: "minus",
+                                width: ".7rem"
                             }) : /*#__PURE__*/ jsxs("div", {
                                 className: "expand-icon-container",
                                 children: [
@@ -408,7 +409,9 @@ function SortableTreeItem(param) {
                                             variant: "link",
                                             className: "sortable-tree-item-handle"
                                         }, attributes, listeners), {
-                                            children: /*#__PURE__*/ jsx(FaGripVertical, {})
+                                            children: /*#__PURE__*/ jsx(Icon, {
+                                                type: "grip-vertical"
+                                            })
                                         })),
                                         /*#__PURE__*/ jsxs(Button, {
                                             className: "sortable-tree-item-toggle",
@@ -443,9 +446,10 @@ function SortableTreeItem(param) {
                                                     onKeyDown: function(e) {
                                                         return e.stopPropagation();
                                                     },
-                                                    children: /*#__PURE__*/ jsx(FaEllipsisH, {
+                                                    children: /*#__PURE__*/ jsx(Icon, {
+                                                        type: "ellipsis-h",
                                                         color: "#0E8CE2",
-                                                        size: 16
+                                                        height: "1rem"
                                                     })
                                                 })
                                             ]

package/dist/static/Icon.d.ts

@@ -0,0 +1,13 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { CSSProperties } from "react";
+type Props = {
+    type: IconProp | string | [string, string];
+    style?: CSSProperties;
+    color?: string;
+    height?: string;
+    width?: string;
+    className?: string;
+};
+declare function Icon(props: Props): import("react/jsx-runtime").JSX.Element;
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/static/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/static/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,QAAQ,EAAW,MAAM,mCAAmC,CAAC;AAI9E,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,2CAazB;AAED,eAAe,IAAI,CAAC"}

package/dist/static/Icon.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { config, library } from '@fortawesome/fontawesome-svg-core';
+import { fab } from '@fortawesome/free-brands-svg-icons';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+config.autoAddCss = false;
+// @ts-ignore
+library.add(fas, fab);
+function Icon(props) {
+    var type = props.type, style = props.style, color = props.color, height = props.height, width = props.width, className = props.className;
+    return /*#__PURE__*/ jsx(FontAwesomeIcon, {
+        icon: type,
+        style: style,
+        color: color,
+        height: height,
+        width: width,
+        className: className
+    });
+}
+
+export { Icon as default };

package/dist/static/RestrictedAccess.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Button } from 'react-bootstrap';
 import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import { useTranslation } from 'react-i18next';
-import { FaArrowLeft } from 'react-icons/fa';
+import Icon from './Icon.js';
 
 function RestrictedAccess() {
     var t = useTranslation("Design").t;
@@ -14,8 +14,9 @@ function RestrictedAccess() {
                 onClick: function() {
                     return RouteService.goBack();
                 },
-                children: /*#__PURE__*/ jsx(FaArrowLeft, {
-                    size: 25
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: "arrow-left",
+                    width: "25"
                 })
             }),
             /*#__PURE__*/ jsx("div", {

package/dist/static/SocialButton.d.ts

@@ -4,6 +4,7 @@ interface Props {
     onClick?: () => void;
     className?: string;
     type?: string;
+    icon?: string;
     disabled?: boolean;
 }
 declare function SocialButton(props: Props): import("react/jsx-runtime").JSX.Element;

package/dist/static/SocialButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialButton.d.ts","sourceRoot":"","sources":["../../src/static/SocialButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,2CA8BjC;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SocialButton.d.ts","sourceRoot":"","sources":["../../src/static/SocialButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,2CA8BjC;AAED,eAAe,YAAY,CAAC"}

package/dist/static/SocialButton.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FaFacebookF, FaTwitter } from 'react-icons/fa';
+import Icon from './Icon.js';
 
 function SocialButton(props) {
-    var children = props.children, className = props.className, onClick = props.onClick, type = props.type, disabled = props.disabled;
+    var children = props.children, className = props.className, onClick = props.onClick, type = props.type, icon = props.icon, disabled = props.disabled;
     var defaultType = "twitter";
+    var defaultIcon = "twitter";
     var handleClick = function() {
         if (onClick) {
             onClick();
@@ -20,12 +21,14 @@ function SocialButton(props) {
         ].join(" "),
         onClick: handleClick,
         children: [
-            /*#__PURE__*/ jsxs("span", {
+            /*#__PURE__*/ jsx("span", {
                 className: "separator",
-                children: [
-                    type === "facebook" && /*#__PURE__*/ jsx(FaFacebookF, {}),
-                    type === "twitter" && /*#__PURE__*/ jsx(FaTwitter, {})
-                ]
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: [
+                        "fab",
+                        icon !== null && icon !== void 0 ? icon : defaultIcon
+                    ]
+                })
             }),
             children
         ]

package/dist/static/UserBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserBadge.d.ts","sourceRoot":"","sources":["../../src/static/UserBadge.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,SAAc,GACf,EAAE,cAAc,2CAuBhB"}
+{"version":3,"file":"UserBadge.d.ts","sourceRoot":"","sources":["../../src/static/UserBadge.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,SAAc,GACf,EAAE,cAAc,2CA2BhB"}

package/dist/static/date-range-input/DateRangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":"AAeA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAIjD,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,yEAOxB,mBAAmB,4CA0HrB,CAAC"}
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":"AAeA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAIjD,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,yEAOxB,mBAAmB,4CA8HrB,CAAC"}

package/dist/static/date-range-input/DateRangeInput.js

@@ -5,11 +5,12 @@ import { DateRange } from 'react-date-range';
 import { useClickAway } from 'react-use';
 import { useTranslation } from 'react-i18next';
 import { useId } from '@react-aria/utils';
-import { FaCalendar } from 'react-icons/fa';
+import '../index.js';
 import { stringDatesToJSDates, stringDatesToInputValue, rangeDatesToStringDates } from './utils/index.js';
 import { MOBILE_WIDTH } from '../../iframe/order-process/components/BookingSummary/types/index.js';
 import 'react-date-range/dist/styles.css';
 import 'react-date-range/dist/theme/default.css';
+import Icon from '../Icon.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -248,8 +249,9 @@ var DateRangeInput = function(param) {
                             endDate: endDate
                         })
                     }),
-                    /*#__PURE__*/ jsx(FaCalendar, {
-                        size: 16,
+                    /*#__PURE__*/ jsx(Icon, {
+                        type: "calendar",
+                        height: "1rem",
                         className: "date-range-input-icon"
                     })
                 ]

package/dist/static/index.d.ts

@@ -7,6 +7,7 @@ export * from "./text-expand";
 export { Tabs } from "./tabs";
 export { default as CountrySelect } from "./CountrySelect";
 export { default as FormCard } from "./FormCard";
+export { default as Icon } from "./Icon";
 export { default as Image } from "./Image";
 export { default as SocialButton } from "./SocialButton";
 export { default as StyledButton } from "./StyledButton";

package/dist/static/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/static/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/static/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,cAAc,qBAAqB,CAAC"}

package/dist/static/index.js

@@ -9,7 +9,7 @@ import 'react-loader';
 import 'react-i18next';
 import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
 import 'clsx';
-import 'react-icons/fa';
+export { default as Icon } from './Icon.js';
 import 'framer-motion';
 export { Tabs } from './tabs/Tabs.js';
 import 'react-bootstrap/Form';

package/dist/static/number-input/NumberInput.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { FormControl } from 'react-bootstrap';
-import { FaChevronUp, FaChevronDown } from 'react-icons/fa';
+import Icon from '../Icon.js';
 
 function NumberInput(param) {
     var _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, value = param.value, onChange = param.onChange, onArrowDown = param.onArrowDown, onArrowUp = param.onArrowUp, min = param.min, max = param.max, defaultValue = param.defaultValue;
@@ -42,8 +42,9 @@ function NumberInput(param) {
                 onClick: handleArrowUpClick,
                 className: "licklist-number-input__btn-up",
                 disabled: disabled,
-                children: /*#__PURE__*/ jsx(FaChevronUp, {
-                    size: 16
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: "chevron-up",
+                    width: "1rem"
                 })
             }),
             /*#__PURE__*/ jsx("button", {
@@ -51,8 +52,9 @@ function NumberInput(param) {
                 onClick: handleArrowDownClick,
                 className: "licklist-number-input__btn-down",
                 disabled: disabled,
-                children: /*#__PURE__*/ jsx(FaChevronDown, {
-                    size: 16
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: "chevron-down",
+                    width: "1rem"
                 })
             })
         ]

package/dist/striped-static-table/StripedStaticTable.js

@@ -5,7 +5,7 @@ import 'react-i18next';
 import 'react-bootstrap/PageItem';
 import '@licklist/plugins/dist/services/Table/PaginationService';
 import 'clsx';
-import 'react-icons/fa';
+import '../static/index.js';
 import '@licklist/plugins/dist/services/Table/TableService';
 import { StaticTable } from '../table/StaticTable.js';
 import 'react-router-dom';
@@ -14,6 +14,7 @@ import '@licklist/plugins/dist/hooks/Query/useQuery';
 import '@licklist/plugins/dist/services/Route/RouteService';
 import 'react-loader';
 import '../table/utils/index.js';
+import '../static/Icon.js';
 import '@tanstack/react-table';
 
 function _array_like_to_array(arr, len) {

package/dist/table/MenuButton.d.ts

@@ -1,11 +1,11 @@
-import { ReactElement } from "react";
 export type MenuButtonProps = {
     onClick?: () => void;
     leftIcon?: boolean;
     rightIcon?: boolean;
     name: string;
     className?: string;
-    icon?: ReactElement;
+    icon?: string;
+    iconWidth?: string;
 };
-export declare const MenuButton: ({ onClick, name, className, icon, leftIcon, rightIcon, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ onClick, name, className, icon, leftIcon, rightIcon, iconWidth, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MenuButton.d.ts.map

package/dist/table/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/table/MenuButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,6DAOpB,eAAe,4CAwBjB,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/table/MenuButton.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,wEAQpB,eAAe,4CA0BjB,CAAC"}