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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.16-beta.1",
+  "version": "0.8.16-beta.2",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/ControlButtons/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ControlButtonsContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Left: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Right: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.d.ts

@@ -4,7 +4,7 @@ import { CommonGridProps, ExtraControlButton } from '../../types';
 export declare const Row: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 type Props = {
     extraControlButtons: CommonGridProps['extraControlButtons'];
-    targetPosition: ExtraControlButton['position'];
+    targetPosition?: ExtraControlButton['position'];
     isMobile?: boolean;
 };
 declare const ExtraControlButtons: FC<Props>;

package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.js

@@ -16,6 +16,7 @@ var __assign = (this && this.__assign) || function () {
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import Button from '../../../../Elements/Button/Button';
 import DropdownSelect from '../../../../Elements/DropdownSelect';
+import { ExtraControlButtonPosition } from '../../types';
 import ButtonMore from '../ButtonMore/ButtonMore';
 import styled, { x } from '@xstyled/styled-components';
 export var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"], ["\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"])));
@@ -34,7 +35,7 @@ var ControlButton = function (_a) {
     }
 };
 var ExtraControlButtons = function (_a) {
-    var extraControlButtons = _a.extraControlButtons, targetPosition = _a.targetPosition, isMobile = _a.isMobile;
+    var extraControlButtons = _a.extraControlButtons, isMobile = _a.isMobile, _b = _a.targetPosition, targetPosition = _b === void 0 ? ExtraControlButtonPosition.TopRight : _b;
     var buttons = (extraControlButtons || []).filter(function (_a) {
         var position = _a.position, hide = _a.hide;
         return position === targetPosition && !hide;

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.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;
-    return g = { next: verb(0), "throw": verb(1), "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 = 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;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/ui/Blocks/CommonGrid/components/IconList/IconList.d.ts

@@ -3,7 +3,7 @@ import { FC } from 'react';
 export declare const List: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
 export declare const ListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {}, never>;
 export declare const ListItemContent: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
-    selected?: boolean | undefined;
+    selected?: boolean;
 }, never>;
 export declare const ListItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
 type Item = {

package/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const RowLayout: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $isVisible: boolean;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    transition?: string;
+    transform?: string;
 }, never>;

package/ui/Blocks/CommonGrid/components/Table.d.ts

@@ -1,48 +1,48 @@
 export declare const Row: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    hasRowClick?: boolean | undefined;
-    align?: string | undefined;
+    hasRowClick?: boolean;
+    align?: string;
 }, never>;
 export declare const Cell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 export declare const StyledDataRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    hasRowClick?: boolean | undefined;
-    align?: string | undefined;
+    hasRowClick?: boolean;
+    align?: string;
 } & {
     isEven: boolean;
 }, never>;
 export declare const TextCell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 export declare const MessageCell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 declare const variantColors: {
     error: (props: import('@xstyled/util').Props<import('@xstyled/system').Theme>) => import('@xstyled/system').CSSScalar;
     info: (props: import('@xstyled/util').Props<import('@xstyled/system').Theme>) => import('@xstyled/system').CSSScalar;
 };
 export declare const MessageCellBody: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 } & {
     variant: keyof typeof variantColors;
 }, never>;

package/ui/Blocks/CommonGrid/hooks/useAddFilter.d.ts

@@ -1,5 +1,5 @@
 import { GridActionsType, ColumnDefinition } from '../types';
 
 type AddFilterRet = (value: any, column: ColumnDefinition, others?: any) => void;
-export declare const useAddFilter: (onChange: Required<GridActionsType>['addFilter']) => AddFilterRet;
+export declare const useAddFilter: (onChange: Required<GridActionsType>["addFilter"]) => AddFilterRet;
 export {};

package/ui/Blocks/CommonGrid/hooks/useColumnSizes.d.ts

@@ -9,5 +9,5 @@ type ReturnProps = {
     gridBoxRef: React.MutableRefObject<HTMLElement>;
     handleResizeDrag: (column: string, width: number) => void;
 };
