@mailstep/design-system 0.8.46 → 0.8.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.46",
+  "version": "0.8.48",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -40,10 +40,10 @@
     "@lingui/core": "^5.0.0",
     "@lingui/react": "^5.0.0",
     "@popperjs/core": "^2.11.8",
-    "@storybook/addon-designs": "^11.1.3",
-    "@storybook/addon-docs": "10.4.2",
-    "@storybook/addon-links": "10.4.2",
-    "@storybook/react-webpack5": "10.4.2",
+    "@storybook/addon-designs": "^11.1.2",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/addon-links": "10.2.8",
+    "@storybook/react-webpack5": "10.2.8",
     "@svgr/rollup": "^8.0.1",
     "@swc/core": "^1.15.30",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
@@ -73,7 +73,7 @@
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-perf": "^3.3.2",
-    "eslint-plugin-storybook": "10.4.2",
+    "eslint-plugin-storybook": "10.2.8",
     "faker": "^5.1.0",
     "husky": "^9.1.7",
     "immer": "^9.0.19",
@@ -96,7 +96,7 @@
     "react-use-draggable-scroll": "^0.4.7",
     "redux": ">=4.0.5",
     "reselect": "5.0.0-alpha.2",
-    "storybook": "10.4.2",
+    "storybook": "10.2.8",
     "string-width": "6.1.0",
     "styled-components": "^5.3.10",
     "swiper": "^11.0.3",

package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.d.ts

@@ -4,6 +4,7 @@ import type { HeaderVariant } from '../../../../types';
 type MenuItemProps = {
     item: MenuItemType;
     variant?: HeaderVariant;
+    iconsBreakpoint?: string;
 };
 export declare const MenuItem: FC<MenuItemProps>;
 export {};

package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.js

@@ -1,10 +1,10 @@
 import Icon from "../../../../../../Elements/Icon/Icon.js";
-import { MenuItemDropdownArrow, MenuItemLabel, MenuItemsListItem, SubMenuItemRow, SubMenuList } from "../../styles.js";
+import { MenuItemDropdownArrow, MenuItemIcon, MenuItemLabel, MenuItemsListItem, SubMenuItemRow, SubMenuList } from "../../styles.js";
 import { isItemActive, isLinkExactActive } from "./utils/isItemActive.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Link, useLocation } from "react-router-dom";
 //#region packages/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.tsx
