npm - @mailstep/design-system - Versions diffs - 0.8.33 → 0.8.34 - Mend

@mailstep/design-system 0.8.33 → 0.8.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.33",
+  "version": "0.8.34",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -16,11 +16,12 @@
     "build:win": "tsdown && tsc --emitDeclarationOnly && copy package.json build && copy README.md build",
     "build-storybook": "storybook build",
     "deploy": "npm run build && npm publish ./build",
+    "deploy:beta": "npm run build && npm publish ./build --tag beta",
     "deploy:win": "npm run build:win && npm publish ./build",
     "dev": "yarn storybook",
     "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\"",
     "lint": "eslint ./packages/ui/**/*.{ts,tsx}",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "lint-staged": {
     "*.{js,ts,tsx}": "yarn eslint --fix"

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

@@ -1,4 +1,4 @@
-export declare const ControlButtonsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Left: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Right: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StyledColumnButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../Elements/Button/types").Props>, import("@xstyled/styled-components").Theme, {}, never>;
+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>;
+export declare const StyledColumnButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../Elements/Button/types").Props>, import("@xstyled/system").Theme, {}, never>;

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

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

package/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { type FloatingButtonProps } from '../../types';
-export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StyledCross: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledCross: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isOpen: boolean;
 }, never>;
 declare const FloatingButton: FC<FloatingButtonProps>;

package/ui/Blocks/CommonGrid/components/GridAggregation/styles.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export declare const Wrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "color">;
-export declare const StyledSelect: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "color">;
-export declare const ColumnTitle: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "color">;
+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">;
+export declare const StyledSelect: 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 ColumnTitle: 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">;

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

@@ -1,10 +1,10 @@
 import type { FC } from 'react';
-export declare const List: import("styled-components").StyledComponent<"ul", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ListItem: import("styled-components").StyledComponent<"li", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ListItemContent: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
+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;
 }, never>;
-export declare const ListItemIcon: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const ListItemIcon: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
 type Item = {
     value: string;
     icon?: string;

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

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

package/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const MobileOverlayWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/~~styled-components~~").Theme, {}, never>;
1	+ export declare const MobileOverlayWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const TagRemove: import("styled-components").StyledComponent<"div", import("@xstyled/~~styled-components~~").Theme, {}, never>;
1	+ export declare const TagRemove: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

@@ -1,8 +1,8 @@
-export declare const Row: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Row: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     hasRowClick?: boolean;
     align?: string;
 }, never>;
-export declare const Cell: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Cell: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     align?: string;
     flexBasis?: number;
     flexGrow?: number;
@@ -10,13 +10,13 @@ export declare const Cell: import("styled-components").StyledComponent<"div", im
     transition?: string;
     transform?: string;
 }, never>;
-export declare const StyledDataRow: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const StyledDataRow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     hasRowClick?: boolean;
     align?: string;
 } & {
     isEven: boolean;
 }, never>;
-export declare const TextCell: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const TextCell: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     align?: string;
     flexBasis?: number;
     flexGrow?: number;
@@ -24,7 +24,7 @@ export declare const TextCell: import("styled-components").StyledComponent<"div"
     transition?: string;
     transform?: string;
 }, never>;
-export declare const MessageCell: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const MessageCell: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     align?: string;
     flexBasis?: number;
     flexGrow?: number;
@@ -33,10 +33,10 @@ export declare const MessageCell: import("styled-components").StyledComponent<"d
     transform?: string;
 }, never>;
 declare const variantColors: {
-    error: (props: import("@xstyled/util").Props<import("@xstyled/styled-components").Theme>) => import("@xstyled/styled-components").CSSScalar;
-    info: (props: import("@xstyled/util").Props<import("@xstyled/styled-components").Theme>) => import("@xstyled/styled-components").CSSScalar;
+    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/styled-components").Theme, {
+export declare const MessageCellBody: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     align?: string;
     flexBasis?: number;
     flexGrow?: number;

package/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const LinkInCell: import("styled-components").StyledComponent<typeof import("react-router-dom").Link, import("@xstyled/~~styled-components~~").Theme, import("../../../../Elements/SimpleLink/SimpleLink").Props, never>;
1	+ export declare const LinkInCell: import("styled-components").StyledComponent<typeof import("react-router-dom").Link, import("@xstyled/system").Theme, import("../../../../Elements/SimpleLink/SimpleLink").Props, never>;

package/ui/Blocks/CommonGrid/components/gridCells/RemoveItem.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { type DataCellProps } from '../../types';
 type Props = DataCellProps<any>;
-export declare const Wrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Trigger: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Wrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Trigger: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export declare const RemoveCell: FC<Props>;
 export {};

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

@@ -1,11 +1,11 @@
-export declare const BottomWrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").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> & {
     hasContent: boolean;
 }, "color">;
