@mailstep/design-system 0.6.34 → 0.6.35

package/package.json

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

package/ui/Blocks/CommonGrid/components/gridCells/BoolIcon.js

@@ -4,19 +4,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import styled, { useTheme } from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
+import styled from '@xstyled/styled-components';
 import get from 'lodash/fp/get';
-import Icon from '../../../../Elements/Icon/Icon';
+import { ToastError, ToastSuccess } from '../../../../Elements/Icon';
 var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n"])));
 var BoolIcon = function (_a) {
     var rowData = _a.rowData, column = _a.column;
-    var theme = useTheme();
     var value = get(column.name, rowData);
-    var icon = value ? 'check' : 'false';
-    var colorName = value ? 'green' : 'lightGray3';
-    var themeColor = th.color(colorName)({ theme: theme });
-    return (_jsx(Center, { children: _jsx(Icon, { icon: icon, fill: themeColor, size: "14px" }) }));
+    var icon = value ? _jsx(ToastSuccess, {}) : _jsx(ToastError, {});
+    return _jsx(Center, { children: icon });
 };
 export var BoolIconCell = React.memo(BoolIcon);
 var templateObject_1;

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

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

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

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ToastError = function (props) { return (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "#A3B3C1" }, props, { children: [_jsx("g", { clipPath: "url(#clip0_1818_912)", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 15.5C12.1421 15.5 15.5 12.1421 15.5 8C15.5 3.85786 12.1421 0.5 8 0.5C3.85786 0.5 0.5 3.85786 0.5 8C0.5 12.1421 3.85786 15.5 8 15.5ZM5.19458 5.19477C5.48748 4.90187 5.96235 4.90187 6.25524 5.19477L8.16626 7.10578L10.0773 5.19477C10.3702 4.90187 10.845 4.90187 11.1379 5.19477C11.4308 5.48766 11.4308 5.96253 11.1379 6.25543L9.22692 8.16644L11.1379 10.0774C11.4308 10.3703 11.4308 10.8452 11.1379 11.1381C10.845 11.431 10.3702 11.431 10.0773 11.1381L8.16626 9.2271L6.25525 11.1381C5.96236 11.431 5.48749 11.431 5.19459 11.1381C4.9017 10.8452 4.9017 10.3703 5.19459 10.0774L7.1056 8.16644L5.19458 6.25543C4.90169 5.96253 4.90169 5.48766 5.19458 5.19477Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_1818_912", children: _jsx("rect", { width: "15", height: "15", fill: "white", transform: "translate(0.5 0.5)" }) }) })] }))); };

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

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

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

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ToastSuccess = function (props) { return (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "#00A445" }, props, { children: [_jsx("g", { clipPath: "url(#clip0_1818_895)", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 15.5C12.1421 15.5 15.5 12.1421 15.5 8C15.5 3.85786 12.1421 0.5 8 0.5C3.85786 0.5 0.5 3.85786 0.5 8C0.5 12.1421 3.85786 15.5 8 15.5ZM11.6081 6.3074C11.916 5.97153 11.8933 5.44966 11.5575 5.14178C11.2216 4.8339 10.6997 4.85659 10.3918 5.19246L6.87498 9.02902L5.60813 7.647C5.30025 7.31113 4.77838 7.28844 4.4425 7.59633C4.10663 7.90421 4.08394 8.42608 4.39183 8.76195L6.26683 10.8074C6.42309 10.9779 6.64372 11.0749 6.87498 11.0749C7.10623 11.0749 7.32687 10.9779 7.48313 10.8074L11.6081 6.3074Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_1818_895", children: _jsx("rect", { width: "15", height: "15", fill: "white", transform: "translate(0.5 0.5)" }) }) })] }))); };

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

@@ -57,3 +57,5 @@ export { ArrowDown } from './ArrowDown';
 export { ArrowUp } from './ArrowUp';
 export { Desktop } from './Desktop';
 export { Message } from './Message';
+export { ToastSuccess } from './ToastSuccess';
+export { ToastError } from './ToastError';

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

@@ -57,3 +57,5 @@ export { ArrowDown } from './ArrowDown';
 export { ArrowUp } from './ArrowUp';
 export { Desktop } from './Desktop';
 export { Message } from './Message';
+export { ToastSuccess } from './ToastSuccess';
+export { ToastError } from './ToastError';