-const MenuItem = ({ item, variant = "light" }) => {
+const MenuItem = ({ item, variant = "light", iconsBreakpoint }) => {
 	const hasSubmenu = Array.isArray(item.items) && item.items.length > 0;
 	const { pathname, search } = useLocation();
 	const isActive = isItemActive(pathname, item);
@@ -14,10 +14,20 @@ const MenuItem = ({ item, variant = "light" }) => {
 		$isActive: isActive,
 		children: [/* @__PURE__ */ jsxs(MenuItemLabel, {
 			onClick: item.onClick,
-			children: [item.link && !hasSubmenu ? /* @__PURE__ */ jsx(Link, {
-				to: item.link,
-				children: item.title
-			}) : /* @__PURE__ */ jsx("span", { children: item.title }), hasSubmenu && /* @__PURE__ */ jsx(MenuItemDropdownArrow, { children: /* @__PURE__ */ jsx(Icon, { icon: "goDown" }) })]
+			children: [
+				item.icon && /* @__PURE__ */ jsx(MenuItemIcon, {
+					$iconsBreakpoint: iconsBreakpoint,
+					children: typeof item.icon === "string" ? /* @__PURE__ */ jsx(Icon, {
+						icon: item.icon,
+						size: 18
+					}) : item.icon
+				}),
+				item.link && !hasSubmenu ? /* @__PURE__ */ jsx(Link, {
+					to: item.link,
+					children: item.title
+				}) : /* @__PURE__ */ jsx("span", { children: item.title }),
+				hasSubmenu && /* @__PURE__ */ jsx(MenuItemDropdownArrow, { children: /* @__PURE__ */ jsx(Icon, { icon: "goDown" }) })
+			]
 		}), hasSubmenu && /* @__PURE__ */ jsx(SubMenuList, { children: item.items?.map((subItem, key) => /* @__PURE__ */ jsx(SubMenuItemRow, {
 			pointer: !!subItem.onClick,
 			onClick: subItem.onClick,

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

@@ -4,6 +4,7 @@ import type { HeaderVariant } from '../../types';
 type MenuItemsProps = {
     items?: MenuItemType[];
     variant?: HeaderVariant;
+    iconsBreakpoint?: string;
 };
 export declare const MenuItems: FC<MenuItemsProps>;
 export {};

package/ui/Blocks/Header/components/MenuItems/index.js

@@ -2,10 +2,11 @@ import { MenuItemsList } from "./styles.js";
 import { MenuItem } from "./components/MenuItem/index.js";
 import { jsx } from "react/jsx-runtime";
 //#region packages/ui/Blocks/Header/components/MenuItems/index.tsx
-const MenuItems = ({ items, variant = "light" }) => {
+const MenuItems = ({ items, variant = "light", iconsBreakpoint }) => {
 	return /* @__PURE__ */ jsx(MenuItemsList, { children: items?.map((item, key) => /* @__PURE__ */ jsx(MenuItem, {
 		item,
-		variant
+		variant,
+		iconsBreakpoint
 	}, key)) });
 };
 //#endregion

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

@@ -7,6 +7,9 @@ export declare const MenuItemsListItem: import("styled-components").StyledCompon
     $isActive?: boolean;
 }, never>;
 export declare const MenuItemLabel: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const MenuItemIcon: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
+    $iconsBreakpoint?: string;
+}, never>;
 export declare const MenuItemDropdownArrow: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
 export declare const SubMenuItemRow: import("styled-components").StyledComponent<"li", import("@xstyled/styled-components").Theme, {
     pointer?: boolean;

package/ui/Blocks/Header/components/MenuItems/styles.js

@@ -1,4 +1,4 @@
-import styled$1, { th } from "@xstyled/styled-components";
+import styled$1, { css, th } from "@xstyled/styled-components";
 //#region packages/ui/Blocks/Header/components/MenuItems/styles.ts
 const MenuItemsList = styled$1.ul`
   display: flex;
@@ -76,6 +76,19 @@ const MenuItemLabel = styled$1.div`
   user-select: none;
   height: 100%;
 `;
+const MenuItemIcon = styled$1.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  ${({ $iconsBreakpoint }) => $iconsBreakpoint && css`
+      display: none;
+
+      @media (min-width: ${$iconsBreakpoint}) {
+        display: inline-flex;
+      }
+    `}
+`;
 const MenuItemDropdownArrow = styled$1.span`
   display: inline-flex;
   align-items: center;
@@ -121,4 +134,4 @@ const SubMenuItemRow = styled$1.li`
   }
 `;
 //#endregion
-export { MenuItemDropdownArrow, MenuItemLabel, MenuItemsList, MenuItemsListItem, SubMenuItemRow, SubMenuList };
+export { MenuItemDropdownArrow, MenuItemIcon, MenuItemLabel, MenuItemsList, MenuItemsListItem, SubMenuItemRow, SubMenuList };

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

@@ -27,6 +27,7 @@ type Props = {
     height?: string;
     smallLogoBreakpoint?: string;
     mobileMenuBreakpoint?: string;
+    menuIconsBreakpoint?: string;
     languageItems?: LanguageItem[];
     showLanguageWithTitle?: boolean;
     languageFlagWrapBackgroundColor?: string;

package/ui/Blocks/Header/index.js

@@ -11,7 +11,7 @@ import { useCallback, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
 //#region packages/ui/Blocks/Header/index.tsx
-const Header = ({ isMobileMenuOpen, homeLink, logo, logoVariant, logoVariantSmall, logoWidth = "145px", logoSmallWidth = "45px", logoSrc, logoSrcWidth, user, currentLanguage, hasUserMenu = false, leftMenuItems, rightMenuItems, rightSideStart, userMenuOverride, withInitials = false, withChevron = false, withName = false, variant = "light", height = "60px", smallLogoBreakpoint = "1801px", mobileMenuBreakpoint = "1024px", showLanguageWithTitle, languageFlagWrapBackgroundColor, languageItems: languageItems$1 = languageItems, withLanguageSwitch = true, ignoreClickOutsideClosest, onOpenMobileSideMenu, onChangeLanguage, onLogout }) => {
+const Header = ({ isMobileMenuOpen, homeLink, logo, logoVariant, logoVariantSmall, logoWidth = "145px", logoSmallWidth = "45px", logoSrc, logoSrcWidth, user, currentLanguage, hasUserMenu = false, leftMenuItems, rightMenuItems, rightSideStart, userMenuOverride, withInitials = false, withChevron = false, withName = false, variant = "light", height = "60px", smallLogoBreakpoint = "1801px", mobileMenuBreakpoint = "1024px", menuIconsBreakpoint, showLanguageWithTitle, languageFlagWrapBackgroundColor, languageItems: languageItems$1 = languageItems, withLanguageSwitch = true, ignoreClickOutsideClosest, onOpenMobileSideMenu, onChangeLanguage, onLogout }) => {
 	const { handleChangeLanguage } = useChangeLanguage({ onChangeLanguage });
 	const hasLeftMenu = Array.isArray(leftMenuItems) && leftMenuItems.length > 0;
 	const hasInternalMobileMenu = hasLeftMenu && !onOpenMobileSideMenu;
@@ -62,14 +62,16 @@ const Header = ({ isMobileMenuOpen, homeLink, logo, logoVariant, logoVariantSmal
 				$mobileMenuBreakpoint: mobileMenuBreakpoint,
 				children: /* @__PURE__ */ jsx(MenuItems, {
 					items: leftMenuItems,
-					variant
+					variant,
+					iconsBreakpoint: menuIconsBreakpoint
 				})
 			})
 		] }), /* @__PURE__ */ jsxs(RightSide, { children: [
 			rightSideStart,
 			!!rightMenuItems?.length && /* @__PURE__ */ jsx(MenuItems, {
 				items: rightMenuItems,
-				variant
+				variant,
+				iconsBreakpoint: menuIconsBreakpoint
 			}),
 			withLanguageSwitch && /* @__PURE__ */ jsx(LanguageWrapper, { children: /* @__PURE__ */ jsx(LanguageSwitch_default, {
 				languageItems: languageItems$1,

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

@@ -25,6 +25,7 @@ declare const meta: {
         height?: string;
         smallLogoBreakpoint?: string;
         mobileMenuBreakpoint?: string;
+        menuIconsBreakpoint?: string;
         languageItems?: import("../../LanguageSwitch").LanguageItem[];
         showLanguageWithTitle?: boolean;
         languageFlagWrapBackgroundColor?: string;

package/ui/Elements/Avatar/Avatar.js

@@ -9,7 +9,7 @@ const getInitials = (user) => {
 	if (initials) return initials;
 	return (user?.username ?? "?").slice(0, 2).toUpperCase();
 };
-const Avatar = ({ user, src, size = 34, colorFront, colorBack, className, hoverColorBack, onClick, withInitials, withChevron, withName }) => {
+const Avatar = ({ user, src, size = 34, colorFront, colorBack, className, hoverColorBack, onClick, withInitials, withChevron, withName, children }) => {
 	return /* @__PURE__ */ jsxs(AvatarWrap, {
 		onClick,
 		children: [
@@ -29,7 +29,7 @@ const Avatar = ({ user, src, size = 34, colorFront, colorBack, className, hoverC
 					!src && !withInitials && /* @__PURE__ */ jsx(Profile, { stroke: colorFront })
 				]
 			}),
-			withName && user?.username,
+			/* @__PURE__ */ jsxs("div", { children: [withName && user?.username, children] }),
 			withChevron && /* @__PURE__ */ jsx(Chevron, { children: /* @__PURE__ */ jsx(Icon, {
 				icon: "goDown",
 				fill: "white",

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

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 export type Props = {
     user?: {
         firstName?: string;
@@ -15,4 +16,5 @@ export type Props = {
     withInitials?: boolean;
     withChevron?: boolean;
     withName?: boolean;
+    children?: ReactNode;
 };

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

@@ -1,8 +1,7 @@
 import React from 'react';
-export type FlagAppearanceType = 'neutralBold' | 'neutralMedium' | 'neutralSubtle' | 'blueBold' | 'blueSubtle' | 'tealBold' | 'tealSubtle' | 'greenBold' | 'greenSubtle' | 'orangeBold' | 'orangeSubtle' | 'yellowBold' | 'yellowSubtle' | 'pinkBold' | 'pinkSubtle' | 'purpleBold' | 'purpleSubtle' | 'redBold' | 'redSubtle';
+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;
-    neutralMedium: string;
     neutralSubtle: string;
     blueBold: string;
     blueSubtle: string;
@@ -23,7 +22,6 @@ export declare const flagAppearanceToColorMap: {
 };
 export declare const flagAppearanceToFontColorMap: {
     neutralBold: string;
-    neutralMedium: string;
     neutralSubtle: string;
     blueBold: string;
     blueSubtle: string;

package/ui/Elements/HighlightBox/HighlightBox.js

@@ -48,7 +48,6 @@ const OverflowWrap = styled$1.span`
 `;
 const flagAppearanceToColorMap = {
 	neutralBold: "neutral300",
-	neutralMedium: "#D2D8DF",
 	neutralSubtle: "bgLightGray2",
 	blueBold: "blue70",
 	blueSubtle: "blue20",
@@ -69,7 +68,6 @@ const flagAppearanceToColorMap = {
 };
 const flagAppearanceToFontColorMap = {
 	neutralBold: "white",
-	neutralMedium: "#22394E",
 	neutralSubtle: "#22394E",
 	blueBold: "#ffffff",
 	blueSubtle: "blue80",

package/ui/Elements/Icon/Icon.js

@@ -14,6 +14,7 @@ import { faPaperclip } from "@fortawesome/pro-light-svg-icons/faPaperclip";
 import { faStopwatch } from "@fortawesome/pro-light-svg-icons/faStopwatch";
 import { faArrowRightToBracket } from "@fortawesome/pro-regular-svg-icons/faArrowRightToBracket";
 import { faBell } from "@fortawesome/pro-regular-svg-icons/faBell";
+import { faBolt } from "@fortawesome/pro-regular-svg-icons/faBolt";
 import { faBox } 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";
@@ -143,6 +144,7 @@ const iconDictionary = {
 	paperPlane: faPaperPlane,
 	flaskRoundPotion: faFlaskRoundPotion,
 	batteryBolt: faBatteryBolt,
+	bolt: faBolt,
 	ellipsisVertical: faEllipsisVertical,
 	greaterThanEqual: faGreaterThanEqual,
 	home: faHome,
@@ -265,8 +267,8 @@ const Icon = ({ icon, fill, stroke, style = "normal", size, width, height, class
 		$colorSecondary: colorSecondary,
 		$fixedWidth: fixedWidth,
 		children: IconComponent ? /* @__PURE__ */ jsx(IconComponent, {
-			fill: colorFill,
-			stroke: colorStroke,
+			...colorFill ? { fill: colorFill } : {},
+			...colorStroke ? { stroke: colorStroke } : {},
 			onClick,
 			cursor: cursor ?? (onClick ? "pointer" : void 0),
 			...width ?? size ? { width: width ?? size } : {},

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

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

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

@@ -5,7 +5,7 @@ const Inventory = (props) => /* @__PURE__ */ jsxs("svg", {
 	height: "22",
 	viewBox: "0 0 22 22",
 	fill: "none",
-	stroke: "#A3B3C1",
+	stroke: "currentColor",
 	...props,
 	children: [/* @__PURE__ */ jsxs("g", {
 		clipPath: "url(#clip0_7_1616)",

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

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

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

@@ -5,7 +5,7 @@ const Return = (props) => /* @__PURE__ */ jsxs("svg", {
 	height: "22",
 	viewBox: "0 0 22 22",
 	fill: "none",
-	stroke: "#A3B3C1",
+	stroke: "currentColor",
 	...props,
 	children: [/* @__PURE__ */ jsx("path", {
 		d: "M6 8.78947V13.7105L11.1 15.5M6 8.78947L11.1 10.5789M6 8.78947L11.1 7L16.2 8.34211M11.1 15.5V10.5789M11.1 15.5L16.2 13.7105V8.34211M11.1 10.5789L16.2 8.34211",

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

@@ -18,6 +18,7 @@ declare const meta: {
     }>;
     tags: string[];
     argTypes: {};
+    decorators: never[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/ui/Elements/Select/Select.js

@@ -5,7 +5,7 @@ import "../Label/index.js";
 import SpaceAround_default from "../SpaceAround/index.js";
 import { StyledAsyncSelect, StyledReactSelect, Wrapper } from "./styles.js";
 import { useStylesAndComponents } from "./themes/index.js";
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo, useRef } from "react";
 import { useTheme } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
@@ -22,9 +22,41 @@ const loadingMessage = () => i18n._({
 const Select = ({ label, name, value = "", options = emptyOptions, defaultOptions, loadOptions, onChange, onBlur, error, isInvalid, isLoading, isDarkPlaceholderText, spaceAround = false, disabled, onInputChange, isSearchable, isMulti, className, useSimplifiedOptions = false, showSelectAllButton = false, shortValues = true, shortVariant = "block", style, optionVariant, multiLabelVariant, containerVariant, placeholder, placeholderIcon, innerRef, maxMenuHeight, getOptionValue, onIconClick, title, ...passTroughProps }) => {
 	const isAsync = !!loadOptions;
 	if (showSelectAllButton && !isMulti) console.error("CheckboxSelect incompatible props");
-	const setAllOptions = useCallback(({ options }) => {
-		onChange?.(options || []);
-	}, [onChange, options]);
+	const localGetOptionValue = useMemo(() => getOptionValue || ((option) => option?.value), [getOptionValue]);
+	const availableOptionsByValue = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const option of [...defaultOptions || [], ...options || []]) map.set(localGetOptionValue(option), option);
+		return map;
+	}, [
+		defaultOptions,
+		options,
+		localGetOptionValue
+	]);
+	const selectedHistoryRef = useRef(/* @__PURE__ */ new Map());
+	const resolveOption = useCallback((optionValue) => availableOptionsByValue.get(optionValue) || selectedHistoryRef.current.get(optionValue), [availableOptionsByValue]);
+	let selectedOption = null;
+	if (Array.isArray(value)) {
+		const resolved = value.map(resolveOption).filter((option) => Boolean(option));
+		selectedOption = resolved.length ? resolved : null;
+	} else if (value !== void 0) selectedOption = resolveOption(value) || null;
+	const handleChange = useCallback((newValue) => {
+		(Array.isArray(newValue) ? newValue : newValue ? [newValue] : []).forEach((option) => option && selectedHistoryRef.current.set(localGetOptionValue(option), option));
+		onChange?.(newValue);
+	}, [onChange, localGetOptionValue]);
+	const setAllOptions = useCallback(({ options: optionsToAdd }) => {
+		const merged = [...Array.isArray(selectedOption) ? selectedOption : selectedOption ? [selectedOption] : []];
+		const visibleOptions = optionsToAdd || [];
+		for (const option of visibleOptions) {
+			const optionValue = localGetOptionValue(option);
+			if (!merged.some((selected) => localGetOptionValue(selected) === optionValue)) merged.push(resolveOption(optionValue) || option);
+		}
+		handleChange(merged);
+	}, [
+		handleChange,
+		selectedOption,
+		localGetOptionValue,
+		resolveOption
+	]);
 	const unsetAllOptions = useCallback(() => {
 		if (typeof onChange === "function") onChange?.(emptyOptions);
 	}, [onChange]);
@@ -32,12 +64,6 @@ const Select = ({ label, name, value = "", options = emptyOptions, defaultOption
 	const modifiedMaxMenuHeight = showSelectAllButton && maxMenuHeight ? maxMenuHeight - 30 : maxMenuHeight;
 	const [customComponents, customTheme, customStyles] = useStylesAndComponents(style, optionVariant, multiLabelVariant, containerVariant, useSimplifiedOptions, showSelectAllButton);
 	const RenderComponent = isAsync ? StyledAsyncSelect : StyledReactSelect;
-	let selectedOption;
-	const localGetOptionValue = useMemo(() => getOptionValue || ((option) => option?.value), [getOptionValue]);
-	if (Array.isArray(value)) {
-		selectedOption = (defaultOptions || options).filter((option) => value.includes(localGetOptionValue(option)));
-		selectedOption = selectedOption?.length ? selectedOption : null;
-	} else if (value !== void 0) selectedOption = (defaultOptions || options).find((option) => localGetOptionValue(option) === value) || null;
 	const theme = useTheme();
 	const handleLoadOptions = useMemo(() => {
 		return loadOptions ? async (fulltext) => await loadOptions(fulltext) : void 0;
@@ -56,7 +82,7 @@ const Select = ({ label, name, value = "", options = emptyOptions, defaultOption
 			loadOptions: handleLoadOptions,
 			defaultOptions,
 			value: selectedOption,
-			onChange,
+			onChange: handleChange,
 			onBlur,
 			isDisabled: disabled || isLoading,
 			isLoading,

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

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{
-        children: React.ReactNode;
-    }>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,16 +0,0 @@
-import { type FC } from 'react';
-declare const meta: {
-    title: string;
-    component: FC<{
-        parentRef: React.MutableRefObject<HTMLDivElement | null | undefined>;
-        onClose?: () => void;
-        children: React.ReactNode;
-        placement?: import("@popperjs/core").Placement;
-        wrapper?: import("styled-components").StyledComponent<any, any>;
-        ignoreClickOutsideClosest?: string;
-    }>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-export declare const Default: FC;

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

@@ -1,11 +0,0 @@
-import { type FC } from 'react';
-declare const meta: {
-    title: string;
-    component: import("react").NamedExoticComponent<import("../DatePicker").DatePickerType>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-export declare const Default: FC;
-export declare const WithTime: FC;
-export declare const Disabled: FC;

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

@@ -1,10 +0,0 @@
-import { type FC } from 'react';
-declare const meta: {
-    title: string;
-    component: <T extends import("../types").Item>({ items, showMenu, className, ItemComponent, header, footer, ...rest }: import("../types").DropdownMenuProps<T>) => import("react").ReactElement;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-export declare const Default: FC;
-export declare const WithCounts: FC;

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

@@ -1,22 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{
-        label: string | import("react").ReactNode;
-        appearance?: import("../../Button").AppearanceValue;
-        variant?: import("../../Button/types").VariantValue;
-        options: import("../DropdownSelect").DropdownSelectItem[];
-        showChevron?: boolean;
-        onSelect?: (value: import("../DropdownSelect").DropdownSelectItem["value"]) => void;
-        icon?: import("react").ReactNode;
-        disabled?: boolean;
-        ButtonComponent?: React.FC;
-    }>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithoutChevron: Story;
-export declare const Disabled: Story;

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

@@ -1,31 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{
-        children: React.ReactNode;
-        appearance: import("../HighlightBox").FlagAppearanceType;
-        size?: "default" | "small" | "wide" | "fitContent";
-        className?: string;
-        cursor?: string;
-        prefix?: string;
-    }>;
-    tags: string[];
-    argTypes: {
-        appearance: {
-            control: "select";
-            options: string[];
-        };
-        size: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Subtle: Story;
-export declare const Small: Story;
-export declare const Wide: Story;
-export declare const FitContent: Story;
-export declare const AllAppearances: Story;

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

@@ -1,11 +0,0 @@
-import { type FC } from 'react';
-declare const meta: {
-    title: string;
-    component: FC<{
-        children?: import("react").ReactNode;
-    }>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-export declare const Default: FC;

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

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-declare const meta: {
-    title: string;
-    component: import("styled-components").StyledComponent<typeof import("react-router-dom").Link, import("@xstyled/styled-components").Theme, import("../SimpleLink").Props, never>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Decorated: Story;
-export declare const Disabled: Story;
-export declare const External: Story;

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

@@ -1,10 +0,0 @@
-import { type FC } from 'react';
-declare const meta: {
-    title: string;
-    component: FC<import("../SingleSelect").Props>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-export declare const Default: FC;
-export declare const Searchable: FC;