@mailstep/design-system 0.3.1 → 0.3.3

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mailstep/design-system",
3
- "version": "0.3.1",
3
+ "version": "0.3.3",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "main": "./ui/index.js",
@@ -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: "M11.1603 15.0024C11.1603 16.1027 10.2683 16.9946 9.16807 16.9946C8.0678 16.9946 7.17585 16.1027 7.17585 15.0024C7.17585 13.9021 8.0678 13.0102 9.16807 13.0102C10.2683 13.0102 11.1603 13.9021 11.1603 15.0024Z", strokeWidth: "1.35" }), _jsx("path", { d: "M18.4952 15.0024C18.4952 16.1027 17.6033 16.9946 16.503 16.9946C15.4028 16.9946 14.5108 16.1027 14.5108 15.0024C14.5108 13.9021 15.4028 13.0102 16.503 13.0102C17.6033 13.0102 18.4952 13.9021 18.4952 15.0024Z", strokeWidth: "1.35" }), _jsx("line", { x1: "10.9655", y1: "14.0546", x2: "14.2389", y2: "14.0546", strokeWidth: "1.35" }), _jsx("path", { d: "M4.41858 13.5637C4.04579 13.5637 3.74358 13.8659 3.74358 14.2387C3.74358 14.6115 4.04579 14.9137 4.41858 14.9137L4.41858 13.5637ZM4.41858 14.9137L7.0373 14.9137L7.0373 13.5637L4.41858 13.5637L4.41858 14.9137Z", fill: "#A3B3C1", strokeWidth: "0" }), _jsx("line", { x1: "18.1671", y1: "14.0546", x2: "20.7858", y2: "14.0546", strokeWidth: "1.35" }), _jsx("path", { d: "M5.83411 2.99166C5.46131 2.99166 5.15911 3.29386 5.15911 3.66666C5.15911 4.03945 5.46131 4.34166 5.83411 4.34166V2.99166ZM17.6841 5.36216L17.0804 5.66403L17.6841 5.36216ZM20.6937 10.4888L21.2208 10.0671L20.6937 10.4888ZM21.5122 15.0023V10.8978H20.1622V15.0023H21.5122ZM21.2208 10.0671L20.0307 8.57942L18.9765 9.42276L20.1667 10.9104L21.2208 10.0671ZM20.1073 8.69922L18.2879 5.06029L17.0804 5.66403L18.8999 9.30296L20.1073 8.69922ZM17.0986 4.32527H13.8358V5.67526H17.0986V4.32527ZM14.5108 5.00027V4.32134H13.1608V5.00027H14.5108ZM13.1811 2.99166H5.83411V4.34166H13.1811V2.99166ZM13.1608 5.00027V8.34641H14.5108V5.00027H13.1608ZM14.4904 9.67609H19.5036V8.32609H14.4904V9.67609ZM13.1608 8.34641C13.1608 9.08077 13.7561 9.67609 14.4904 9.67609V8.32609C14.492 8.32609 14.4952 8.32654 14.4986 8.32796C14.5015 8.3292 14.5035 8.33069 14.5048 8.33204C14.5062 8.33339 14.5076 8.33537 14.5089 8.33829C14.5103 8.34166 14.5108 8.34485 14.5108 8.34641H13.1608ZM14.5108 4.32134C14.5108 3.58698 13.9154 2.99166 13.1811 2.99166V4.34166C13.1795 4.34166 13.1763 4.34121 13.173 4.33978C13.17 4.33855 13.1681 4.33705 13.1667 4.33571C13.1654 4.33436 13.1639 4.33237 13.1626 4.32945C13.1612 4.32608 13.1608 4.3229 13.1608 4.32134H14.5108ZM18.2879 5.06029C18.0626 4.60982 17.6022 4.32527 17.0986 4.32527V5.67526C17.0909 5.67526 17.0838 5.67092 17.0804 5.66403L18.2879 5.06029ZM21.5122 10.8978C21.5122 10.5958 21.4094 10.3029 21.2208 10.0671L20.1667 10.9104C20.1638 10.9068 20.1622 10.9024 20.1622 10.8978H21.5122Z", fill: "#A3B3C1", strokeWidth: "0" }), _jsx("path", { d: "M9.16811 5.66718H3.16687", strokeWidth: "1.35", strokeLinecap: "round" }), _jsx("path", { d: "M7.83461 8.33435H1.83337", strokeWidth: "1.35", strokeLinecap: "round" }), _jsx("path", { d: "M8.50148 11.0016H2.50024", strokeWidth: "1.35", strokeLinecap: "round" })] }))); };
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" })] }))); };
@@ -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: "40", height: "40", viewBox: "0 0 40 40", fill: "none", stroke: "#A3B3C1" }, props, { children: [_jsx("rect", { x: "40", y: "40", width: "40", height: "40", rx: "9", transform: "rotate(180 40 40)", fill: "#42526E" }), _jsx("path", { d: "M28.25 20.2067L16.2075 20.2067M16.2075 20.2067L21.3686 15.9918M16.2075 20.2067L21.3686 24.4216", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M11.25 26.451L11.25 12", strokeWidth: "1.5", strokeLinecap: "round" })] }))); };
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", { "clip-path": "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)" }) }) })] }))); };
@@ -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("g", { clipPath: "url(#clip0_7_1619)", children: _jsx("path", { d: "M21.5599 11C21.5599 16.8227 16.8227 21.56 10.9999 21.56C5.1772 21.56 0.439941 16.8227 0.439941 11C0.439941 10.6352 0.735181 10.34 1.09994 10.34C1.4647 10.34 1.75994 10.6352 1.75994 11C1.75994 16.095 5.90496 20.24 10.9999 20.24C16.0949 20.24 20.2399 16.095 20.2399 11C20.2399 5.90502 16.0949 1.76 10.9999 1.76C8.54408 1.76 6.26422 2.71458 4.5491 4.4H7.03994C7.4047 4.4 7.69994 4.69524 7.69994 5.06C7.69994 5.42476 7.4047 5.72 7.03994 5.72H3.07994C2.71518 5.72 2.41994 5.42476 2.41994 5.06V1.1C2.41994 0.735242 2.71518 0.440002 3.07994 0.440002C3.4447 0.440002 3.73994 0.735242 3.73994 1.1V3.35148C5.68716 1.49292 8.24576 0.440002 10.9999 0.440002C16.8227 0.440002 21.5599 5.17726 21.5599 11ZM16.9399 8.36V14.3C16.9399 14.5752 16.7692 14.8214 16.512 14.9182L11.232 16.8982C11.1572 16.9259 11.0785 16.94 10.9999 16.94C10.9214 16.94 10.8426 16.9259 10.7678 16.8982L5.48784 14.9182C5.23066 14.8214 5.05994 14.5752 5.05994 14.3V8.36C5.05994 8.08478 5.23066 7.8386 5.48784 7.7418L10.7678 5.7618C10.9174 5.70636 11.0824 5.70636 11.2318 5.7618L16.5118 7.7418C16.7692 7.8386 16.9399 8.08478 16.9399 8.36ZM7.5994 8.36L10.9999 9.6349L14.4005 8.36L10.9999 7.0851L7.5994 8.36ZM6.37994 13.8424L10.3399 15.3274V10.7976L6.37994 9.3126V13.8424ZM15.6199 13.8424V9.3126L11.6599 10.7976V15.3274L15.6199 13.8424Z", fill: "#A3B3C1", strokeWidth: "0" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_7_1619", children: _jsx("rect", { width: "22", height: "22", fill: "white" }) }) })] }))); };
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" })] }))); };
@@ -66,6 +66,7 @@ declare const defaultTheme: {
66
66
  red20: string;
67
67
  red30: string;
68
68
  red50: string;
69
+ red70: string;
69
70
  red1: string;
70
71
  red2: string;
71
72
  red3: string;
@@ -66,6 +66,7 @@ var defaultTheme = {
66
66
  red20: '#FFEBE6',
67
67
  red30: '#fec1cb',
68
68
  red50: '#ff7c7b',
69
+ red70: '#CF2013',
69
70
  red1: '#DB2B19',
70
71
  red2: '#E94324',
71
72
  red3: '#991E12',
@@ -67,6 +67,7 @@ declare const themes: {
67
67
  red20: string;
68
68
  red30: string;
69
69
  red50: string;
70
+ red70: string;
70
71
  red1: string;
71
72
  red2: string;
72
73
  red3: string;