@mailstep/design-system 0.7.67 → 0.7.68-beta.0

package/ui/Elements/DropdownSelect/DropdownSelect.d.ts

@@ -1,22 +1,23 @@
-import React from 'react';
+import { default as React, ReactNode } from 'react';
 import { VariantValue, AppearanceValue } from '../Button/types';
+
 type Item = {
-    label: string | JSX.Element;
+    label: string | ReactNode;
     value: string;
     name?: string;
 };
 type DropdownSelectProps = {
-    label: string | JSX.Element;
+    label: string | ReactNode;
     appearance?: AppearanceValue;
     variant?: VariantValue;
     options: Item[];
     showChevron?: boolean;
     onSelect?: (value: Item['value']) => void;
-    icon?: JSX.Element;
+    icon?: ReactNode;
     disabled?: boolean;
     ButtonComponent?: React.FC;
 };
-export declare const CustomSelectButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {}, never>;
-declare const DropdownSelect: ({ label, appearance, variant, options, showChevron, onSelect, disabled, icon, ButtonComponent, }: DropdownSelectProps) => JSX.Element;
+export declare const CustomSelectButton: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {}, never>;
+declare const DropdownSelect: React.FC<DropdownSelectProps>;
 export default DropdownSelect;
 export type { Item as DropdownSelectItem };

package/ui/Elements/DropdownSelect/DropdownSelect.js

@@ -4,11 +4,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useRef } from 'react';
-import styled from '@xstyled/styled-components';
-import Icon from '../Icon/Icon';
-import DropdownMenu from '../DropdownMenu';
-import Button from '../Button/index';
 import Popover from '../../Blocks/Popover';
