@mailstep/design-system 0.8.15-beta.1 → 0.8.16-beta.1

package/ui/Blocks/Modal/styles.d.ts

@@ -1,16 +1,16 @@
 import { Variant } from './types';
 
 export declare const DialogOverlay: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    backgroundColor?: string;
+    backgroundColor?: string | undefined;
 }, never>;
 export declare const DialogWindow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $backgroundColor?: string;
-    $minWidth?: string;
-    $minHeight?: string;
-    $maxWidth?: string;
-    $maxHeight?: string;
+    $backgroundColor?: string | undefined;
+    $minWidth?: string | undefined;
+    $minHeight?: string | undefined;
+    $maxWidth?: string | undefined;
+    $maxHeight?: string | undefined;
     variant: Variant;
-    top?: string;
+    top?: string | undefined;
 }, never>;
 export declare const HeaderContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     variant: Variant;

package/ui/Blocks/Scheduler/components/Groups/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const GroupContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const GroupItem: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    bg?: string;
+    bg?: string | undefined;
     groupsCount: number;
 }, never>;
 export declare const Gap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Scheduler/components/TimeSlots/styles.d.ts

@@ -3,7 +3,7 @@ export declare const TimeRow: import('styled-components').StyledComponent<"div",
     disabled: boolean;
 }, never>;
 export declare const EmptyTimeSlot: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    isSlotSelected?: boolean;
+    isSlotSelected?: boolean | undefined;
     activeTime: boolean;
     groupsCount: number;
 }, never>;

package/ui/Blocks/SideMenu/components/Footer.d.ts

@@ -5,7 +5,7 @@ export declare const FooterWrap: import('styled-components').StyledComponent<"di
 }, never>;
 export declare const SizeToggle: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompact: boolean;
-    $lightMode?: boolean;
+    $lightMode?: boolean | undefined;
 }, never>;
 type Props = {
     isCompact: boolean;

package/ui/Blocks/SideMenu/stories/SideMenu.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: import('react').FC<import('../types').SideMenuProps>;

package/ui/Blocks/SideMenu/styles.d.ts

@@ -1,40 +1,40 @@
 import { NavLink } from 'react-router-dom';
 
 export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    isLeftMenuOpen?: boolean;
+    isLeftMenuOpen?: boolean | undefined;
 }, never>;
 export declare const SubItemsWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const ItemsSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const ItemLabel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $isCompact?: boolean;
-    isSubitem?: boolean;
+    $isCompact?: boolean | undefined;
+    isSubitem?: boolean | undefined;
 }, never>;
 export declare const ItemDropdownArrow: import('styled-components').StyledComponent<import('react').FC<import('../..').IconProps>, import('@xstyled/system').Theme, {
-    $lightMode?: boolean;
+    $lightMode?: boolean | undefined;
 }, never>;
 export declare const TooltipItemLabel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const ItemLinkWrap: import('styled-components').StyledComponent<typeof NavLink, import('@xstyled/system').Theme, {
-    $isCompact?: boolean;
-    $lightMode?: boolean;
-    appearance?: "gray" | "default";
+    $isCompact?: boolean | undefined;
+    $lightMode?: boolean | undefined;
+    appearance?: "default" | "gray" | undefined;
 }, never>;
 export declare const MenuItemContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $isCompact?: boolean;
-    $lightMode?: boolean;
-    hasChildren?: boolean;
-    isHovering?: boolean;
+    $isCompact?: boolean | undefined;
+    $lightMode?: boolean | undefined;
+    hasChildren?: boolean | undefined;
+    isHovering?: boolean | undefined;
 }, never>;
 export declare const ItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
-    $isCompact?: boolean;
+    $isCompact?: boolean | undefined;
 }, never>;
 export declare const TooltipWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $lightMode?: boolean;
+    $lightMode?: boolean | undefined;
 }, never>;
 export declare const OverflowWithEllipsis: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
 export declare const TopLevelWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isCompact: boolean;
