@mailstep/design-system 0.4.7 → 0.4.8
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.
- package/README.md +6 -0
- package/package.json +9 -9
- package/ui/Blocks/ImageList/ImageList.js +1 -1
- package/ui/Blocks/ImageList/components/AddPhoto/index.js +1 -1
- package/ui/Blocks/ImageList/components/ImageElement/index.js +1 -1
- package/ui/Blocks/ImageList/stories/ImageList.stories.d.ts +13 -0
- package/ui/Blocks/ImageList/stories/ImageList.stories.js +41 -0
- package/ui/Blocks/LightBox/LightBox.js +3 -3
- package/ui/Blocks/LightBox/stories/LightBox.stories.d.ts +11 -0
- package/ui/Blocks/LightBox/stories/LightBox.stories.js +20 -0
- package/ui/Blocks/LightBox/styles.d.ts +1 -0
- package/ui/Blocks/LightBox/styles.js +3 -2
- package/ui/Blocks/LightBox/types.d.ts +3 -0
- package/ui/Blocks/Modal/Modal.js +6 -5
- package/ui/Blocks/Modal/stories/Modal.stories.d.ts +8 -5
- package/ui/Blocks/Modal/stories/Modal.stories.js +36 -18
- package/ui/Blocks/Modal/styles.d.ts +6 -6
- package/ui/Blocks/Modal/styles.js +53 -26
- package/ui/Blocks/Modal/types.d.ts +4 -5
- package/ui/Blocks/Modal/utils.d.ts +1 -2
- package/ui/Blocks/Modal/utils.js +0 -4
- package/ui/Elements/Icon/icons/Calendar.d.ts +3 -0
- package/ui/Elements/Icon/icons/Calendar.js +13 -0
- package/ui/Elements/Icon/icons/Cancel.d.ts +3 -0
- package/ui/Elements/Icon/icons/Cancel.js +13 -0
- package/ui/Elements/Icon/icons/CheckedBox.d.ts +3 -0
- package/ui/Elements/Icon/icons/CheckedBox.js +13 -0
- package/ui/Elements/Icon/icons/Consolidation.d.ts +3 -0
- package/ui/Elements/Icon/icons/Consolidation.js +13 -0
- package/ui/Elements/Icon/icons/Dispatch.d.ts +3 -0
- package/ui/Elements/Icon/icons/Dispatch.js +13 -0
- package/ui/Elements/Icon/icons/EmptyRack.d.ts +3 -0
- package/ui/Elements/Icon/icons/EmptyRack.js +2 -0
- package/ui/Elements/Icon/icons/Expeditions.js +1 -1
- package/ui/Elements/Icon/icons/Gift.d.ts +3 -0
- package/ui/Elements/Icon/icons/Gift.js +13 -0
- package/ui/Elements/Icon/icons/Info.d.ts +3 -0
- package/ui/Elements/Icon/icons/Info.js +13 -0
- package/ui/Elements/Icon/icons/Location.d.ts +3 -0
- package/ui/Elements/Icon/icons/Location.js +13 -0
- package/ui/Elements/Icon/icons/MakePhoto.d.ts +3 -0
- package/ui/Elements/Icon/icons/MakePhoto.js +13 -0
- package/ui/Elements/Icon/icons/MenuItems.js +1 -1
- package/ui/Elements/Icon/icons/Print.d.ts +3 -0
- package/ui/Elements/Icon/icons/Print.js +13 -0
- package/ui/Elements/Icon/icons/Return.js +1 -1
- package/ui/Elements/Icon/icons/ThreeDots.d.ts +3 -0
- package/ui/Elements/Icon/icons/ThreeDots.js +13 -0
- package/ui/Elements/Icon/icons/TwoBoxes.d.ts +3 -0
- package/ui/Elements/Icon/icons/TwoBoxes.js +13 -0
- package/ui/Elements/Icon/icons/TwoCheckedBoxes.d.ts +3 -0
- package/ui/Elements/Icon/icons/TwoCheckedBoxes.js +2 -0
- package/ui/Elements/Icon/icons/index.d.ts +14 -0
- package/ui/Elements/Icon/icons/index.js +14 -0
- package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts +1 -1
- package/ui/Elements/Tag/index.d.ts +1 -0
- package/ui/ThemeProvider/themes/default.js +1 -1
- package/ui/ThemeProvider/themes/index.d.ts +1 -5
- package/ui/ThemeProvider/themes/mailwise.d.ts +1 -5
- package/ui/ThemeProvider/themes/mailwise.js +6 -10
- package/ui/index.es.js +4287 -4093
- package/ui/index.umd.js +300 -288
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var CheckedBox = function (props) { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "#DB2B19" }, props, { children: [_jsx("path", { d: "M2.89474 7.63354V15.8571C2.89474 16.4094 3.34245 16.8571 3.89474 16.8571H10H15.8684C16.4207 16.8571 16.8684 16.4094 16.8684 15.8571V7.63354V7.35404M16.8684 7.35404H17.4903C18.2064 7.35404 18.6904 6.62332 18.411 5.96392L17.8373 4.60989C17.6807 4.24017 17.3181 4 16.9166 4H10M16.8684 7.35404H12.0834C11.6819 7.35404 11.3193 7.11387 11.1627 6.74415L10 4M10 4L2.70404 4C2.25644 4 1.86336 4.29743 1.74169 4.72818L1.35923 6.08222C1.17898 6.72037 1.65846 7.35404 2.32158 7.35404H7.91658C8.31811 7.35404 8.6807 7.11387 8.83735 6.74415L10 4Z", strokeWidth: "1.5" }), _jsx("path", { d: "M13 10L9.37758 14.1399C8.97917 14.5952 8.27083 14.5952 7.87242 14.1399L6 12", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export var Consolidation = function (props) { return (_jsx("svg", __assign({ width: "18", height: "16", viewBox: "0 0 18 16", fill: "white", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M13.5 1.485H11V3.76509C11 3.87338 10.9125 3.96 10.8031 3.96C10.7688 3.96 10.7344 3.95072 10.7063 3.93525L9.25 3.11231C9.09688 3.02569 8.90625 3.02569 8.75313 3.11231L7.29688 3.93525C7.26562 3.95072 7.23438 3.96 7.2 3.96C7.09062 3.96 7.00313 3.87338 7.00313 3.76509V1.485H4.5V6.435H13.5V1.485ZM13.5 0C14.3281 0 15 0.665156 15 1.485V6.435C15 7.25484 14.3281 7.92 13.5 7.92H4.5C3.67188 7.92 3 7.25484 3 6.435V1.485C3 0.665156 3.67188 0 4.5 0H7H11H13.5ZM5.85625 10.89C5.60938 10.89 5.36875 10.9612 5.1625 11.0973L2.66563 12.7463C2.54375 12.8267 2.39687 12.87 2.25 12.87H0.75C0.334375 12.87 0 12.539 0 12.1275C0 11.716 0.334375 11.385 0.75 11.385H2.02187L4.32812 9.86288C4.78125 9.56278 5.3125 9.405 5.85625 9.405H10.75C11.8531 9.405 12.75 10.2929 12.75 11.385C12.75 11.4067 12.75 11.4252 12.75 11.4469L14.7781 10.2094C15.1125 10.0052 15.4937 9.9 15.8875 9.9H16.1187C17.1594 9.9 18.0031 10.7353 18.0031 11.7655C18.0031 12.3967 17.6781 12.9876 17.1437 13.331L14.1562 15.246C13.55 15.6358 12.8406 15.8431 12.1187 15.8431H0.75C0.334375 15.8431 0 15.5121 0 15.1006C0 14.6891 0.334375 14.3581 0.75 14.3581H12.1156C12.55 14.3581 12.975 14.2343 13.3375 13.9992L16.325 12.0842C16.4344 12.013 16.5 11.8955 16.5 11.7655C16.5 11.5552 16.3281 11.385 16.1156 11.385H15.8844C15.7719 11.385 15.6594 11.4159 15.5625 11.4747L12.6406 13.2536C12.5219 13.3248 12.3875 13.365 12.2469 13.365H10.75H10H8C7.58437 13.365 7.25 13.034 7.25 12.6225C7.25 12.211 7.58437 11.88 8 11.88H10H10.75C11.025 11.88 11.25 11.6573 11.25 11.385C11.25 11.1128 11.025 10.89 10.75 10.89H5.85625Z" }) }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export var Dispatch = function (props) { return (_jsx("svg", __assign({ width: "18", height: "15", viewBox: "0 0 18 15", fill: "white", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M0.675 0C0.300937 0 0 0.300937 0 0.675C0 1.04906 0.300937 1.35 0.675 1.35H2.025C2.14875 1.35 2.25 1.45125 2.25 1.575V11.475C2.25 12.3441 2.95594 13.05 3.825 13.05H4.5C4.5 13.7953 5.10469 14.4 5.85 14.4C6.59531 14.4 7.2 13.7953 7.2 13.05H12.6C12.6 13.7953 13.2047 14.4 13.95 14.4C14.6953 14.4 15.3 13.7953 15.3 13.05H17.325C17.6991 13.05 18 12.7491 18 12.375C18 12.0009 17.6991 11.7 17.325 11.7H13.95H5.85H3.825C3.70125 11.7 3.6 11.5987 3.6 11.475V1.575C3.6 0.705937 2.89406 0 2.025 0H0.675ZM6.75 2.25H10.35V8.55H6.75V2.25ZM5.4 2.25V8.55C5.4 9.29531 6.00469 9.9 6.75 9.9H10.35C11.0953 9.9 11.7 9.29531 11.7 8.55V2.25C11.7 1.50469 11.0953 0.9 10.35 0.9H6.75C6.00469 0.9 5.4 1.50469 5.4 2.25ZM15.75 2.25V4.05H13.95V2.25H15.75ZM13.95 0.9C13.2047 0.9 12.6 1.50469 12.6 2.25V4.05C12.6 4.79531 13.2047 5.4 13.95 5.4H15.75C16.4953 5.4 17.1 4.79531 17.1 4.05V2.25C17.1 1.50469 16.4953 0.9 15.75 0.9H13.95ZM13.95 7.65H16.65V8.55H13.95V7.65ZM12.6 7.65V8.55C12.6 9.29531 13.2047 9.9 13.95 9.9H16.65C17.3953 9.9 18 9.29531 18 8.55V7.65C18 6.90469 17.3953 6.3 16.65 6.3H13.95C13.2047 6.3 12.6 6.90469 12.6 7.65Z" }) }))); };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export var EmptyRack = function (props) { return (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", stroke: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M1 1L1 16.4545", strokeWidth: "1.54045", strokeLinecap: "round" }), _jsx("path", { d: "M17 15L1 15", strokeWidth: "1.54045", strokeLinecap: "round" }), _jsx("path", { d: "M17 9L1 9", strokeWidth: "1.54045", strokeLinecap: "round" }), _jsx("path", { d: "M17 3.57574L17 16.4545", strokeWidth: "1.54045", strokeLinecap: "round" })] })); };
|
|
@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
export var Expeditions = function (props) { return (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", stroke: "#A3B3C1" }, props, { children: [_jsx("path", { d: "
|
|
13
|
+
export var Expeditions = function (props) { return (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", stroke: "#A3B3C1" }, props, { children: [_jsx("path", { d: "M5 4H12.8C12.9105 4 13 4.08954 13 4.2V8.8C13 8.91046 13.0895 9 13.2 9H18.9C18.963 9 19.0222 9.02964 19.06 9.08L20.46 10.9467C20.486 10.9813 20.5 11.0234 20.5 11.0667V14.8C20.5 14.9105 20.4105 15 20.3 15H18", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M3 6.5H9", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M2 9H6", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M2 12H6", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M4 15H6", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M10 15L14 15", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M12.5 5H15.2639C16.0215 5 16.714 5.428 17.0528 6.10557L18.5 9", strokeWidth: "1.5" }), _jsx("circle", { cx: "16", cy: "16", r: "2", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("circle", { cx: "8", cy: "16", r: "2", strokeWidth: "1.5", strokeLinecap: "round" })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var Gift = function (props) { return (_jsxs("svg", __assign({ width: "18", height: "15", viewBox: "0 0 18 15", stroke: "#DB2B19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M1.85556 2.125L3.48063 0.970602C3.76878 0.765903 4.15773 0.777028 4.43371 0.997864L8.6136 4.34248C9.02428 4.67109 9.00625 5.30141 8.57746 5.60601L6.95239 6.76042C6.66423 6.96512 6.27529 6.95399 5.9993 6.73316L1.81941 3.38854C1.40874 3.05993 1.42677 2.4296 1.85556 2.125Z", strokeWidth: "1.5" }), _jsx("path", { d: "M9.85562 5.60601L11.4807 6.76042C11.7688 6.96512 12.1578 6.95399 12.4338 6.73315L16.6137 3.38854C17.0243 3.05993 17.0063 2.4296 16.5775 2.125L14.9524 0.970601C14.6643 0.765902 14.2753 0.777027 13.9994 0.997863L9.81948 4.34248C9.4088 4.67109 9.42683 5.30141 9.85562 5.60601Z", strokeWidth: "1.5" }), _jsx("path", { d: "M3 4.5V13.2083C3 13.6456 3.35444 14 3.79167 14H15.2083C15.6456 14 16 13.6456 16 13.2083V4", strokeWidth: "1.5" }), _jsx("line", { x1: "9.75", y1: "11", x2: "9.75", y2: "14", strokeWidth: "1.5" }), _jsx("line", { x1: "9.75", y1: "6", x2: "9.75", y2: "9", strokeWidth: "1.5" })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var Info = function (props) { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", stroke: "#374151", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 16V12", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 8H12.01", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export var Location = function (props) { return (_jsx("svg", __assign({ width: "14", height: "18", viewBox: "0 0 14 18", fill: "#FAFBFC", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M11.8125 6.75C11.8125 3.95508 9.54492 1.6875 6.75 1.6875C3.95508 1.6875 1.6875 3.95508 1.6875 6.75C1.6875 7.18594 1.8457 7.86094 2.22539 8.76094C2.59453 9.63281 3.11836 10.5961 3.71953 11.5699C4.72148 13.1941 5.88164 14.7621 6.75 15.8801C7.62187 14.7621 8.78203 13.1941 9.78047 11.5699C10.3816 10.5961 10.9055 9.63281 11.2746 8.76094C11.6543 7.86094 11.8125 7.18594 11.8125 6.75ZM13.5 6.75C13.5 9.82266 9.38672 15.293 7.5832 17.55C7.15078 18.0879 6.34922 18.0879 5.9168 17.55C4.11328 15.293 0 9.82266 0 6.75C0 3.02344 3.02344 0 6.75 0C10.4766 0 13.5 3.02344 13.5 6.75ZM7.875 6.75C7.875 6.45163 7.75647 6.16548 7.5455 5.95451C7.33452 5.74353 7.04837 5.625 6.75 5.625C6.45163 5.625 6.16548 5.74353 5.9545 5.95451C5.74353 6.16548 5.625 6.45163 5.625 6.75C5.625 7.04837 5.74353 7.33452 5.9545 7.5455C6.16548 7.75647 6.45163 7.875 6.75 7.875C7.04837 7.875 7.33452 7.75647 7.5455 7.5455C7.75647 7.33452 7.875 7.04837 7.875 6.75ZM3.9375 6.75C3.9375 6.00408 4.23382 5.28871 4.76126 4.76126C5.28871 4.23382 6.00408 3.9375 6.75 3.9375C7.49592 3.9375 8.21129 4.23382 8.73874 4.76126C9.26618 5.28871 9.5625 6.00408 9.5625 6.75C9.5625 7.49592 9.26618 8.21129 8.73874 8.73874C8.21129 9.26618 7.49592 9.5625 6.75 9.5625C6.00408 9.5625 5.28871 9.26618 4.76126 8.73874C4.23382 8.21129 3.9375 7.49592 3.9375 6.75Z" }) }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var MakePhoto = function (props) { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#22394E", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6377 7.10987C17.2647 7.10987 16.9267 6.89487 16.7677 6.55887C16.4807 5.95087 16.1157 5.17387 15.8997 4.75087C15.5807 4.12187 15.0637 3.75587 14.3477 3.75087C14.3357 3.74987 9.66376 3.74987 9.65176 3.75087C8.93576 3.75587 8.41976 4.12187 8.09976 4.75087C7.88476 5.17387 7.51976 5.95087 7.23276 6.55887C7.07376 6.89487 6.73476 7.10987 6.36276 7.10987C4.36676 7.10987 2.74976 8.72687 2.74976 10.7219L2.74976 16.6579C2.74976 18.6519 4.36676 20.2699 6.36276 20.2699L17.6377 20.2699C19.6327 20.2699 21.2497 18.6519 21.2497 16.6579L21.2497 10.7219C21.2497 8.72687 19.6327 7.10987 17.6377 7.10987Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.82139 13.3345C8.82039 15.0875 10.2514 16.5215 12.0014 16.5205C13.7484 16.5185 15.1754 15.0905 15.1784 13.3415C15.1814 11.5855 13.7554 10.1545 12.0034 10.1525C10.2414 10.1505 8.80739 11.6055 8.82139 13.3345Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.5392 9.80995L16.5392 9.80995L16.54 9.80805C16.571 9.73747 16.5999 9.69016 16.6574 9.63231C16.7068 9.59037 16.7521 9.56032 16.8148 9.5318C17.0023 9.46148 17.2237 9.51198 17.3508 9.63902L17.3508 9.63903L17.3534 9.64159C17.3735 9.66141 17.3933 9.68463 17.4102 9.70806C17.4226 9.72528 17.4311 9.73931 17.4363 9.74872L17.4511 9.7867L17.4553 9.79744L17.46 9.80798C17.486 9.8665 17.5 9.9322 17.5 10.0005C17.5 10.1214 17.4561 10.2419 17.3488 10.3579C17.2703 10.4349 17.169 10.4834 17.06 10.4964L17.0002 10.4994L16.9431 10.4965C16.9056 10.4917 16.8609 10.4809 16.7989 10.4565C16.7374 10.4284 16.6907 10.3971 16.6427 10.3492C16.5483 10.2468 16.5 10.1205 16.5 10.0005C16.5 9.93165 16.5142 9.86606 16.5392 9.80995ZM16.0823 9.60681C16.1368 9.48285 16.2014 9.37829 16.3182 9.26456L16.0823 9.60681Z", fill: "#200E32" })] }))); };
|
|
@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
export var MenuItems = function (props) { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "
|
|
13
|
+
export var MenuItems = function (props) { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "#42526E" }, props, { children: [_jsx("rect", { x: "24", y: "24", width: "24", height: "24", rx: "5.4", transform: "rotate(180 24 24)" }), _jsx("g", { clipPath: "url(#clip0_334_574)", children: _jsx("path", { d: "M16.95 12.124L9.72446 12.124M9.72446 12.124L12.8211 9.59512M9.72446 12.124L12.8211 14.653", stroke: "#A3B3C1", strokeWidth: "0.9", strokeLinecap: "round" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_334_574", children: _jsx("rect", { width: "13.2", height: "13.2", fill: "white", transform: "matrix(-1 0 0 -1 18.6 18.6)" }) }) })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var Print = function (props) { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", stroke: "#22394E", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M17 17H19C20.1046 17 21 16.1046 21 15L21 11C21 9.89543 20.1046 9 19 9L5 9C3.89543 9 3 9.89543 3 11L3 15C3 16.1046 3.89543 17 5 17H7M9 21L15 21C16.1046 21 17 20.1046 17 19V15C17 13.8954 16.1046 13 15 13H9C7.89543 13 7 13.8954 7 15L7 19C7 20.1046 7.89543 21 9 21ZM17 9V5C17 3.89543 16.1046 3 15 3L9 3C7.89543 3 7 3.89543 7 5L7 9L17 9Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("rect", { x: "17", y: "11", width: "2", height: "1" }), _jsx("rect", { x: "9.25", y: "15.25", width: "5.5", height: "0.5", strokeWidth: "0.5" }), _jsx("rect", { x: "9.25", y: "18.25", width: "5.5", height: "0.5", strokeWidth: "0.5" })] }))); };
|
|
@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
export var Return = function (props) { return (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none" }, props, { children: [_jsx("
|
|
13
|
+
export var Return = function (props) { return (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", stroke: "#A3B3C1" }, props, { children: [_jsx("path", { d: "M6 8.78947V13.7105L11.1 15.5M6 8.78947L11.1 10.5789M6 8.78947L11.1 7L16.2 8.34211M11.1 15.5V10.5789M11.1 15.5L16.2 13.7105V8.34211M11.1 10.5789L16.2 8.34211", strokeWidth: "1.35" }), _jsx("path", { d: "M2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2C9.14985 2 6.5 3 5 4.5M5 4.5L5.5 1M5 4.5L8.5 5", strokeWidth: "1.35" })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var ThreeDots = function (props) { return (_jsxs("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", stroke: "#22394E", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("circle", { cx: "3.375", cy: "9", r: "1.875", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("circle", { cx: "9", cy: "9", r: "1.875", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("circle", { cx: "14.625", cy: "9", r: "1.875", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export var TwoBoxes = function (props) { return (_jsxs("svg", __assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", stroke: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M2.26316 10.5652V16.0476C2.26316 16.4158 2.56163 16.7143 2.92982 16.7143H7M11.5789 10.3789V10.5652V16.0476C11.5789 16.4158 11.2805 16.7143 10.9123 16.7143H7M11.5789 10.3789H11.9935C12.4709 10.3789 12.7936 9.89176 12.6074 9.45217L12.2249 8.54947C12.1205 8.303 11.8787 8.14288 11.6111 8.14288H7M11.5789 10.3789H8.38895C8.12126 10.3789 7.87953 10.2188 7.7751 9.97232L7 8.14288M7 8.14288L2.13602 8.14288C1.83763 8.14288 1.57557 8.34117 1.49446 8.62834L1.23949 9.53103C1.11932 9.95647 1.43897 10.3789 1.88105 10.3789H5.61105C5.87874 10.3789 6.12047 10.2188 6.2249 9.97232L7 8.14288ZM7 8.14288V12.6149M7 14.1056V16.7143", strokeWidth: "1.5" }), _jsx("path", { d: "M16.7368 3.42236V8.90476C16.7368 9.27295 16.4384 9.57143 16.0702 9.57143H12M7.42105 3.23602V3.42236V8M7.42105 3.23602H7.00649C6.52907 3.23602 6.2064 2.74888 6.39265 2.30928L6.7751 1.40659C6.87953 1.16011 7.12126 1 7.38895 1H12M7.42105 3.23602H10.6111C10.8787 3.23602 11.1205 3.07591 11.2249 2.82943L12 1M12 1L16.864 1C17.1624 1 17.4244 1.19829 17.5055 1.48545L17.7605 2.38814C17.8807 2.81358 17.561 3.23602 17.1189 3.23602H13.3889C13.1213 3.23602 12.8795 3.07591 12.7751 2.82943L12 1ZM12 1V5", strokeWidth: "1.5" })] }))); };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export var TwoCheckedBoxes = function (props) { return (_jsxs("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", stroke: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M2.47368 9.82609V16.3333C2.47368 16.7015 2.77216 17 3.14035 17H8H12.6754C13.0436 17 13.3421 16.7015 13.3421 16.3333V9.82609V9.6087M13.3421 9.6087H13.9935C14.4709 9.6087 14.7936 9.12155 14.6074 8.68195L14.067 7.40659C13.9626 7.16011 13.7208 7 13.4532 7H8M13.3421 9.6087H9.54684C9.27915 9.6087 9.03743 9.44858 8.933 9.20211L8 7M8 7L2.24129 7C1.94289 7 1.68083 7.19829 1.59972 7.48545L1.23949 8.76081C1.11932 9.18625 1.43897 9.6087 1.88105 9.6087H6.45316C6.72085 9.6087 6.96257 9.44858 7.067 9.2021L8 7Z", strokeWidth: "1.5" }), _jsx("path", { d: "M11 12L8.56753 14.3352C8.18057 14.7067 7.56943 14.7067 7.18247 14.3352L6 13.2", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.7368 3.42236V8.90476C16.7368 9.27295 16.4384 9.57143 16.0702 9.57143H12M7.42105 3.23602V3.42236V8M7.42105 3.23602H7.00649C6.52907 3.23602 6.2064 2.74888 6.39265 2.30928L6.7751 1.40659C6.87953 1.16011 7.12126 1 7.38895 1H12M7.42105 3.23602H10.6111C10.8787 3.23602 11.1205 3.07591 11.2249 2.82943L12 1M12 1L16.864 1C17.1624 1 17.4244 1.19829 17.5055 1.48545L17.7605 2.38814C17.8807 2.81358 17.561 3.23602 17.1189 3.23602H13.3889C13.1213 3.23602 12.8795 3.07591 12.7751 2.82943L12 1ZM12 1V5", strokeWidth: "1.5" })] })); };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { Cancel } from './Cancel';
|
|
1
2
|
export { FlagUSA } from './FlagUSA';
|
|
2
3
|
export { FlagCZ } from './FlagCZ';
|
|
3
4
|
export { FlagEL } from './FlagEL';
|
|
@@ -31,3 +32,16 @@ export { Link } from './Link';
|
|
|
31
32
|
export { OpenBox } from './OpenBox';
|
|
32
33
|
export { Box } from './Box';
|
|
33
34
|
export { Rack } from './Rack';
|
|
35
|
+
export { CheckedBox } from './CheckedBox';
|
|
36
|
+
export { Consolidation } from './Consolidation';
|
|
37
|
+
export { Dispatch } from './Dispatch';
|
|
38
|
+
export { EmptyRack } from './EmptyRack';
|
|
39
|
+
export { Gift } from './Gift';
|
|
40
|
+
export { Info } from './Info';
|
|
41
|
+
export { Location } from './Location';
|
|
42
|
+
export { MakePhoto } from './MakePhoto';
|
|
43
|
+
export { Print } from './Print';
|
|
44
|
+
export { TwoBoxes } from './TwoBoxes';
|
|
45
|
+
export { TwoCheckedBoxes } from './TwoCheckedBoxes';
|
|
46
|
+
export { ThreeDots } from './ThreeDots';
|
|
47
|
+
export { Calendar } from './Calendar';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { Cancel } from './Cancel';
|
|
1
2
|
export { FlagUSA } from './FlagUSA';
|
|
2
3
|
export { FlagCZ } from './FlagCZ';
|
|
3
4
|
export { FlagEL } from './FlagEL';
|
|
@@ -31,3 +32,16 @@ export { Link } from './Link';
|
|
|
31
32
|
export { OpenBox } from './OpenBox';
|
|
32
33
|
export { Box } from './Box';
|
|
33
34
|
export { Rack } from './Rack';
|
|
35
|
+
export { CheckedBox } from './CheckedBox';
|
|
36
|
+
export { Consolidation } from './Consolidation';
|
|
37
|
+
export { Dispatch } from './Dispatch';
|
|
38
|
+
export { EmptyRack } from './EmptyRack';
|
|
39
|
+
export { Gift } from './Gift';
|
|
40
|
+
export { Info } from './Info';
|
|
41
|
+
export { Location } from './Location';
|
|
42
|
+
export { MakePhoto } from './MakePhoto';
|
|
43
|
+
export { Print } from './Print';
|
|
44
|
+
export { TwoBoxes } from './TwoBoxes';
|
|
45
|
+
export { TwoCheckedBoxes } from './TwoCheckedBoxes';
|
|
46
|
+
export { ThreeDots } from './ThreeDots';
|
|
47
|
+
export { Calendar } from './Calendar';
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
component: ({ badge, ...iconProps }: {
|
|
6
6
|
badge: "warning";
|
|
7
7
|
} & import("..").IconProps) => JSX.Element;
|
|
8
|
-
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-
|
|
8
|
+
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
|
|
9
9
|
badge: "warning";
|
|
10
10
|
icon: string;
|
|
11
11
|
style?: "normal" | "light" | "solid" | undefined;
|
|
@@ -128,7 +128,7 @@ var defaultTheme = {
|
|
|
128
128
|
cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
|
|
129
129
|
smooth: '0px 4px 25px 0px #0000001a',
|
|
130
130
|
// redesign:
|
|
131
|
-
dialogShadow: '
|
|
131
|
+
dialogShadow: '0px 4px 23px 0px rgba(0, 0, 0, 0.08)',
|
|
132
132
|
tooltipShadow: '0px 1px 4px 0 #B1B8C3',
|
|
133
133
|
headerShadow: '1px 2px 3px #00000029',
|
|
134
134
|
headerShadowB: '1px 1px 3px #00000029',
|
|
@@ -281,15 +281,11 @@ declare const themes: {
|
|
|
281
281
|
thick: string;
|
|
282
282
|
};
|
|
283
283
|
radii: {
|
|
284
|
-
none: string;
|
|
285
284
|
sm: string;
|
|
286
|
-
default: string;
|
|
287
285
|
md: string;
|
|
286
|
+
ml: string;
|
|
288
287
|
lg: string;
|
|
289
288
|
xl: string;
|
|
290
|
-
'2xl': string;
|
|
291
|
-
'3xl': string;
|
|
292
|
-
full: string;
|
|
293
289
|
};
|
|
294
290
|
shadows: {
|
|
295
291
|
boxShadow: string;
|
|
@@ -136,15 +136,11 @@ declare const defaultTheme: {
|
|
|
136
136
|
thick: string;
|
|
137
137
|
};
|
|
138
138
|
radii: {
|
|
139
|
-
none: string;
|
|
140
139
|
sm: string;
|
|
141
|
-
default: string;
|
|
142
140
|
md: string;
|
|
141
|
+
ml: string;
|
|
143
142
|
lg: string;
|
|
144
143
|
xl: string;
|
|
145
|
-
'2xl': string;
|
|
146
|
-
'3xl': string;
|
|
147
|
-
full: string;
|
|
148
144
|
};
|
|
149
145
|
shadows: {
|
|
150
146
|
boxShadow: string;
|
|
@@ -140,15 +140,11 @@ var defaultTheme = {
|
|
|
140
140
|
thick: '10px solid',
|
|
141
141
|
},
|
|
142
142
|
radii: {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
xl: '20px',
|
|
149
|
-
'2xl': '20px',
|
|
150
|
-
'3xl': '20px',
|
|
151
|
-
full: '20px',
|
|
143
|
+
sm: '2px',
|
|
144
|
+
md: '4px',
|
|
145
|
+
ml: '6px',
|
|
146
|
+
lg: '8px',
|
|
147
|
+
xl: '16px',
|
|
152
148
|
},
|
|
153
149
|
shadows: {
|
|
154
150
|
boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',
|
|
@@ -159,7 +155,7 @@ var defaultTheme = {
|
|
|
159
155
|
cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
|
|
160
156
|
smooth: '0px 4px 25px 0px #0000001a',
|
|
161
157
|
// redesign:
|
|
162
|
-
dialogShadow: '
|
|
158
|
+
dialogShadow: '0px 4px 23px 0px rgba(0, 0, 0, 0.08)',
|
|
163
159
|
tooltipShadow: '0px 1px 4px 0 #B1B8C3',
|
|
164
160
|
headerShadow: '1px 2px 3px #00000029',
|
|
165
161
|
headerShadowB: '1px 1px 3px #00000029',
|