@mailstep/design-system 0.8.26-beta.3 → 0.8.26-beta.5

package/ui/Elements/HighlightBox/index.d.ts

@@ -1,3 +1,2 @@
-import { default as HighlightBox } from './HighlightBox';
-
+import HighlightBox from './HighlightBox';
 export default HighlightBox;

package/ui/Elements/HighlightBox/index.js

@@ -0,0 +1,3 @@
+import HighlightBox from "./HighlightBox";
+var HighlightBox_default = HighlightBox;
+export { HighlightBox_default as default };

package/ui/Elements/Icon/BadgeIcon.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { IconProps } from './types';
-
+import { type FC } from 'react';
+import { type IconProps } from './types';
 type Props = {
     badge: 'warning';
 } & IconProps;

package/ui/Elements/Icon/BadgeIcon.js

@@ -0,0 +1,123 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  display: inline-table;\n  vertical-align: middle;\n  position: absolute;\n  top: -10%;\n  right: -10%;\n  font-size: 60%;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  position: relative;\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import styled from "@xstyled/styled-components";
+import Icon from "./Icon";
+var Badge = styled(Icon)(_templateObject());
+var RelativeWrap = styled.div(_templateObject1());
+var BadgeIcon = function BadgeIcon(_0) {
+    var badge = _0.badge, iconProps = _object_without_properties(_0, [
+        "badge"
+    ]);
+    var badgeProps = useMemo(function() {
+        if (badge == "warning") {
+            return {
+                icon: "warningDual",
+                fill: "black",
+                secondaryColor: "yellow2"
+            };
+        }
+        return {};
+    }, [
+        badge
+    ]);
+    return /* @__PURE__ */ jsxs(RelativeWrap, {
+        children: [
+            /* @__PURE__ */ jsx(Badge, _object_spread({}, badgeProps)),
+            /* @__PURE__ */ jsx(Icon, _object_spread({}, iconProps))
+        ]
+    });
+};
+var BadgeIcon_default = BadgeIcon;
+export { BadgeIcon, BadgeIcon_default as default };

package/ui/Elements/Icon/Icon.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-common-types';
-import { FlipProp } from '@fortawesome/fontawesome-svg-core';
-import { IconProps } from './types';
-
+import { type FC } from 'react';
+import { type IconDefinition } from '@fortawesome/fontawesome-common-types';
+import { type FlipProp } from '@fortawesome/fontawesome-svg-core';
+import type { IconProps } from './types';
 export declare const iconDictionary: Record<string, IconDefinition | [IconDefinition, FlipProp]>;
 declare const Icon: FC<IconProps>;
 export default Icon;

package/ui/Elements/Icon/Icon.js