-declare const useColumnSizes: (displayColumnsDefinitions: CommonGridProps['columnsDefinitions'], storeColumnsWidth: Required<GridSelectorsType>['columnsWidth'], storeColumnsWidthVariant: GridSelectorsType['columnsWidthVariant'], setColumnWidth: Required<GridActionsType>['setColumnWidth'], columnLayout: Required<CommonGridProps>['columnLayout'], minColumnWidth?: number) => ReturnProps;
+declare const useColumnSizes: (displayColumnsDefinitions: CommonGridProps["columnsDefinitions"], storeColumnsWidth: Required<GridSelectorsType>["columnsWidth"], storeColumnsWidthVariant: GridSelectorsType["columnsWidthVariant"], setColumnWidth: Required<GridActionsType>["setColumnWidth"], columnLayout: Required<CommonGridProps>["columnLayout"], minColumnWidth?: number) => ReturnProps;
 export default useColumnSizes;

package/ui/Blocks/CommonGrid/hooks/useEvent.d.ts

@@ -1,3 +1,3 @@
 type AnyFunction = (...args: any[]) => any;
-export declare const useEvent: <T extends AnyFunction>(callback?: T | undefined) => T;
+export declare const useEvent: <T extends AnyFunction>(callback?: T) => T;
 export {};

package/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.d.ts

@@ -5,5 +5,5 @@ import { RowProps, UxState, ActionColumn, OnBatchActionFn } from '../types';
  * returns [subset of actions that are enabled, onSelect(value) - param1: selected action value]
  */
 type GridActionTriggerRet = [Required<ActionColumn>['actionOptions'], (value: any) => void];
-export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn['actionOptions'], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
+export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn["actionOptions"], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
 export {};

package/ui/Blocks/CommonGrid/hooks/useManageColumn.d.ts