+import Button from '../Button/index';
+import DropdownMenu from '../DropdownMenu';
+import Icon from '../Icon/Icon';
+import styled from '@xstyled/styled-components';
 var ArrowIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-shrink: 0;\n  margin-left: 2;\n"], ["\n  flex-shrink: 0;\n  margin-left: 2;\n"])));
 var CustomIconWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 1;\n"], ["\n  margin-right: 1;\n"])));
 var StyledDropdownMenu = styled(DropdownMenu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 8px;\n  min-width: ", ";\n  width: max-content;\n"], ["\n  position: absolute;\n  top: 8px;\n  min-width: ", ";\n  width: max-content;\n"])), function (_a) {
@@ -24,7 +24,9 @@ export var CustomSelectButton = styled.button(templateObject_6 || (templateObjec
 var DropdownSelect = function (_a) {
     var label = _a.label, appearance = _a.appearance, variant = _a.variant, options = _a.options, showChevron = _a.showChevron, onSelect = _a.onSelect, disabled = _a.disabled, icon = _a.icon, ButtonComponent = _a.ButtonComponent;
     var _b = React.useState(false), showDropdownMenu = _b[0], setShowDropdownMenu = _b[1];
-    var onClose = useCallback(function () { return setShowDropdownMenu(false); }, []);
+    var onClose = useCallback(function () {
+        setShowDropdownMenu(false);
+    }, []);
     var toggleDropdownMenu = React.useCallback(function () {
         setShowDropdownMenu(function (prev) { return !prev; });
     }, []);
@@ -35,9 +37,11 @@ var DropdownSelect = function (_a) {
     var ref = useRef(null);
     var items = options.map(function (item) { return ({
         title: item.label,
-        onClick: function () { return handleSelectItem(item); },
+        onClick: function () {
+            handleSelectItem(item);
+        },
         link: '#',
-        name: item.name,
+        name: item.name
     }); });
     var ComponentOfButton = ButtonComponent || Button;
     var isCustomBtn = !!ButtonComponent;

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

@@ -1,4 +1,5 @@
-import DropdownSelect from './DropdownSelect';
+import { default as DropdownSelect } from './DropdownSelect';
+
 export { CustomSelectButton } from './DropdownSelect';
 export type { DropdownSelectItem } from './DropdownSelect';
 export default DropdownSelect;

package/ui/Elements/ErrorMessage/ErrorMessage.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
 import { Props } from './types';
-declare const ErrorMessage: ({ children, appearance }: Props) => JSX.Element;
+
+declare const ErrorMessage: React.FC<Props>;
 export default ErrorMessage;

package/ui/Elements/ErrorMessage/ErrorMessage.js

@@ -3,8 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css } from '@xstyled/styled-components';
-import { th } from '@xstyled/styled-components';
+import styled, { css, th } from '@xstyled/styled-components';
 var tooltip = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
 var ErrorWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n"], ["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n"])));
 var StyledWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  .inline {\n    margin-top: 1;\n  }\n  .tooltip {\n    ", "\n  }\n"], ["\n  .inline {\n    margin-top: 1;\n  }\n  .tooltip {\n    ", "\n  }\n"])), tooltip);

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

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

package/ui/Elements/ErrorMessage/stories/ErrorMessage.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ children, appearance }: import("../types").Props) => JSX.Element;
+    component: import('react').FC<import('../types').Props>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/ErrorMessage/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type Props = {
     children: ReactNode;
     appearance?: 'inline' | 'tooltip';

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type FlagAppearanceType = 'neutralBold' | 'neutralSubtle' | 'blueBold' | 'blueSubtle' | 'tealBold' | 'tealSubtle' | 'greenBold' | 'greenSubtle' | 'orangeBold' | 'orangeSubtle' | 'yellowBold' | 'yellowSubtle' | 'pinkBold' | 'pinkSubtle' | 'purpleBold' | 'purpleSubtle' | 'redBold' | 'redSubtle';
 export declare const flagAppearanceToColorMap: {
     neutralBold: string;
@@ -47,5 +48,5 @@ type HighlightBoxType = {
     className?: string;
     prefix?: string;
 };
-declare const HighlightBox: ({ children, appearance, size, className, prefix }: HighlightBoxType) => JSX.Element;
+declare const HighlightBox: React.FC<HighlightBoxType>;
 export default HighlightBox;

package/ui/Elements/HighlightBox/HighlightBox.js

@@ -31,7 +31,7 @@ export var flagAppearanceToColorMap = {
     purpleBold: 'purple60',
     purpleSubtle: 'purple20',
     redBold: 'red60',
-    redSubtle: 'red20',
+    redSubtle: 'red20'
 };
 export var flagAppearanceToFontColorMap = {
     neutralBold: 'white',
@@ -51,15 +51,15 @@ export var flagAppearanceToFontColorMap = {
     purpleBold: 'white',
     purpleSubtle: 'purple80',
     redBold: 'white',
-    redSubtle: 'red80',
+    redSubtle: 'red80'
 };
 var HighlightBox = function (_a) {
     var children = _a.children, appearance = _a.appearance, _b = _a.size, size = _b === void 0 ? 'default' : _b, className = _a.className, prefix = _a.prefix;
     var theme = useTheme();
     var bgColor = th.color(appearance ? flagAppearanceToColorMap[appearance] : 'transparent')({ theme: theme });
     var fontColor = th.color(appearance ? flagAppearanceToFontColorMap[appearance] : 'typoPrimary')({ theme: theme });
-    var name = !!prefix ? "".concat(prefix, "Label") : 'label';
-    return (_jsx(StyledHighlightBox, { "$bgcolor": bgColor, "$fontColor": fontColor, "data-cy": name, children: _jsx(OverflowWrap, { className: size + ' ' + className, children: children }) }));
+    var name = prefix ? "".concat(prefix, "Label") : 'label';
+    return (_jsx(StyledHighlightBox, { "$bgcolor": bgColor, "$fontColor": fontColor, "data-cy": name, children: _jsx(OverflowWrap, { className: size + ' ' + (className || ''), children: children }) }));
 };
 export default HighlightBox;
 var templateObject_1, templateObject_2;

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

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

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

@@ -1,6 +1,8 @@
+import { FC } from 'react';
 import { IconProps } from './types';
+
 type Props = {
     badge: 'warning';
 } & IconProps;
-export declare const BadgeIcon: ({ badge, ...iconProps }: Props) => JSX.Element;
+export declare const BadgeIcon: FC<Props>;
 export default BadgeIcon;

package/ui/Elements/Icon/BadgeIcon.js

@@ -29,10 +29,7 @@ import { useMemo } from 'react';
 import styled from '@xstyled/styled-components';
 import Icon from './Icon';
 var Badge = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-table;\n  vertical-align: middle;\n  position: absolute;\n  top: -10%;\n  right: -10%;\n  font-size: 60%;\n"], ["\n  display: inline-table;\n  vertical-align: middle;\n  position: absolute;\n  top: -10%;\n  right: -10%;\n  font-size: 60%;\n"])));
-var RelativeWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"
-    // TODO expad to accet numerical badges
-])));
-// TODO expad to accet numerical badges
+var RelativeWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 export var BadgeIcon = function (_a) {
     var badge = _a.badge, iconProps = __rest(_a, ["badge"]);
     var badgeProps = useMemo(function () {
@@ -40,7 +37,7 @@ export var BadgeIcon = function (_a) {
             return {
                 icon: 'warningDual',
                 fill: 'black',
-                secondaryColor: 'yellow2',
+                secondaryColor: 'yellow2'
             };
         }
         return {};

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

@@ -1,8 +1,8 @@
+import { FC } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import { FlipProp } from '@fortawesome/fontawesome-svg-core';
 import { IconProps } from './types';
-export declare const iconDictionary: {
-    [name: string]: IconDefinition | [IconDefinition, FlipProp];
-};
-declare const Icon: ({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning }: IconProps) => JSX.Element;
+
+export declare const iconDictionary: Record<string, IconDefinition | [IconDefinition, FlipProp]>;
+declare const Icon: FC<IconProps>;
 export default Icon;

package/ui/Elements/Icon/Icon.js

@@ -20,6 +20,7 @@ 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';
@@ -48,7 +49,6 @@ 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 { faCartFlatbedBoxes } from '@fortawesome/pro-regular-svg-icons/faCartFlatbedBoxes';
 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';
@@ -58,12 +58,12 @@ 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 { faUpDownLeftRight } from '@fortawesome/pro-solid-svg-icons/faUpDownLeftRight';
 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';
@@ -80,13 +80,10 @@ import { faComputerMouseScrollwheel } from '@fortawesome/pro-solid-svg-icons/faC
 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 { faFluxCapacitor } from '@fortawesome/pro-solid-svg-icons/faFluxCapacitor';
-import { faWineGlassCrack } from '@fortawesome/pro-solid-svg-icons/faWineGlassCrack';
-import { faBatteryBolt } from '@fortawesome/pro-solid-svg-icons/faBatteryBolt';
-import { faPaperPlane } from '@fortawesome/pro-solid-svg-icons/faPaperPlane';
-import { faFlaskRoundPotion } from '@fortawesome/pro-solid-svg-icons/faFlaskRoundPotion';
 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';
@@ -98,6 +95,7 @@ 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';
@@ -110,14 +108,15 @@ 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 } from '@xstyled/styled-components';
-import { th } from '@xstyled/styled-components';
+import styled, { useTheme, th } from '@xstyled/styled-components';
 export var iconDictionary = {
     greaterThan: faAngleRight,
     startsWith: faAnglesRight,
@@ -135,12 +134,12 @@ export var iconDictionary = {
     chevronDown: faChevronDown,
     chevronRight: farChevronRight,
     clock: faClock,
-    complaint: faFileAlt,
+    complaint: faFileAlt, // 'file-lines'
     computerMouseScrollwheel: faComputerMouseScrollwheel,
     mailLight: faEnvelopeLight,
     eshop: faStore,
-    expedition: faShippingFast,
-    equals: faEquals,
+    expedition: faShippingFast, // 'truck-fast'
+    equals: faEquals, // 'truck-fast'
     fluxCapacitor: faFluxCapacitor,
     wineGlassCrack: faWineGlassCrack,
     paperPlane: faPaperPlane,
@@ -170,10 +169,10 @@ export var iconDictionary = {
     boxChecked: faBoxCircleCheck,
     shelves: faShelves,
     reservation: faHandHoldingBox,
-    return: [faShareSquare, 'horizontal'],
-    search: faSearch,
+    return: [faShareSquare, 'horizontal'], // 'fa-share-from-square'
+    search: faSearch, // 'magnifying-glass'
     supplier: farTriangleExclamation,
-    transfer: faExchange,
+    transfer: faExchange, // 'arrow-right-arrow-left'
     users: faUsersGear,
     warning: farTriangleExclamation,
     close: fasXmark,
@@ -255,7 +254,7 @@ var Icon = function (_a) {
     var theme = useTheme();
     var colorFill = fill && th.color(fill)({ theme: theme }); // React.Text wont return number here
     var colorSecondary = secondaryColor && th.color(secondaryColor)({ theme: theme });
-    var namedIcon = (typeof icon == 'string' && (iconDictionary === null || iconDictionary === void 0 ? void 0 : iconDictionary[icon])) || false;
+    var namedIcon = (typeof icon === 'string' && (iconDictionary === null || iconDictionary === void 0 ? void 0 : iconDictionary[icon])) || false;
     var iconProp = React.useMemo(function () {
         if (namedIcon) {
             return Array.isArray(namedIcon) ? namedIcon[0] : namedIcon;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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