@mailstep/design-system 0.8.29-beta.0 → 0.8.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.29-beta.0",
+  "version": "0.8.29",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -60,7 +60,6 @@
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
     "@xstyled/styled-components": "^3.8.0",
-    "@xstyled/system": "^3.8.0",
     "babel-loader": "^10.1.1",
     "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
@@ -119,7 +118,6 @@
     "@lingui/react": "^5.0.0",
     "@popperjs/core": "^2.11.8",
     "@xstyled/styled-components": "^3.8.0",
-    "@xstyled/system": "^3.8.0",
     "immer": "^9.0.19",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownMenu.js

@@ -1,6 +1,6 @@
 import "react";
 import styled$1 from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region packages/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownMenu.tsx
 const StyledDropdownWrap = styled$1.div`

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownSelect.js

@@ -3,7 +3,7 @@ import Popover from "../../../../Popover/index.js";
 import ActionDropdownMenu from "./ActionDropdownMenu.js";
 import React, { memo, useRef } from "react";
 import styled$1 from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
 //#region packages/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownSelect.tsx

package/ui/Blocks/CommonGrid/components/ControlButtons/styles.js

@@ -1,7 +1,7 @@
 import Button from "../../../../Elements/Button/Button.js";
 import "../../../../Elements/Button/index.js";
 import styled$1 from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Blocks/CommonGrid/components/ControlButtons/styles.ts
 const ControlButtonsContainer = styled$1.div`
   display: flex;

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

@@ -7,7 +7,7 @@ import "../../../../Elements/DropdownMenu/index.js";
 import { useClickOutside } from "../../../Modal/hooks/useClickOutside.js";
 import React, { useCallback, useState } from "react";
 import styled$1 from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/ui/Blocks/CommonGrid/components/DropdownButton/DropdownButton.tsx
 const ButtonWrapper = styled$1.div`

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

@@ -1,7 +1,7 @@
 import Icon from "../../../../Elements/Icon/Icon.js";
 import React from "react";
 import styled$1 from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/ui/Blocks/CommonGrid/components/IconList/IconList.tsx
 const List = styled$1.ul`

package/ui/Blocks/CommonGrid/styles.js

@@ -1,7 +1,7 @@
 import "./utils/constants.js";
 import CommonGrid from "./CommonGrid.js";
 import styled$1, { x } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Blocks/CommonGrid/styles.tsx
 const BottomWrapper = styled$1(x.div)`
   position: relative;

package/ui/Blocks/ImageList/components/ImageElement/styles.js

@@ -1,5 +1,5 @@
 import styled$1 from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Blocks/ImageList/components/ImageElement/styles.ts
 const Container = styled$1.div``;
 const Image = styled$1.img`

package/ui/Blocks/SideMenu/components/Footer.js

@@ -3,7 +3,7 @@ import { Paragraph4 } from "../../../Elements/Typography/Typography.js";
 import "../../../Elements/Typography/index.js";
 import { useCallback } from "react";
 import styled$1, { css } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
 //#region packages/ui/Blocks/SideMenu/components/Footer.tsx

package/ui/Blocks/SideMenu/components/HamburgerMenu.js

@@ -2,7 +2,7 @@ import { HamburgerMenu } from "../../../Elements/Icon/icons/HamburgerMenu.js";
 import { MobileCancel } from "../../../Elements/Icon/icons/MobileCancel.js";
 import "react";
 import { css, useTheme, x } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx } from "react/jsx-runtime";
 import styled$2 from "styled-components";
 //#region packages/ui/Blocks/SideMenu/components/HamburgerMenu.tsx

package/ui/Blocks/SideMenu/styles.js

@@ -2,7 +2,7 @@ import Icon from "../../Elements/Icon/Icon.js";
 import { createRgba } from "../../utils/CreateRgba/createRgba.js";
 import "./utils/constants.js";
 import styled$1, { css } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { NavLink } from "react-router-dom";
 //#region packages/ui/Blocks/SideMenu/styles.ts
 const leftMenuAfter = css`

package/ui/Elements/DatePicker/Datetime/components/Timepicker.js

@@ -3,7 +3,7 @@ import { FooterRow } from "./FooterRow.js";
 import { FooterRowLabel } from "./FooterRowLabel.js";
 import { useCallback, useEffect, useState } from "react";
 import styled$1, { x } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
 //#region packages/ui/Elements/DatePicker/Datetime/components/Timepicker.tsx

package/ui/Elements/DatePicker/styles.js

@@ -1,5 +1,5 @@
 import styled$1, { x } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Elements/DatePicker/styles.ts
 const DatePickerBase = styled$1(x.div)`
   .rdt {

package/ui/Elements/HighlightBox/HighlightBox.js

@@ -1,6 +1,6 @@
 import "react";
 import styled$1, { useTheme } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region packages/ui/Elements/HighlightBox/HighlightBox.tsx
 const StyledHighlightBox = styled$1.div`

package/ui/Elements/Pagination/styled.js

@@ -1,6 +1,6 @@
 import Icon_default from "../Icon/index.js";
 import styled$1, { x } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Elements/Pagination/styled.tsx
 const Wrapper = styled$1(x.div)`
   display: inline-flex;

package/ui/Elements/Select/styles.js

@@ -1,5 +1,5 @@
 import styled$1 from "@xstyled/styled-components";
-import { system as system$1 } from "@xstyled/system";
+import { system as system$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 import ReactSelect from "react-select";
 import AsyncSelect from "react-select/async";
 //#region packages/ui/Elements/Select/styles.ts

package/ui/Elements/Select/themes/selectStyles.js

@@ -1,4 +1,4 @@
-import { th } from "@xstyled/system";
+import { th } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Elements/Select/themes/selectStyles.ts
 const CustomStyles = {
 	control: (styles, { selectProps, theme, isFocused, isDisabled }) => {

package/ui/Forms/TextArea/styles.js

@@ -1,5 +1,5 @@
 import styled$1, { css } from "@xstyled/styled-components";
-import { system as system$1, th as th$1 } from "@xstyled/system";
+import { system as system$1, th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
 //#region packages/ui/Forms/TextArea/styles.ts
 const IconWrap = styled$1.div`
   font-size: 12px;