-    isLeftMenuOpen?: boolean;
-    lightMode?: boolean;
+    isLeftMenuOpen?: boolean | undefined;
+    lightMode?: boolean | undefined;
 }, never>;
 export declare const ScrollWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const BodyWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {

package/ui/Blocks/Stepper/components/StepCircle/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const StepCircleContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    isCompleted?: boolean;
-    isActiveStep?: boolean;
+    isCompleted?: boolean | undefined;
+    isActiveStep?: boolean | undefined;
 }, never>;

package/ui/Blocks/Stepper/components/StepItem/styles.d.ts

@@ -1,9 +1,9 @@
 export declare const StepItemContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isActiveStep: boolean;
-    isDisabled?: boolean;
-    isVisible?: boolean;
+    isDisabled?: boolean | undefined;
+    isVisible?: boolean | undefined;
     total: number;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
 }, never>;
 export declare const Line: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     isActiveStep: boolean;

package/ui/Blocks/Table/stories/Table.stories.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: import('react').FC<{
         columnDefinitions: import('../types').ColumnDefinitions;
-        data?: import('../types').DataRow[] | null;
-        onRowClick?: (dataRow: import('../types').DataRow) => void;
+        data?: import('../types').DataRow[] | null | undefined;
+        onRowClick?: ((dataRow: import('../types').DataRow) => void) | undefined;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Blocks/Tabs/styles.d.ts

@@ -1,12 +1,13 @@
-export declare const StyledImageBox: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+/// <reference types="react" />
+export declare const StyledImageBox: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements, "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
 export declare const StyledTabWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const RoundedWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Tab: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     active: boolean;
-    disabled?: boolean;
-    minWidth?: string | string[];
+    disabled?: boolean | undefined;
+    minWidth?: string | string[] | undefined;
 }, never>;
 export declare const TabPanel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $mb?: string;
-    $mt?: string;
+    $mb?: string | undefined;
+    $mt?: string | undefined;
 }, never>;

package/ui/Elements/Alert/styles.d.ts

@@ -1,28 +1,29 @@
-export declare const StyledAlert: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-    $inline?: boolean;
+/// <reference types="react" />
+export declare const StyledAlert: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements, "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    $inline?: boolean | undefined;
     $colorFill: string;
     $bgColor: string;
 }, "color">;
-export declare const VerticalSeparator: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-    $colorFill?: string;
+export declare const VerticalSeparator: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements, "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    $colorFill?: string | undefined;
 }, "color">;
-export declare const IconWrap: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+export declare const IconWrap: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements, "color">) => import('react').ReactElement<any, string>, any, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
 export declare const Title: import('styled-components').StyledComponent<"span", any, {}, never>;
 export declare const Text: import('styled-components').StyledComponent<"span", any, {}, never>;
 export declare const LinkWrapper: import('styled-components').StyledComponent<import('react').FC<{
     as?: any;
-    children?: React.ReactNode;
-    to?: string | {
-        pathname?: string;
-        search?: string;
-        hash?: string;
-        state?: object;
-    } | Function;
-    target?: string;
-    color?: string;
-    size?: number | "inherit";
-    disabled?: boolean;
-    onClick?: Function;
+    children?: import('react').ReactNode;
+    to?: string | Function | {
+        pathname?: string | undefined;
+        search?: string | undefined;
+        hash?: string | undefined;
+        state?: object | undefined;
+    } | undefined;
+    target?: string | undefined;
+    color?: string | undefined;
+    size?: number | "inherit" | undefined;
+    disabled?: boolean | undefined;
+    onClick?: Function | undefined;
 }>, any, {
     $colorFill: string;
 }, never>;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
-    component: import('react').FC<import('..').AsyncSelectProps>;
+    component: import('react').FC<import('../AsyncSelect').AsyncSelectProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/AsyncSelect/stories/AsyncSelect.stories.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/ui/Elements/BarChartSymbol/styles.d.ts

@@ -4,6 +4,6 @@ export declare const Bar: import('styled-components').StyledComponent<"div", imp
     index: number;
     total: number;
     selected: number;