-export declare const ContentContainer: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "color">;
-export declare const CommonGridWrap: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").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[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").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;
     handleDragEnd: (item: import("@dnd-kit/core").DragEndEvent) => void;
@@ -13,7 +13,7 @@ export declare const CommonGridWithStyles: import("styled-components").StyledCom
     hasGroups: boolean;
     hasFilters: boolean;
     onCellClick?: (columnName: string) => void;
-}>, import("@xstyled/styled-components").Theme, {
+}>, import("@xstyled/system").Theme, {
     withButtonStrip: boolean;
     hasGroupsOrFilters: boolean;
     hasGroups: boolean;

package/ui/Blocks/CornerDialog/styles.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $mounted: boolean;
 }, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     background: string;
 }, never>;
-export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
+export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     fontColor: string;
 }, never>;

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

@@ -1,4 +1,4 @@
-export declare const MenuItemsList: import("styled-components").StyledComponent<"ul", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const MenuItemsListItem: import("styled-components").StyledComponent<"li", import("@xstyled/styled-components").Theme, {
+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;
 }, never>;

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const UserInfo: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const UserInfo: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Header/components/UserMenu/styles.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export declare const UserWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const DropdownContentWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const UserWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const DropdownContentWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Header/styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<"header", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LeftSide: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LanguageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const RightSide: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"header", import("@xstyled/system").Theme, {}, never>;
+export declare const LeftSide: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const LanguageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const RightSide: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

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

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

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

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

@@ -1,8 +1,8 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/styled-components").Theme, {
+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;
 }, never>;
-export declare const ImageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const ImageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     visible: boolean;
     hasImageRemove: boolean;
 }, never>;

package/ui/Blocks/ImageList/components/ImageTag/styles.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/~~styled-components~~").Theme, {}, never>;
1	+ export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

@@ -1,5 +1,5 @@
-export declare const ImageListContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Control: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+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;
     isDisabled: boolean;
     hasRemove?: boolean;

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

@@ -1,6 +1,6 @@
-export declare const StyledFlag: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LanguageSwitchWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LanguageFlagWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const StyledFlag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, 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;
     withTitle?: boolean;
 }, never>;

package/ui/Blocks/LightBox/styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+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, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/LoginPage/components/SocialLinks.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-export declare const SocialLinksWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const SocialLinksBody: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LinkTo: import("styled-components").StyledComponent<"a", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const SocialFooter: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const SocialLinksWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const SocialLinksBody: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const LinkTo: import("styled-components").StyledComponent<"a", import("@xstyled/system").Theme, {}, never>;
+export declare const SocialFooter: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export declare const SocialLinks: FC;

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

@@ -1,10 +1,10 @@
 import { BackgroundImages } from './types';
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     backgroundImage?: BackgroundImages;
 }, never>;
-export declare const LanguageBox: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const CardBodyWithLanguage: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const MailTo: import("styled-components").StyledComponent<"a", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LogoWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const MainLogo: import("styled-components").StyledComponent<import("react").FC<import("../../Elements/Logo/types").LogoProps>, import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Version: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, 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>;
+export declare const MailTo: import("styled-components").StyledComponent<"a", import("@xstyled/system").Theme, {}, never>;
+export declare const LogoWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const MainLogo: import("styled-components").StyledComponent<import("react").FC<import("../../Elements/Logo/types").LogoProps>, import("@xstyled/system").Theme, {}, never>;
+export declare const Version: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

@@ -1,8 +1,8 @@
 import { type Variant } from './types';
-export declare const DialogOverlay: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const DialogOverlay: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     backgroundColor?: string;
 }, never>;
-export declare const DialogWindow: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const DialogWindow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $backgroundColor?: string;
     $minWidth?: string;
     $minHeight?: string;
@@ -11,18 +11,18 @@ export declare const DialogWindow: import("styled-components").StyledComponent<"
     variant: Variant;
     top?: string;
 }, never>;
-export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     variant: Variant;
 }, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     variant: Variant;
 }, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     hasSpaceBetween: boolean;
 }, never>;