@@ -0,0 +1,356 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  ",
+        "\n  --fa-secondary-color: ",
+        ";\n  --fa-secondary-opacity: 1;\n  display: ",
+        ";\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faFacebookF } from "@fortawesome/free-brands-svg-icons/faFacebookF";
+import { faInstagram } from "@fortawesome/free-brands-svg-icons/faInstagram";
+import { faLinkedinIn } from "@fortawesome/free-brands-svg-icons/faLinkedinIn";
+import { faTwitter } from "@fortawesome/free-brands-svg-icons/faTwitter";
+import { faYoutube } from "@fortawesome/free-brands-svg-icons/faYoutube";
+import { faTriangleExclamation as fadTriangleExclamation } from "@fortawesome/pro-duotone-svg-icons/faTriangleExclamation";
+import { faCoffee as falCoffee } from "@fortawesome/pro-light-svg-icons/faCoffee";
+import { faHandHoldingBox } from "@fortawesome/pro-light-svg-icons/faHandHoldingBox";
+import { faPaperclip } from "@fortawesome/pro-light-svg-icons/faPaperclip";
+import { faStopwatch } from "@fortawesome/pro-light-svg-icons/faStopwatch";
+import { faArrowRightToBracket } from "@fortawesome/pro-regular-svg-icons/faArrowRightToBracket";
+import { faBell } from "@fortawesome/pro-regular-svg-icons/faBell";
+import { faBox as faBoxRegular } from "@fortawesome/pro-regular-svg-icons/faBox";
+import { faCalendar } from "@fortawesome/pro-regular-svg-icons/faCalendar";
+import { faCalendarPlus } from "@fortawesome/pro-regular-svg-icons/faCalendarPlus";
+import { faCartFlatbedBoxes } from "@fortawesome/pro-regular-svg-icons/faCartFlatbedBoxes";
+import { faChevronDown } from "@fortawesome/pro-regular-svg-icons/faChevronDown";
+import { faChevronRight as farChevronRight } from "@fortawesome/pro-regular-svg-icons/faChevronRight";
+import { faChevronUp } from "@fortawesome/pro-regular-svg-icons/faChevronUp";
+import { faCircleArrowDown } from "@fortawesome/pro-regular-svg-icons/faCircleArrowDown";
+import { faCircleArrowRight } from "@fortawesome/pro-regular-svg-icons/faCircleArrowRight";
+import { faCircleQuestion } from "@fortawesome/pro-regular-svg-icons/faCircleQuestion";
+import { faClock } from "@fortawesome/pro-regular-svg-icons/faClock";
+import { faCoffee as farCoffee } from "@fortawesome/pro-regular-svg-icons/faCoffee";
+import { faCommentDots } from "@fortawesome/pro-regular-svg-icons/faCommentDots";
+import { faComments } from "@fortawesome/pro-regular-svg-icons/faComments";
+import { faCopy } from "@fortawesome/pro-regular-svg-icons/faCopy";
+import { faEllipsisVertical } from "@fortawesome/pro-regular-svg-icons/faEllipsisVertical";
+import { faEnvelope as faEnvelopeLight } from "@fortawesome/pro-regular-svg-icons/faEnvelope";
+import { faEyeSlash } from "@fortawesome/pro-regular-svg-icons/faEyeSlash";
+import { faFaceMeh } from "@fortawesome/pro-regular-svg-icons/faFaceMeh";
+import { faFile } from "@fortawesome/pro-regular-svg-icons/faFile";
+import { faFileAlt } from "@fortawesome/pro-regular-svg-icons/faFileAlt";
+import { faFileLines } from "@fortawesome/pro-regular-svg-icons/faFileLines";
+import { faFileSearch } from "@fortawesome/pro-regular-svg-icons/faFileSearch";
+import { faFilter } from "@fortawesome/pro-regular-svg-icons/faFilter";
+import { faGear } from "@fortawesome/pro-regular-svg-icons/faGear";
+import { faHand } from "@fortawesome/pro-regular-svg-icons/faHand";
+import { faLink } from "@fortawesome/pro-regular-svg-icons/faLink";
+import { faLock } from "@fortawesome/pro-regular-svg-icons/faLock";
+import { faPenToSquare } from "@fortawesome/pro-regular-svg-icons/faPenToSquare";
+import { faShareSquare } from "@fortawesome/pro-regular-svg-icons/faShareSquare";
+import { faSquareMinus } from "@fortawesome/pro-regular-svg-icons/faSquareMinus";
+import { faTrashCan } from "@fortawesome/pro-regular-svg-icons/faTrashCan";
+import { faTriangleExclamation as farTriangleExclamation } from "@fortawesome/pro-regular-svg-icons/faTriangleExclamation";
+import { faAngleLeft } from "@fortawesome/pro-solid-svg-icons/faAngleLeft";
+import { faAngleRight } from "@fortawesome/pro-solid-svg-icons/faAngleRight";
+import { faAnglesRight } from "@fortawesome/pro-solid-svg-icons/faAnglesRight";
+import { faArrowDownToBracket } from "@fortawesome/pro-solid-svg-icons/faArrowDownToBracket";
+import { faArrowLeft } from "@fortawesome/pro-solid-svg-icons/faArrowLeft";
+import { faArrowsRotate } from "@fortawesome/pro-solid-svg-icons/faArrowsRotate";
+import { faBadgeCheck } from "@fortawesome/pro-solid-svg-icons/faBadgeCheck";
+import { faBan } from "@fortawesome/pro-solid-svg-icons/faBan";
+import { faBatteryBolt } from "@fortawesome/pro-solid-svg-icons/faBatteryBolt";
+import { faBox } from "@fortawesome/pro-solid-svg-icons/faBox";
+import { faBoxArchive } from "@fortawesome/pro-solid-svg-icons/faBoxArchive";
+import { faBoxCircleCheck } from "@fortawesome/pro-solid-svg-icons/faBoxCircleCheck";
+import { faBoxOpen } from "@fortawesome/pro-solid-svg-icons/faBoxOpen";
+import { faBoxesStacked } from "@fortawesome/pro-solid-svg-icons/faBoxesStacked";
+import { faCamera } from "@fortawesome/pro-solid-svg-icons/faCamera";
+import { faCartArrowDown } from "@fortawesome/pro-solid-svg-icons/faCartArrowDown";
+import { faChartLine } from "@fortawesome/pro-solid-svg-icons/faChartLine";
+import { faCheck } from "@fortawesome/pro-solid-svg-icons/faCheck";
+import { faChevronDown as fasChevronDown } from "@fortawesome/pro-solid-svg-icons/faChevronDown";
+import { faChevronLeft } from "@fortawesome/pro-solid-svg-icons/faChevronLeft";
+import { faChevronRight as fasChevronRight } from "@fortawesome/pro-solid-svg-icons/faChevronRight";
+import { faChevronUp as fasChevronUp } from "@fortawesome/pro-solid-svg-icons/faChevronUp";
+import { faCircleCheck } from "@fortawesome/pro-solid-svg-icons/faCircleCheck";
+import { faCircleInfo } from "@fortawesome/pro-solid-svg-icons/faCircleInfo";
+import { faCircleXmark } from "@fortawesome/pro-solid-svg-icons/faCircleXmark";
+import { faCoffee as fasCoffee } from "@fortawesome/pro-solid-svg-icons/faCoffee";
+import { faComputerMouseScrollwheel } from "@fortawesome/pro-solid-svg-icons/faComputerMouseScrollwheel";
+import { faCrop } from "@fortawesome/pro-solid-svg-icons/faCrop";
+import { faCube } from "@fortawesome/pro-solid-svg-icons/faCube";
+import { faEquals } from "@fortawesome/pro-solid-svg-icons/faEquals";
+import { faExchange } from "@fortawesome/pro-solid-svg-icons/faExchange";
+import { faFlag } from "@fortawesome/pro-solid-svg-icons/faFlag";
+import { faFlaskRoundPotion } from "@fortawesome/pro-solid-svg-icons/faFlaskRoundPotion";
+import { faFluxCapacitor } from "@fortawesome/pro-solid-svg-icons/faFluxCapacitor";
+import { faGlobe } from "@fortawesome/pro-solid-svg-icons/faGlobe";
+import { faGreaterThanEqual } from "@fortawesome/pro-solid-svg-icons/faGreaterThanEqual";
+import { faHome } from "@fortawesome/pro-solid-svg-icons/faHome";
+import { faHouseUser } from "@fortawesome/pro-solid-svg-icons/faHouseUser";
+import { faLaptopCode } from "@fortawesome/pro-solid-svg-icons/faLaptopCode";
+import { faLessThanEqual } from "@fortawesome/pro-solid-svg-icons/faLessThanEqual";
+import { faLocationCrosshairs } from "@fortawesome/pro-solid-svg-icons/faLocationCrosshairs";
+import { faLuggageCart } from "@fortawesome/pro-solid-svg-icons/faLuggageCart";
+import { faMinus } from "@fortawesome/pro-solid-svg-icons/faMinus";
+import { faNotEqual } from "@fortawesome/pro-solid-svg-icons/faNotEqual";
+import { faNoteSticky } from "@fortawesome/pro-solid-svg-icons/faNoteSticky";
+import { faPaperPlane } from "@fortawesome/pro-solid-svg-icons/faPaperPlane";
+import { faPen } from "@fortawesome/pro-solid-svg-icons/faPen";
+import { faPeopleCarry as fasPeopleCarry } from "@fortawesome/pro-solid-svg-icons/faPeopleCarry";
+import { faPlus } from "@fortawesome/pro-solid-svg-icons/faPlus";
+import { faSearch } from "@fortawesome/pro-solid-svg-icons/faSearch";
+import { faShelves } from "@fortawesome/pro-solid-svg-icons/faShelves";
+import { faShippingFast } from "@fortawesome/pro-solid-svg-icons/faShippingFast";
+import { faSquareCheck } from "@fortawesome/pro-solid-svg-icons/faSquareCheck";
+import { faStore } from "@fortawesome/pro-solid-svg-icons/faStore";
+import { faTags } from "@fortawesome/pro-solid-svg-icons/faTags";
+import { faTriangleExclamation } from "@fortawesome/pro-solid-svg-icons/faTriangleExclamation";
+import { faTruck } from "@fortawesome/pro-solid-svg-icons/faTruck";
+import { faTruckRampBox } from "@fortawesome/pro-solid-svg-icons/faTruckRampBox";
+import { faUpDownLeftRight } from "@fortawesome/pro-solid-svg-icons/faUpDownLeftRight";
+import { faUser } from "@fortawesome/pro-solid-svg-icons/faUser";
+import { faUsersGear } from "@fortawesome/pro-solid-svg-icons/faUsersGear";
+import { faWatch } from "@fortawesome/pro-solid-svg-icons/faWatch";
+import { faWebhook } from "@fortawesome/pro-solid-svg-icons/faWebhook";
+import { faWineGlassCrack } from "@fortawesome/pro-solid-svg-icons/faWineGlassCrack";
+import { faXmark as fasXmark } from "@fortawesome/pro-solid-svg-icons/faXmark";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import styled, { useTheme, th } from "@xstyled/styled-components";
+import * as icons from "./icons";
+var iconDictionary = {
+    greaterThan: faAngleRight,
+    startsWith: faAnglesRight,
+    lessThen: faAngleLeft,
+    endsWith: faBan,
+    pen: faPen,
+    edit: faPenToSquare,
+    avatar: faUser,
+    arrowLeft: faArrowLeft,
+    arrowsRotate: faArrowsRotate,
+    upDownLeftRight: faUpDownLeftRight,
+    attachment: faPaperclip,
+    dashboard: faChartLine,
+    chevronUp: faChevronUp,
+    chevronDown: faChevronDown,
+    chevronRight: farChevronRight,
+    clock: faClock,
+    complaint: faFileAlt,
+    // 'file-lines'
+    computerMouseScrollwheel: faComputerMouseScrollwheel,
+    mailLight: faEnvelopeLight,
+    eshop: faStore,
+    expedition: faShippingFast,
+    // 'truck-fast'
+    equals: faEquals,
+    // 'truck-fast'
+    fluxCapacitor: faFluxCapacitor,
+    wineGlassCrack: faWineGlassCrack,
+    paperPlane: faPaperPlane,
+    flaskRoundPotion: faFlaskRoundPotion,
+    batteryBolt: faBatteryBolt,
+    ellipsisVertical: faEllipsisVertical,
+    greaterThanEqual: faGreaterThanEqual,
+    home: faHome,
+    gear: faGear,
+    inbound: faCartArrowDown,
+    inventory: faFile,
+    knowledgeBase: faLaptopCode,
+    luggageCart: faLuggageCart,
+    cartFlatbedBoxes: faCartFlatbedBoxes,
+    lessThanEqual: faLessThanEqual,
+    logout: faArrowRightToBracket,
+    login: faArrowRightToBracket,
+    logs: faCopy,
+    notification: faBell,
+    organisation: faHouseUser,
+    partner: farTriangleExclamation,
+    exchangeRates: farTriangleExclamation,
+    product: faBoxOpen,
+    box: faBox,
+    boxRegular: faBoxRegular,
+    boxes: faBoxesStacked,
+    boxChecked: faBoxCircleCheck,
+    shelves: faShelves,
+    reservation: faHandHoldingBox,
+    return: [
+        faShareSquare,
+        "horizontal"
+    ],
+    // 'fa-share-from-square'
+    search: faSearch,
+    // 'magnifying-glass'
+    supplier: farTriangleExclamation,
+    transfer: faExchange,
+    // 'arrow-right-arrow-left'
+    users: faUsersGear,
+    warning: farTriangleExclamation,
+    close: fasXmark,
+    false: fasXmark,
+    deleteX: fasXmark,
+    deleteCan: faTrashCan,
+    import: faCircleArrowDown,
+    export: faCircleArrowRight,
+    check: faCheck,
+    camera: faCamera,
+    crop: faCrop,
+    squareCheck: faSquareCheck,
+    squareMinus: faSquareMinus,
+    goLeft: faChevronLeft,
+    goRight: fasChevronRight,
+    goDown: fasChevronDown,
+    goUp: fasChevronUp,
+    internal: faEyeSlash,
+    password: faLock,
+    notEqual: faNotEqual,
+    calendar: faCalendar,
+    note: faNoteSticky,
+    comments: faComments,
+    commentDots: faCommentDots,
+    calendarPlus: faCalendarPlus,
+    download: faArrowDownToBracket,
+    plus: faPlus,
+    minus: faMinus,
+    warningDual: fadTriangleExclamation,
+    info: faCircleInfo,
+    cube: faCube,
+    flatBox: faBoxArchive,
+    link: faLink,
+    facebook: faFacebookF,
+    twitter: faTwitter,
+    youtube: faYoutube,
+    linkedin: faLinkedinIn,
+    instagram: faInstagram,
+    faceMeh: faFaceMeh,
+    handStop: faHand,
+    drag: faHand,
+    flag: faFlag,
+    findDetail: faFileSearch,
+    compass: faLocationCrosshairs,
+    boxRamp: faTruckRampBox,
+    earth: faGlobe,
+    filePlaceholder: faFileLines,
+    tags: faTags,
+    circleCheck: faCircleCheck,
+    circleX: faCircleXmark,
+    circleTriangle: faTriangleExclamation,
+    questionMak: faCircleQuestion,
+    badgeCheck: faBadgeCheck,
+    peopleCarry: fasPeopleCarry,
+    stopwatch: faStopwatch,
+    truck: faTruck,
+    webhook: faWebhook,
+    watch: faWatch,
+    filter: faFilter
+};
+library.add(farCoffee, fasCoffee, falCoffee, faHandHoldingBox, faLuggageCart, faPaperclip, fasPeopleCarry, faStopwatch, faTruck, faWatch, faFileSearch, faCircleCheck, faCircleXmark, faTriangleExclamation, faBadgeCheck);
+var iconPrefixMap = {
+    normal: "far",
+    light: "fal",
+    solid: "fas"
+};
+var FaIconSizing = styled.div(_templateObject(), function(param) {
+    var size = param.size;
+    return size && "font-size: ".concat(size, ";");
+}, function(param) {
+    var $colorSecondary = param.$colorSecondary;
+    return $colorSecondary;
+}, function(param) {
+    var $fixedWidth = param.$fixedWidth;
+    return $fixedWidth ? "contents" : "block";
+});
+var Icon = function Icon(param) {
+    var icon = param.icon, fill = param.fill, stroke = param.stroke, _param_style = param.style, style = _param_style === void 0 ? "normal" : _param_style, size = param.size, className = param.className, secondaryColor = param.secondaryColor, _param_fixedWidth = param.fixedWidth, fixedWidth = _param_fixedWidth === void 0 ? true : _param_fixedWidth, spinning = param.spinning;
+    var theme = useTheme();
+    var colorFill = fill && th.color(fill)({
+        theme: theme
+    });
+    var colorStroke = stroke && th.color(stroke)({
+        theme: theme
+    });
+    var colorSecondary = secondaryColor && th.color(secondaryColor)({
+        theme: theme
+    });
+    var namedIcon = typeof icon === "string" && (iconDictionary === null || iconDictionary === void 0 ? void 0 : iconDictionary[icon]) || false;
+    var iconProp = useMemo(function() {
+        if (namedIcon) {
+            return Array.isArray(namedIcon) ? namedIcon[0] : namedIcon;
+        }
+        return [
+            iconPrefixMap[style],
+            icon
+        ];
+    }, [
+        icon,
+        style,
+        namedIcon
+    ]);
+    var flipProp = namedIcon && Array.isArray(namedIcon) && namedIcon[1] || void 0;
+    var IconComponent = icons[icon];
+    return /* @__PURE__ */ jsx(FaIconSizing, {
+        size: size,
+        className: className !== null && className !== void 0 ? className : "",
+        $colorSecondary: colorSecondary,
+        $fixedWidth: fixedWidth,
+        children: IconComponent ? /* @__PURE__ */ jsx(IconComponent, _object_spread({
+            fill: colorFill,
+            stroke: colorStroke
+        }, size ? {
+            width: size,
+            height: size
+        } : {})) : /* @__PURE__ */ jsx(FontAwesomeIcon, {
+            color: colorFill,
+            flip: flipProp,
+            icon: iconProp,
+            className: "faIcon ".concat(fixedWidth ? "fa-fw" : "", " ").concat(spinning ? "fa-spin" : "")
+        })
+    });
+};
+var Icon_default = Icon;
+export { Icon_default as default, iconDictionary };