-    color?: string;
-    width?: number;
+    color?: string | undefined;
+    width?: number | undefined;
 }, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type BorderedBoxProps = {
     children: React.ReactNode;
     className?: string;

package/ui/Elements/Button/styles.d.ts

@@ -1,16 +1,17 @@
+/// <reference types="react" />
 export declare const StyledWrapper: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
 export declare const LoadingIconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $addMarginRight: boolean;
 }, never>;
 export declare const StyledIcon: import('styled-components').StyledComponent<import('react').FC<import('../Icon').IconProps>, import('@xstyled/system').Theme, {
-    $addMarginRight?: boolean;
-    $addMarginLeft?: boolean;
+    $addMarginRight?: boolean | undefined;
+    $addMarginLeft?: boolean | undefined;
 }, never>;
 export declare const StyledButton: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {
     disabled: boolean;
     children?: any;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    iconPadding?: boolean;
-    fullWidth?: boolean;
-    height?: string;
+    iconPadding?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    height?: string | undefined;
 }, never>;

package/ui/Elements/Card/styles.d.ts

@@ -2,7 +2,7 @@ import { Display } from './types';
 
 export declare const StyledCard: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     display: Display;
-    bg?: string;
+    bg?: string | undefined;
     hasOnClick: boolean;
-    maxWidth?: string;
+    maxWidth?: string | undefined;
 }, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type CardProps = {
     children: React.ReactNode;
     display?: Display;

package/ui/Elements/CheckedCircle/storries/CheckedCircle.stories.d.ts

@@ -3,8 +3,8 @@ import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: import('react').FC<{
-        checked?: boolean;
-        color?: string;
+        checked?: boolean | undefined;
+        color?: string | undefined;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Elements/DatePicker/Datetime/components/FooterRow.d.ts

@@ -1,3 +1,3 @@
 export declare const FooterRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }, never>;

package/ui/Elements/DatePicker/Datetime/views/DaysView.js

@@ -24,7 +24,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 // @ts-nocheck
 import React from 'react';
 import { DateRepeater } from '../components/DateRepeater';

package/ui/Elements/DatePicker/styles.d.ts

@@ -1 +1,2 @@
-export declare const DatePickerBase: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+/// <reference types="react" />
+export declare const DatePickerBase: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements, "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;

package/ui/Elements/DropdownMenu/components/MenuItem.js

@@ -18,7 +18,7 @@ import { useCallback } from 'react';
 import { useLocation } from 'react-router';
 import Link from '../../Link/Link';
 import styled, { css } from '@xstyled/styled-components';
-var StyledLink = styled(Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  border-top: ", ";\n  padding-top: ", ";\n  color: typoPrimary;\n\n  :hover > * {\n    color: typoPrimary;\n    background-color: bgLightGray1;\n    border-radius: 6px;\n  }\n  ", "\n"], ["\n  display: block;\n  border-top: ", ";\n  padding-top: ", ";\n  color: typoPrimary;\n\n  :hover > * {\n    color: typoPrimary;\n    background-color: bgLightGray1;\n    border-radius: 6px;\n  }\n  ", "\n"])), function (_a) {
+var StyledLink = styled(Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  border-top: ", ";\n  padding-top: ", ";\n  color: typoPrimary;\n  text-decoration: none;\n\n  :hover > * {\n    color: typoPrimary;\n    background-color: bgLightGray1;\n    border-radius: 6px;\n  }\n  ", "\n"], ["\n  display: block;\n  border-top: ", ";\n  padding-top: ", ";\n  color: typoPrimary;\n  text-decoration: none;\n\n  :hover > * {\n    color: typoPrimary;\n    background-color: bgLightGray1;\n    border-radius: 6px;\n  }\n  ", "\n"])), function (_a) {
     var $hasSeparator = _a.$hasSeparator;
     return ($hasSeparator ? '1px solid #D2D8DF' : 'none');
 }, function (_a) {

package/ui/Elements/Icon/Icon.js

@@ -146,12 +146,12 @@ export var iconDictionary = {
     chevronDown: faChevronDown,
     chevronRight: farChevronRight,
     clock: faClock,
-    complaint: faFileAlt, // 'file-lines'
+    complaint: faFileAlt,
     computerMouseScrollwheel: faComputerMouseScrollwheel,
     mailLight: faEnvelopeLight,
     eshop: faStore,
-    expedition: faShippingFast, // 'truck-fast'
-    equals: faEquals, // 'truck-fast'
+    expedition: faShippingFast,
+    equals: faEquals,
     fluxCapacitor: faFluxCapacitor,
     wineGlassCrack: faWineGlassCrack,
     paperPlane: faPaperPlane,
@@ -181,10 +181,10 @@ export var iconDictionary = {
     boxChecked: faBoxCircleCheck,
     shelves: faShelves,
     reservation: faHandHoldingBox,
-    return: [faShareSquare, 'horizontal'], // 'fa-share-from-square'
-    search: faSearch, // 'magnifying-glass'
+    return: [faShareSquare, 'horizontal'],
+    search: faSearch,
     supplier: farTriangleExclamation,
-    transfer: faExchange, // 'arrow-right-arrow-left'
+    transfer: faExchange,
     users: faUsersGear,
     warning: farTriangleExclamation,
     close: fasXmark,

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

@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var ArrowsLeftRight = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M502.6 438.6L598.6 342.6C611.1 330.1 611.1 309.8 598.6 297.3L502.6 201.3C490.1 188.8 469.8 188.8 457.3 201.3C444.8 213.8 444.8 234.1 457.3 246.6L498.7 288L141.2 288L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3C170.1 188.8 149.8 188.8 137.3 201.3L41.3 297.3C35.3 303.3 31.9 311.4 31.9 319.9C31.9 328.4 35.3 336.5 41.3 342.5L137.3 438.5C149.8 451 170.1 451 182.6 438.5C195.1 426 195.1 405.7 182.6 393.2L141.2 351.8L498.7 351.8L457.3 393.2C444.8 405.7 444.8 426 457.3 438.5C469.8 451 490.1 451 502.6 438.5z" }) }))); };
+export var ArrowsLeftRight = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M502.6 438.6L598.6 342.6C611.1 330.1 611.1 309.8 598.6 297.3L502.6 201.3C490.1 188.8 469.8 188.8 457.3 201.3C444.8 213.8 444.8 234.1 457.3 246.6L498.7 288L141.2 288L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3C170.1 188.8 149.8 188.8 137.3 201.3L41.3 297.3C35.3 303.3 31.9 311.4 31.9 319.9C31.9 328.4 35.3 336.5 41.3 342.5L137.3 438.5C149.8 451 170.1 451 182.6 438.5C195.1 426 195.1 405.7 182.6 393.2L141.2 351.8L498.7 351.8L457.3 393.2C444.8 405.7 444.8 426 457.3 438.5C469.8 451 490.1 451 502.6 438.5z" }) }))); };

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

@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var ArrowsUpDown = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M342.6 41.4C330.1 28.9 309.8 28.9 297.3 41.4L201.3 137.4C188.8 149.9 188.8 170.2 201.3 182.7C213.8 195.2 234.1 195.2 246.6 182.7L288 141.3L288 498.7L246.6 457.4C234.1 444.9 213.8 444.9 201.3 457.4C188.8 469.9 188.8 490.2 201.3 502.7L297.3 598.7C303.3 604.7 311.4 608.1 319.9 608.1C328.4 608.1 336.5 604.7 342.5 598.7L438.5 502.7C451 490.2 451 469.9 438.5 457.4C426 444.9 405.7 444.9 393.2 457.4L351.8 498.8L351.8 141.3L393.2 182.7C405.7 195.2 426 195.2 438.5 182.7C451 170.2 451 149.9 438.5 137.4L342.5 41.4z" }) }))); };
+export var ArrowsUpDown = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M342.6 41.4C330.1 28.9 309.8 28.9 297.3 41.4L201.3 137.4C188.8 149.9 188.8 170.2 201.3 182.7C213.8 195.2 234.1 195.2 246.6 182.7L288 141.3L288 498.7L246.6 457.4C234.1 444.9 213.8 444.9 201.3 457.4C188.8 469.9 188.8 490.2 201.3 502.7L297.3 598.7C303.3 604.7 311.4 608.1 319.9 608.1C328.4 608.1 336.5 604.7 342.5 598.7L438.5 502.7C451 490.2 451 469.9 438.5 457.4C426 444.9 405.7 444.9 393.2 457.4L351.8 498.8L351.8 141.3L393.2 182.7C405.7 195.2 426 195.2 438.5 182.7C451 170.2 451 149.9 438.5 137.4L342.5 41.4z" }) }))); };

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

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

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

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Filter = function (props) { return (_jsx("svg", __assign({ width: "14", height: "9", viewBox: "0 0 14 9", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0V1.5H13.5V0H0ZM5.25 9H8.25V7.5H5.25V9ZM11.25 5.25H2.25V3.75H11.25V5.25Z" }) }))); };

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

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

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

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var Sort = function (props) { return (_jsxs("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", stroke: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M3.5 1.5V12.5M3.5 12.5L1.5 10.5M3.5 12.5L5.5 10.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10.5 12.5V1.5M10.5 1.5L8.5 3.5M10.5 1.5L12.5 3.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };

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

@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Weight = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M320 64C368.6 64 408 103.4 408 152C408 166.4 404.5 180 398.3 192L480 192L576 576L64 576L160 192L241.7 192C235.6 180 232 166.4 232 152C232 103.4 271.4 64 320 64zM125.5 528L514.6 528L442.6 240L197.5 240L125.5 528zM320 112C297.9 112 280 129.9 280 152C280 174.1 297.9 192 320 192C342.1 192 360 174.1 360 152C360 129.9 342.1 112 320 112z" }) }))); };
+export var Weight = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M320 64C368.6 64 408 103.4 408 152C408 166.4 404.5 180 398.3 192L480 192L576 576L64 576L160 192L241.7 192C235.6 180 232 166.4 232 152C232 103.4 271.4 64 320 64zM125.5 528L514.6 528L442.6 240L197.5 240L125.5 528zM320 112C297.9 112 280 129.9 280 152C280 174.1 297.9 192 320 192C342.1 192 360 174.1 360 152C360 129.9 342.1 112 320 112z" }) }))); };

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

@@ -87,3 +87,5 @@ export { ArrowsLeftRight } from './ArrowsLeftRight';
 export { ArrowsUpDown } from './ArrowsUpDown';
 export { Weight } from './Weight';
 export { ArrowUpRightDownLeft } from './ArrowUpRightDownLeft';
+export { Filter } from './Filter';
+export { Sort } from './Sort';

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

@@ -87,3 +87,5 @@ export { ArrowsLeftRight } from './ArrowsLeftRight';
 export { ArrowsUpDown } from './ArrowsUpDown';
 export { Weight } from './Weight';
 export { ArrowUpRightDownLeft } from './ArrowUpRightDownLeft';
+export { Filter } from './Filter';
+export { Sort } from './Sort';

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

@@ -11,7 +11,7 @@ declare const meta: {
         style?: "normal" | "light" | "solid" | undefined;
         fill?: string | undefined;
         stroke?: string | undefined;
-        size?: number | string | undefined;
+        size?: string | number | undefined;
         className?: string | undefined;
         fixedWidth?: boolean | undefined;
         spinning?: boolean | undefined;

package/ui/Elements/Label/Label.d.ts

@@ -1,4 +1,4 @@
 export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
-    fontSize?: number | string;
+    fontSize?: string | number | undefined;
 }, never>;
 export declare const FieldLabel: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {}, never>;

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
-        fontSize?: number | string;
+        fontSize?: string | number | undefined;
     }, never>;
     tags: string[];
     argTypes: {};

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

@@ -4,18 +4,18 @@ declare const meta: {
     title: string;
     component: import('react').FC<{
         as?: any;
-        children?: React.ReactNode;
-        to?: string | {
-            pathname?: string;
-            search?: string;
-            hash?: string;
-            state?: object;
-        } | Function;
-        target?: string;
-        color?: string;
-        size?: number | "inherit";
-        disabled?: boolean;
-        onClick?: Function;
+        children?: import('react').ReactNode;
+        to?: string | Function | {
+            pathname?: string | undefined;
+            search?: string | undefined;
+            hash?: string | undefined;
+            state?: object | undefined;
+        } | undefined;
+        target?: string | undefined;
+        color?: string | undefined;
+        size?: number | "inherit" | undefined;
+        disabled?: boolean | undefined;
+        onClick?: Function | undefined;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Elements/Logo/Logo.js

@@ -41,8 +41,8 @@ import warehouseManager3 from './assets/warehouse/manager3.svg';
 import warehouseManager from './assets/warehouse/manager.svg';
 import styled from '@xstyled/styled-components';
 var defaultSizes = {
-    small: '30px', // cca 100px width on full logo
-    medium: '46px', // cca 150px width on full logo
+    small: '30px',
+    medium: '46px',
     big: '61px' // cca 200px width on full logo
 };
 var variantMap = {

package/ui/Elements/Pagination/styled.d.ts

@@ -1,4 +1,5 @@
-export declare const Wrapper: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+/// <reference types="react" />
+export declare const Wrapper: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements, "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
 export declare const Btn: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {
     disabled: boolean;
 }, never>;

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

@@ -3,11 +3,11 @@ import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: import('react').FC<{
-        progress?: number;
-        status?: "loading" | "finished" | "error";
-        errorMessage?: string;
-        noText?: boolean;
-        variant?: "normal" | "thin";
+        progress?: number | undefined;
+        status?: "error" | "loading" | "finished" | undefined;
+        errorMessage?: string | undefined;
+        noText?: boolean | undefined;
+        variant?: "normal" | "thin" | undefined;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Elements/ProgressBar/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const StyledProgressBar: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     status: string | null | undefined;
-    variant?: "normal" | "thin";
+    variant?: "normal" | "thin" | undefined;
 }, never>;
 export declare const Progress: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     progress: number;

package/ui/Elements/Select/Select.js

@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/ui/Elements/Select/components/SimplifiedOption.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SimplifiedOption: import('react').MemoExoticComponent<(props: any) => any>;
 export default SimplifiedOption;

package/ui/Elements/Select/themes/index.d.ts

@@ -1,4 +1,4 @@
 import { StylesConfig, SelectComponentsConfig } from 'react-select';
 import { SelectProps } from '../types';
 
-export declare const useStylesAndComponents: (style?: SelectProps["style"], optionVariant?: SelectProps["optionVariant"], multiLabelVariant?: SelectProps["multiLabelVariant"], containerVariant?: SelectProps["containerVariant"], useSimplifiedOptions?: SelectProps["useSimplifiedOptions"], showSelectAllButton?: SelectProps["showSelectAllButton"], showResetGridButton?: SelectProps["showResetGridButton"]) => [SelectComponentsConfig<unknown, boolean, any>, any, StylesConfig];
+export declare const useStylesAndComponents: (style?: SelectProps['style'], optionVariant?: SelectProps['optionVariant'], multiLabelVariant?: SelectProps['multiLabelVariant'], containerVariant?: SelectProps['containerVariant'], useSimplifiedOptions?: SelectProps['useSimplifiedOptions'], showSelectAllButton?: SelectProps['showSelectAllButton'], showResetGridButton?: SelectProps['showResetGridButton']) => [SelectComponentsConfig<unknown, boolean, any>, any, StylesConfig];

package/ui/Elements/Select/themes/selectStyles.d.ts

@@ -2,5 +2,5 @@ import { SelectProps, StylesConfig, CustomTheme } from '../types';
 
 export declare const CustomStyles: StylesConfig<State>;
 type ThemeGetter = (theme: any) => CustomTheme;
-export declare const getCustomTheme: (theme: any, optionVariant: Required<SelectProps>["optionVariant"], useFilterSubvariant: boolean) => ThemeGetter;
+export declare const getCustomTheme: (theme: any, optionVariant: Required<SelectProps>['optionVariant'], useFilterSubvariant: boolean) => ThemeGetter;
 export {};