-export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     hasExtraAction: boolean;
     hasBothButtons: boolean;
 }, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Scheduler/components/BookedTimeSlots/styles.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-export declare const BookedTimeSlot: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const BookedTimeSlot: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     startPoint: number;
     heightInMinutes: number;
 }, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Body: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Scheduler/components/CurrentTimeMarker/styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export declare const CurrentTimeContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const CurrentTimeContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     minutes: number;
 }, never>;
-export declare const CurrentTime: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const CurrentTime: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Scheduler/components/DateChanger/styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const DateChangerContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ArrowContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const DateChangerContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ArrowContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     rotate: number;
 }, never>;

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

@@ -1,6 +1,6 @@
-export declare const GroupContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const GroupItem: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+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;
     groupsCount: number;
 }, never>;
-export declare const Gap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Gap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

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

package/ui/Blocks/Scheduler/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const Block: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Block: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

@@ -1,8 +1,8 @@
 import { type FC } from 'react';
-export declare const FooterWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const FooterWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isCompact: boolean;
 }, never>;
-export declare const SizeToggle: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const SizeToggle: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isCompact: boolean;
     $lightMode?: boolean;
 }, never>;

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

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

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

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

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

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

package/ui/Blocks/Stepper/styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ItemsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ItemsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     total: number;
     hasComponent: boolean;
 }, never>;

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

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

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

@@ -1,12 +1,12 @@
-export declare const StyledAlert: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, any, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme> & {
+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;
     $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/styled-components").SystemProps<import("@xstyled/styled-components").Theme> & {
+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;
 }, "color">;
-export declare const IconWrap: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, any, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "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 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<{
@@ -30,4 +30,4 @@ export declare const ActionButton: import("styled-components").StyledComponent<"
     $colorFill: string;
 }, never>;
 export declare const CloseBtn: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme>, never>;
+export declare const Description: import("styled-components").StyledComponent<"div", any, import("@xstyled/util").Props<import("@xstyled/system").Theme>, never>;

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

@@ -1,4 +1,4 @@
-export declare const Bar: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Bar: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     height: number;
     minHeight: number;
     index: number;

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

@@ -1,12 +1,12 @@
-export declare const StyledWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const LoadingIconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+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/styled-components").Theme, {
+export declare const StyledIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/system").Theme, {
     $addMarginRight?: boolean;
     $addMarginLeft?: boolean;
 }, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/styled-components").Theme, {
+export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
     disabled: boolean;
     children?: any;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;

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

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

package/ui/Elements/CheckedCircle/styles.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export declare const CheckedCircleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const CheckedCircleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     color: string;
 }, never>;

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

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

package/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const FooterRowLabel: import("styled-components").StyledComponent<"span", import("@xstyled/~~styled-components~~").Theme, {}, never>;
1	+ export declare const FooterRowLabel: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;

package/ui/Elements/DatePicker/Datetime/components/TimeInput.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const TimeInput: import("styled-components").StyledComponent<"input", import("@xstyled/~~styled-components~~").Theme, {}, never>;
1	+ export declare const TimeInput: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {}, never>;

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

	@@ -1 +1 @@
1	- export declare const DatePickerBase: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/~~styled-components~~").Theme, import("@xstyled/~~styled-components~~").SystemProps<import("@xstyled/~~styled-components~~").Theme>, "color">;
1	+ 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">;

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

@@ -16,7 +16,7 @@ type DropdownSelectProps = {
     disabled?: boolean;
     ButtonComponent?: React.FC;
 };
-export declare const CustomSelectButton: import("styled-components").StyledComponent<"button", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const CustomSelectButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {}, never>;
 declare const DropdownSelect: React.FC<DropdownSelectProps>;
 export default DropdownSelect;
 export type { Item as DropdownSelectItem };

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

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

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

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

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

@@ -1,14 +1,14 @@
-export declare const Wrapper: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import("react").ReactElement<any, string>, import("@xstyled/styled-components").Theme, import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, "color">;
-export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/styled-components").Theme, {
+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">;
+export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
     disabled: boolean;
 }, never>;
-export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/styled-components").Theme, {
+export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/system").Theme, {
     isActive: boolean;
 }, never>;
-export declare const GoIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/styled-components").Theme, {
+export declare const GoIcon: import("styled-components").StyledComponent<import("react").FC<import("../Icon").IconProps>, import("@xstyled/system").Theme, {
     isActive: boolean;
 }, never>;
-export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
+export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     isCurrent: boolean;
 }, never>;

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

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

package/ui/Elements/Select/components/SelectedIndicator.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const SelectedIndicator: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+declare const SelectedIndicator: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export default SelectedIndicator;