package/ui/Elements/Icon/icons/Add.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { SvgProps } from '../types';
-
 export declare const Add: FC<SvgProps>;

package/ui/Elements/Icon/icons/Add.js

@@ -0,0 +1,93 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx, jsxs } from "react/jsx-runtime";
+var Add = function Add(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        stroke: "white"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsxs("g", {
+                clipPath: "url(#clip0_1232_3409)",
+                children: [
+                    /* @__PURE__ */ jsx("path", {
+                        d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                    }),
+                    /* @__PURE__ */ jsx("path", {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        fill: "white",
+                        stroke: "none",
+                        d: "M5.81115 7.89697C5.39693 7.89697 5.06115 8.23276 5.06115 8.64697C5.06115 9.06119 5.39693 9.39697 5.81115 9.39697L8.23954 9.39697L8.23954 11.8254C8.23954 12.2396 8.57533 12.5754 8.98954 12.5754C9.40376 12.5754 9.73954 12.2396 9.73954 11.8254V9.39697H12.1679C12.5822 9.39697 12.9179 9.06119 12.9179 8.64697C12.9179 8.23276 12.5822 7.89697 12.1679 7.89697L9.73954 7.89697L9.73954 5.46858C9.73954 5.05436 9.40376 4.71858 8.98954 4.71858C8.57533 4.71858 8.23954 5.05436 8.23954 5.46858L8.23954 7.89697L5.81115 7.89697Z"
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx("defs", {
+                children: /* @__PURE__ */ jsx("clipPath", {
+                    id: "clip0_1232_3409",
+                    children: /* @__PURE__ */ jsx("rect", {
+                        width: "18",
+                        height: "18"
+                    })
+                })
+            })
+        ]
+    }));
+};
+export { Add };

package/ui/Elements/Icon/icons/AddPhoto.d.ts

@@ -1,4 +1,3 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
-
 export declare const AddPhoto: FC<SvgProps>;