@@ -11,7 +11,7 @@ declare const useManageColumn: ({ columns, gridSelectors, gridActions, onClose }
     columnsConfigValues: string[];
     setColumnsConfigOptions: import('react').Dispatch<import('react').SetStateAction<{
         [x: string]: {
-            isHidden?: boolean | undefined;
+            isHidden?: boolean;
         };
     }>>;
     onConfirmForm: () => void;

package/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { RowProps, UxState } from '../types';
 
-declare const useRowsKeyControls: (rowsData: RowProps[], uxState: UxState, onUxChange?: ((uxKey: keyof UxState, uxValue: any) => void) | undefined) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
+declare const useRowsKeyControls: (rowsData: RowProps[], uxState: UxState, onUxChange?: (uxKey: keyof UxState, uxValue: any) => void) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
 export default useRowsKeyControls;

package/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.d.ts

@@ -5,5 +5,5 @@ import { RowProps, GridActionsType, UxState } from '../types';
  * returns [checked state, toggleAllHandler()] for checkbox
  */
 type ToggleAllCheckboxRet = [boolean, () => void];
-export declare const useToggleAllCheckbox: (rowsData?: RowProps[], uxState?: UxState, handleUxChange?: GridActionsType['handleUxChange']) => ToggleAllCheckboxRet;
+export declare const useToggleAllCheckbox: (rowsData?: RowProps[], uxState?: UxState, handleUxChange?: GridActionsType["handleUxChange"]) => ToggleAllCheckboxRet;
 export {};

package/ui/Blocks/CommonGrid/hooks/useUxReset.d.ts

@@ -1,4 +1,4 @@
 import { RowProps, GridActionsType, UxState } from '../types';
 
-declare const useUxReset: (rowsData: RowProps[], uxState: UxState, clearUxState: GridActionsType['clearUxState']) => any;
+declare const useUxReset: (rowsData: RowProps[], uxState: UxState, clearUxState: GridActionsType["clearUxState"]) => any;
 export default useUxReset;

package/ui/Blocks/CommonGrid/store/index.d.ts

@@ -31,7 +31,7 @@ export default _default;
 export declare const createActions: (gridName: string) => {
     init: (initProps?: InitProps) => Action;
     clearUxState: () => Action;
-    handleUxChange: (uxKey: keyof GridState['uxState'], uxValue: any) => Action;
+    handleUxChange: (uxKey: keyof GridState["uxState"], uxValue: any) => Action;
     openConfigForm: () => Action;
     closeConfigForm: () => Action;
     setColumnConfig: (columnConfig: ColumnConfig) => Action;
@@ -39,7 +39,7 @@ export declare const createActions: (gridName: string) => {
     setPresets: (presets: GridPresets) => Action;
     createPreset: (presetName: string, filters: Filtering) => Action;
     deletePreset: (presetName: string) => Action;
-    setColumnWidth: (columnsWidth: null | Record<string, number>, columnLayout: 'normal' | 'no-scroll' | 'sticky') => Action;
+    setColumnWidth: (columnsWidth: null | Record<string, number>, columnLayout: "normal" | "no-scroll" | "sticky") => Action;
     resetGrid: () => Action;
     setColumnsOrder: (columnsOrder: string[]) => Action;
     setRowsPerPage: (rowsPerPage: number) => Action;
@@ -51,16 +51,16 @@ export declare const createActions: (gridName: string) => {
     clearSettings: () => Action;
 };
 export declare const createSelectors: (gridName: string) => {
-    getUxState: (state: DefaultRootState) => GridState['uxState'];
-    isConfigFormOpen: (state: DefaultRootState) => GridState['isConfigFormOpen'];
-    getColumnConfig: (state: DefaultRootState) => GridState['columnConfig'];
-    getPage: (state: DefaultRootState) => GridState['page'];
-    getPresets: (state: DefaultRootState) => GridState['presets'];
-    getRowsPerPage: (state: DefaultRootState) => GridState['rowsPerPage'];
-    getFilter: (state: DefaultRootState) => GridState['filter'];
-    getSorting: (state: DefaultRootState) => GridState['sorting'];
-    getColumnsWidth: (state: DefaultRootState) => GridState['columnsWidth'];
-    getColumnsWidthVariant: (state: DefaultRootState) => GridState['columnsWidthVariant'];
-    getColumnsOrder: (state: DefaultRootState) => GridState['columnsOrder'];
+    getUxState: (state: DefaultRootState) => GridState["uxState"];
+    isConfigFormOpen: (state: DefaultRootState) => GridState["isConfigFormOpen"];
+    getColumnConfig: (state: DefaultRootState) => GridState["columnConfig"];
+    getPage: (state: DefaultRootState) => GridState["page"];
+    getPresets: (state: DefaultRootState) => GridState["presets"];
+    getRowsPerPage: (state: DefaultRootState) => GridState["rowsPerPage"];
+    getFilter: (state: DefaultRootState) => GridState["filter"];
+    getSorting: (state: DefaultRootState) => GridState["sorting"];
+    getColumnsWidth: (state: DefaultRootState) => GridState["columnsWidth"];
+    getColumnsWidthVariant: (state: DefaultRootState) => GridState["columnsWidthVariant"];
+    getColumnsOrder: (state: DefaultRootState) => GridState["columnsOrder"];
 };
-export declare const createFullSelector: (gridName: string) => (state: DefaultRootState) => GridSelectorsType;
+export declare const createFullSelector: (gridName: string) => ((state: DefaultRootState) => GridSelectorsType);

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-export declare const BottomWrapper: 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> & {
+export declare const BottomWrapper: 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> & {
     withPagination: boolean;
 }, "color">;
-export declare const ContentContainer: 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 CommonGridWrap: 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> & {
+export declare const ContentContainer: 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">;
+export declare const CommonGridWrap: 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> & {
     withPagination: boolean;
 }, "color">;
-export declare const StyledButtonStrip: 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 StyledButtonStrip: 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">;
 export declare const CommonGridWithStyles: import('styled-components').StyledComponent<import('react').FC<import('./types').CommonGridProps & {
-    filters?: import('./types').FiltersConfig | undefined;
+    filters?: import('./types').FiltersConfig;
     handleDragEnd: (item: import('@dnd-kit/core').DragEndEvent) => void;
     displayColumnsDefinitions: import('./types').ColumnDefinition[];
     hasGroups: boolean;

package/ui/Blocks/CommonGrid/utils/index.d.ts

@@ -14,7 +14,7 @@ export declare const calculatePaginator: (page: number, rowsPerPage: number) =>
     offset: number;
     limit: number;
 };
-export declare const createFilterType: (columnDefinition: ColumnDefinition) => FilterProps['type'];
+export declare const createFilterType: (columnDefinition: ColumnDefinition) => FilterProps["type"];
 export declare const getGroups: (columns: ColumnDefinition[]) => Group[];
 export declare const getGroupClassNames: (group?: Group) => string;
 export declare const getStickyCollClassNames: (sticky: boolean, stickTo?: StickTo) => string;

package/ui/Blocks/Header/components/MenuItems/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const MenuItemsList: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
 export declare const MenuItemsListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {
-    pointer?: boolean | undefined;
+    pointer?: boolean;
 }, never>;

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

@@ -4,22 +4,22 @@ declare const meta: {
     title: string;
     component: FC<{
         homeLink: string;
-        isMobileMenuOpen?: boolean | undefined;
-        logo?: import('../../..').Brand | undefined;
-        logoVariant?: import('../../..').Variant | undefined;
-        logoSrc?: string | undefined;
-        logoSrcWidth?: string | undefined;
-        user?: import('../types').User | null | undefined;
-        currentLanguage?: string | undefined;
-        hasUserMenu?: boolean | undefined;
-        rightMenuItems?: import('../../SideMenu').MenuItemType[] | undefined;
-        languageItems?: import('../../LanguageSwitch').LanguageItem[] | undefined;
-        showLanguageWithTitle?: boolean | undefined;
-        languageFlagWrapBackgroundColor?: string | undefined;
-        onOpenMobileSideMenu?: (() => void) | undefined;
-        onChangeLanguage?: ((language: string) => void) | undefined;
-        onLogout?: (() => void) | undefined;
-        withLanguageSwitch?: boolean | undefined;
+        isMobileMenuOpen?: boolean;
+        logo?: import('../../..').Brand;
+        logoVariant?: import('../../..').Variant;
+        logoSrc?: string;
+        logoSrcWidth?: string;
+        user?: import('../types').User | null;
+        currentLanguage?: string;
+        hasUserMenu?: boolean;
+        rightMenuItems?: import('../../SideMenu').MenuItemType[];
+        languageItems?: import('../../LanguageSwitch').LanguageItem[];
+        showLanguageWithTitle?: boolean;
+        languageFlagWrapBackgroundColor?: string;
+        onOpenMobileSideMenu?: () => void;
+        onChangeLanguage?: (language: string) => void;
+        onLogout?: () => void;
+        withLanguageSwitch?: boolean;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Blocks/ImageList/components/AddPhoto/index.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;
-    return g = { next: verb(0), "throw": verb(1), "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 = 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;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/ui/Blocks/ImageList/components/AddPhoto/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    isDisabled?: boolean | undefined;
-    hasRemove?: boolean | undefined;
+    isDisabled?: boolean;
+    hasRemove?: boolean;
 }, never>;
 export declare const HiddenInput: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/ImageList/components/CloseButton/styles.d.ts

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

package/ui/Blocks/ImageList/components/ImageElement/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Image: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, {
-    selected?: boolean | undefined;
+    selected?: boolean;
 }, never>;
 export declare const ImageWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     visible: boolean;

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

@@ -1,6 +1,6 @@
 export declare const ImageListContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Control: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    isLeft?: boolean | undefined;
+    isLeft?: boolean;
     isDisabled: boolean;
-    hasRemove?: boolean | undefined;
+    hasRemove?: boolean;
 }, never>;

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

@@ -1,11 +1,11 @@
 import { Placement } from './types';
 
 export declare const StyledFlag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const StyledDropdownMenu: import('styled-components').StyledComponent<(<T extends import('../../Elements/DropdownMenu/types').Item>({ items, showMenu, className, ItemComponent, header, footer, ...rest }: import('../../Elements/DropdownMenu/types').DropdownMenuProps<T>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>), import('@xstyled/system').Theme, {
+export declare const StyledDropdownMenu: import('styled-components').StyledComponent<(<T extends import('../../Elements/DropdownMenu/types').Item>({ items, showMenu, className, ItemComponent, header, footer, ...rest }: import('../../Elements/DropdownMenu/types').DropdownMenuProps<T>) => import('react').ReactElement), import('@xstyled/system').Theme, {
     placement: Placement;
 }, never>;
 export declare const LanguageSwitchWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const LanguageFlagWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    backgroundColor?: string | undefined;
-    withTitle?: boolean | undefined;
+    backgroundColor?: string;
+    withTitle?: boolean;
 }, never>;

package/ui/Blocks/LoginPage/stories/LoginPage.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;
-    return g = { next: verb(0), "throw": verb(1), "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 = 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;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { BackgroundImages } from './types';
+
 export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    backgroundImage?: "mailship" | undefined;
+    backgroundImage?: BackgroundImages;
 }, never>;
 export declare const LanguageBox: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const CardBodyWithLanguage: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

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 | undefined;
+    backgroundColor?: string;
 }, never>;
 export declare const DialogWindow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $backgroundColor?: string | undefined;
-    $minWidth?: string | undefined;
-    $minHeight?: string | undefined;
-    $maxWidth?: string | undefined;
-    $maxHeight?: string | undefined;
+    $backgroundColor?: string;
+    $minWidth?: string;
+    $minHeight?: string;
+    $maxWidth?: string;
+    $maxHeight?: string;
     variant: Variant;
-    top?: string | undefined;
+    top?: string;
 }, 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 | undefined;
+    bg?: string;
     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 | undefined;
+    isSlotSelected?: boolean;
     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 | undefined;
+    $lightMode?: boolean;
 }, never>;
 type Props = {
     isCompact: boolean;

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

@@ -1,4 +1,3 @@
-/// <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 | undefined;
+    isLeftMenuOpen?: boolean;
 }, 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 | undefined;
-    isSubitem?: boolean | undefined;
+    $isCompact?: boolean;
+    isSubitem?: boolean;
 }, never>;
 export declare const ItemDropdownArrow: import('styled-components').StyledComponent<import('react').FC<import('../..').IconProps>, import('@xstyled/system').Theme, {
-    $lightMode?: boolean | undefined;
+    $lightMode?: boolean;
 }, 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 | undefined;
-    $lightMode?: boolean | undefined;
-    appearance?: "default" | "gray" | undefined;
+    $isCompact?: boolean;
+    $lightMode?: boolean;
+    appearance?: "gray" | "default";
 }, never>;
 export declare const MenuItemContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $isCompact?: boolean | undefined;
-    $lightMode?: boolean | undefined;
-    hasChildren?: boolean | undefined;
-    isHovering?: boolean | undefined;
+    $isCompact?: boolean;
+    $lightMode?: boolean;
+    hasChildren?: boolean;
+    isHovering?: boolean;
 }, never>;
 export declare const ItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
-    $isCompact?: boolean | undefined;
+    $isCompact?: boolean;
 }, never>;
 export declare const TooltipWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $lightMode?: boolean | undefined;
+    $lightMode?: boolean;
 }, 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 | undefined;
-    lightMode?: boolean | undefined;
+    isLeftMenuOpen?: boolean;
+    lightMode?: boolean;
 }, 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 | undefined;
-    isActiveStep?: boolean | undefined;
+    isCompleted?: boolean;
+    isActiveStep?: boolean;
 }, 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 | undefined;
-    isVisible?: boolean | undefined;
+    isDisabled?: boolean;
+    isVisible?: boolean;
     total: number;
-    onClick?: (() => void) | undefined;
+    onClick?: () => void;
 }, 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,10 +1,9 @@
-/// <reference types="react" />
 declare const meta: {
     title: string;
     component: import('react').FC<{
         columnDefinitions: import('../types').ColumnDefinitions;
-        data?: import('../types').DataRow[] | null | undefined;
-        onRowClick?: ((dataRow: import('../types').DataRow) => void) | undefined;
+        data?: import('../types').DataRow[] | null;
+        onRowClick?: (dataRow: import('../types').DataRow) => void;
     }>;
     tags: string[];
     argTypes: {};