package/ui/Elements/Select/styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import ReactSelect from 'react-select';
 import AsyncSelect from 'react-select/async';
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StyledReactSelect: import("styled-components").StyledComponent<ReactSelect, import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
-export declare const StyledAsyncSelect: import("styled-components").StyledComponent<AsyncSelect, import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledReactSelect: import("styled-components").StyledComponent<ReactSelect, import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledAsyncSelect: import("styled-components").StyledComponent<AsyncSelect, import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;

package/ui/Elements/SimpleLink/SimpleLink.d.ts CHANGED Viewed

@@ -17,5 +17,5 @@ export type Props = {
     $decorate?: boolean;
     variant?: TextVariant;
 };
-declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/styled-components").Theme, Props, never>;
+declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/system").Theme, Props, never>;
 export default StyledLink;

package/ui/Elements/Spinner/styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/styled-components").Theme, {
+export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/system").Theme, {
     $variant: "default" | "sm";
 }, never>;
-export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/system").Theme, {}, never>;

package/ui/Elements/Table/Table.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
-export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
-export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
-export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
-export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
-export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
+export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;

package/ui/Elements/Table/stories/Table.stories.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: import("styled-components").StyledComponent<"table", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
+    component: import("styled-components").StyledComponent<"table", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Tag/Tag.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import type { Props } from './types';
-declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, Props, never>;
+declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, Props, never>;
 export default Tag;

package/ui/Elements/Tag/stories/Tag.stories.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, import("../types").Props, never>;
+    component: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, import("../types").Props, never>;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Toast/styles.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     autoClose?: number;
     fill: string;
 }, never>;

package/ui/Forms/Checkbox/styles.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     size: string | number;
 }, never>;
-export declare const CheckIcon: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/styled-components").Theme, {
+export declare const CheckIcon: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/system").Theme, {
     size: string | number;
 }, never>;
-export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     size: string | number;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;

package/ui/Forms/Input/Input.js CHANGED Viewed

@@ -39,7 +39,11 @@ const Input = ({ appearance = "primary", type, name, label, value, icon, variant
 	]);
 	const handleBlur = useCallback((event) => {
 		onBlur?.(event);
-		if (forceFocus && (event.relatedTarget?.tagName?.toLowerCase() !== "input" || !allowedInputTypes.includes(event.relatedTarget?.type?.toLowerCase()))) event.target?.focus();
+		if (forceFocus) {
+			const relatedTag = event.relatedTarget?.tagName?.toLowerCase();
+			const relatedType = event.relatedTarget?.type?.toLowerCase();
+			if (!(relatedTag === "input" && allowedInputTypes.includes(relatedType)) && !(relatedTag === "textarea")) event.target?.focus();
+		}
 	}, [forceFocus, onBlur]);
 	const handleKeyDown = useCallback((event) => {
 		if (event.key === "Enter") onEnter?.();

package/ui/Forms/Input/styles.d.ts CHANGED Viewed

@@ -17,24 +17,24 @@ type InputIconProps = {
     hasValue?: boolean;
     $isInvalid?: boolean;
 };
-export declare const InputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, InputIconProps, never>;
-export declare const ClearableInputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, InputIconProps, never>;
-export declare const IconsController: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@xstyled/styled-components").Theme, {
+export declare const InputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, InputIconProps, never>;
+export declare const ClearableInputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, InputIconProps, never>;
+export declare const IconsController: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {
     as: string;
 } & StyledInputProps, "as">;
-export declare const InputWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Suffix: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const InputWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Suffix: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $isPointer: boolean;
     $isInvalid: boolean;
 }, never>;
-export declare const InputRow: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const InputRow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     hasValue: boolean;
     disabled: boolean;
     $icon?: string;
     $isInvalid?: boolean;
     variant?: string;
 }, never>;
-export declare const Tooltip: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Tooltip: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export {};

package/ui/Forms/RadioButton/styles.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     disabled: boolean;
 }, never>;
-export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/styled-components").Theme, {
+export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {
     disabled: boolean;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;

package/ui/Forms/TextArea/styles.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-export declare const IconWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@xstyled/styled-components").Theme, {
+export declare const IconWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@xstyled/system").Theme, {
     $resize?: string;
     $isInvalid?: boolean;
     disabled?: boolean;
 }, never>;
-export declare const TextAreaWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
-export declare const BorderWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
+export declare const TextAreaWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const BorderWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $isInvalid?: boolean;
     disabled?: boolean;
 }, never>;
-export declare const InnerWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const InnerWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;