@sendoutcards/quantum-design-ui 1.7.50 → 1.7.53

package/dist/index.es.js

@@ -7370,18 +7370,10 @@ var Cart = function (_a) {
     xmlns: "http://www.w3.org/2000/svg",
     width: getIconSize(size, entity),
     height: getIconSize(size, entity),
-    viewBox: " 0 0 24 24"
-  }, jsx("rect", {
-    width: getIconSize(size, entity),
-    height: getIconSize(size, entity),
-    fill: "none",
-    rx: "0",
-    ry: "0"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20.9099 4.88165C20.9799 4.55165 21.2999 4.34165 21.6199 4.41165C21.9399 4.48165 22.1499 4.79165 22.0899 5.12165L20.0899 15.1216C20.0299 15.4016 19.7899 15.6016 19.4999 15.6016H7.49989C7.20989 15.6016 6.96989 15.4016 6.90989 15.1216L5.00591 5.60173H2.4999C2.1699 5.60173 1.8999 5.33173 1.8999 5.00173C1.8999 4.67173 2.1699 4.40173 2.4999 4.40173H5.44116C5.5832 4.38672 5.72208 4.4268 5.83571 4.50521C5.90839 4.55461 5.96978 4.61952 6.01505 4.69506C6.04947 4.75168 6.07519 4.81446 6.08989 4.88165L7.98989 14.4016H19.0099L20.9099 4.88165ZM10.9999 18.1017C10.9999 18.9317 10.3299 19.6017 9.49988 19.6017C8.66988 19.6017 7.99988 18.9317 7.99988 18.1017C7.99988 17.2717 8.66988 16.6017 9.49988 16.6017C10.3299 16.6017 10.9999 17.2717 10.9999 18.1017ZM18.9999 18.1017C18.9999 18.9317 18.3299 19.6017 17.4999 19.6017C16.6699 19.6017 15.9999 18.9317 15.9999 18.1017C15.9999 17.2717 16.6699 16.6017 17.4999 16.6017C18.3299 16.6017 18.9999 17.2717 18.9999 18.1017ZM18.4999 5.80176H8.49988C8.21988 5.80176 7.99988 6.02176 7.99988 6.30176C7.99988 6.58176 8.21988 6.80176 8.49988 6.80176H18.4999C18.7799 6.80176 18.9999 6.58176 18.9999 6.30176C18.9999 6.02176 18.7799 5.80176 18.4999 5.80176ZM8.99988 8.60168H17.9999C18.2799 8.60168 18.4999 8.82168 18.4999 9.10168C18.4999 9.38168 18.2799 9.60168 17.9999 9.60168H8.99988C8.71988 9.60168 8.49988 9.38168 8.49988 9.10168C8.49988 8.82168 8.71988 8.60168 8.99988 8.60168ZM9.49988 11.4017H17.4999C17.7799 11.4017 17.9999 11.6217 17.9999 11.9017C17.9999 12.1817 17.7799 12.4017 17.4999 12.4017H9.49988C9.21988 12.4017 8.99988 12.1717 8.99988 11.9017C8.99988 11.6317 9.21988 11.4017 9.49988 11.4017Z",
-    fill: getIconColor(primaryColor, entity)
+    viewBox: "0 0 24 24"
+  }, jsx("path", {
+    fill: getIconColor(primaryColor, entity),
+    d: "M 0.25 3 C 0.25 2.586 0.586 2.25 1 2.25 L 3.477 2.25 C 4.714 2.25 5.799 3.076 6.128 4.269 L 6.675 6.25 L 20.827 6.25 C 21.694 6.25 22.51 6.659 23.029 7.353 C 23.548 8.047 23.71 8.945 23.465 9.776 L 22.073 14.509 C 21.776 15.52 20.927 16.273 19.887 16.446 L 10.901 17.943 C 9.512 18.175 8.173 17.32 7.798 15.963 L 4.682 4.667 C 4.533 4.125 4.039 3.749 3.477 3.749 L 1 3.749 C 0.586 3.749 0.251 3.414 0.25 3 Z M 7.088 7.75 L 9.244 15.563 C 9.414 16.18 10.023 16.568 10.654 16.463 L 19.64 14.966 C 20.113 14.887 20.499 14.546 20.634 14.086 L 22.026 9.353 C 22.137 8.975 22.064 8.567 21.828 8.251 C 21.592 7.936 21.221 7.75 20.827 7.75 Z M 9.25 21 C 9.25 20.586 9.586 20.25 10 20.25 L 11 20.25 C 11.414 20.25 11.75 20.586 11.75 21 C 11.75 21.414 11.414 21.75 11 21.75 L 10 21.75 C 9.586 21.75 9.25 21.414 9.25 21 Z M 17.25 21 C 17.25 20.586 17.586 20.25 18 20.25 L 19 20.25 C 19.414 20.25 19.75 20.586 19.75 21 C 19.75 21.414 19.414 21.75 19 21.75 L 18 21.75 C 17.586 21.75 17.25 21.414 17.25 21 Z"
   }));
 };
 
@@ -10521,6 +10513,169 @@ var ViewSinglePanel = function (_a) {
   }));
 };
 
+var EdtiorText = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    onClick: onClick && function () {
+      return onClick();
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity)
+  }, jsx("path", {
+    d: "M 7.703 1.247 C 7.703 1.247 7.823 1.247 7.823 1.366 L 13.943 16.922 C 14.183 17.278 13.943 17.753 13.583 17.872 L 13.343 17.872 C 12.983 17.872 12.743 17.634 12.623 17.397 L 11.423 14.547 L 2.663 14.547 L 1.463 17.397 C 1.343 17.753 0.983 17.872 0.743 17.872 L 0.503 17.872 C 0.143 17.753 0.023 17.278 0.143 16.922 L 6.383 1.247 L 6.503 1.128 C 6.623 1.128 6.623 1.009 6.623 1.009 L 6.743 1.009 C 6.743 0.891 6.863 0.891 6.863 0.891 L 7.343 0.891 L 7.463 1.009 C 7.463 1.128 7.583 1.128 7.583 1.128 C 7.703 1.128 7.703 1.247 7.703 1.247 Z M 7.103 3.503 L 3.263 13.122 L 10.943 13.122 Z M 22.343 10.153 C 22.343 9.797 22.703 9.441 23.063 9.441 C 23.543 9.441 23.783 9.678 23.903 10.034 L 23.903 17.159 C 23.903 17.516 23.543 17.872 23.183 17.872 C 22.823 17.872 22.463 17.516 22.463 17.159 L 22.463 16.803 C 21.623 17.634 20.423 18.109 19.343 18.109 C 17.063 18.109 15.383 16.447 15.383 13.953 C 15.383 11.697 16.943 10.034 19.223 9.797 C 20.423 9.678 21.503 9.916 22.343 10.509 Z M 16.703 14.072 C 16.703 15.378 17.543 16.803 19.223 16.803 C 20.783 16.803 22.343 15.497 22.343 13.241 C 22.343 12.766 22.103 12.291 21.743 11.934 C 21.263 11.578 20.543 11.341 19.703 11.341 L 19.223 11.341 C 17.663 11.459 16.703 12.528 16.703 14.072 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Layout = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    onClick: onClick && function () {
+      return onClick();
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity)
+  }, jsx("path", {
+    d: "M 8.27 22.75 L 4.23 22.75 C 2.22 22.75 1.25 21.82 1.25 19.9 L 1.25 4.1 C 1.25 2.18 2.23 1.25 4.23 1.25 L 8.27 1.25 C 10.28 1.25 11.25 2.18 11.25 4.1 L 11.25 19.9 C 11.25 21.82 10.27 22.75 8.27 22.75 Z M 4.23 2.75 C 2.96 2.75 2.75 3.09 2.75 4.1 L 2.75 19.9 C 2.75 20.91 2.96 21.25 4.23 21.25 L 8.27 21.25 C 9.54 21.25 9.75 20.91 9.75 19.9 L 9.75 4.1 C 9.75 3.09 9.54 2.75 8.27 2.75 Z M 19.77 13.75 L 15.73 13.75 C 13.72 13.75 12.75 12.82 12.75 10.9 L 12.75 4.1 C 12.75 2.18 13.73 1.25 15.73 1.25 L 19.77 1.25 C 21.78 1.25 22.75 2.18 22.75 4.1 L 22.75 10.9 C 22.75 12.82 21.77 13.75 19.77 13.75 Z M 15.73 2.75 C 14.46 2.75 14.25 3.09 14.25 4.1 L 14.25 10.9 C 14.25 11.91 14.46 12.25 15.73 12.25 L 19.77 12.25 C 21.04 12.25 21.25 11.91 21.25 10.9 L 21.25 4.1 C 21.25 3.09 21.04 2.75 19.77 2.75 Z M 19.77 22.75 L 15.73 22.75 C 13.72 22.75 12.75 21.82 12.75 19.9 L 12.75 18.1 C 12.75 16.18 13.73 15.25 15.73 15.25 L 19.77 15.25 C 21.78 15.25 22.75 16.18 22.75 18.1 L 22.75 19.9 C 22.75 21.82 21.77 22.75 19.77 22.75 Z M 15.73 16.75 C 14.46 16.75 14.25 17.09 14.25 18.1 L 14.25 19.9 C 14.25 20.91 14.46 21.25 15.73 21.25 L 19.77 21.25 C 21.04 21.25 21.25 20.91 21.25 19.9 L 21.25 18.1 C 21.25 17.09 21.04 16.75 19.77 16.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Background = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    }
+  }, jsx("path", {
+    d: "M 9.6 18.75 C 7.2 18.75 5.25 16.8 5.25 14.4 C 5.25 12.44 6.57 10.71 8.46 10.2 C 8.83 10.1 9.21 10.29 9.35 10.65 C 9.68 11.48 10.39 12.12 11.25 12.35 C 11.72 12.48 12.28 12.48 12.75 12.35 C 13.12 12.25 13.51 12.44 13.65 12.79 C 14.312 14.485 13.854 16.414 12.5 17.63 C 11.71 18.35 10.68 18.75 9.6 18.75 Z M 8.29 11.87 C 7.344 12.359 6.75 13.335 6.75 14.4 C 6.75 15.97 8.03 17.25 9.6 17.25 C 10.3 17.25 10.98 16.99 11.5 16.52 C 12.231 15.872 12.575 14.893 12.41 13.93 C 11.88 13.98 11.34 13.93 10.85 13.79 C 9.784 13.498 8.869 12.812 8.29 11.87 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 12 13.95 C 11.6 13.95 11.21 13.9 10.85 13.8 C 9.535 13.435 8.467 12.477 7.96 11.21 C 7.76 10.7 7.66 10.16 7.66 9.61 C 7.66 7.21 9.61 5.26 12.01 5.26 C 14.41 5.26 16.36 7.21 16.36 9.61 C 16.36 10.16 16.26 10.7 16.06 11.21 C 15.4 12.873 13.789 13.96 12 13.95 Z M 12 6.75 C 11.057 6.752 10.176 7.22 9.645 8 C 9.115 8.781 9.005 9.772 9.35 10.65 C 9.68 11.48 10.39 12.12 11.25 12.35 C 11.72 12.48 12.28 12.48 12.75 12.35 C 13.62 12.11 14.33 11.48 14.65 10.65 C 14.995 9.772 14.885 8.781 14.355 8 C 13.824 7.22 12.943 6.752 12 6.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 14.4 18.75 C 13.32 18.75 12.29 18.35 11.5 17.63 C 11.34 17.488 11.249 17.284 11.249 17.07 C 11.249 16.856 11.34 16.652 11.5 16.51 C 12.392 15.721 12.693 14.456 12.25 13.35 C 12.175 13.151 12.187 12.931 12.282 12.741 C 12.377 12.551 12.546 12.409 12.75 12.35 C 13.613 12.11 14.316 11.481 14.65 10.65 C 14.79 10.296 15.172 10.102 15.54 10.2 C 17.43 10.71 18.75 12.44 18.75 14.4 C 18.75 16.8 16.8 18.75 14.4 18.75 Z M 13.12 16.95 C 14.004 17.391 15.054 17.344 15.895 16.825 C 16.736 16.306 17.248 15.388 17.25 14.4 C 17.25 13.32 16.64 12.35 15.71 11.87 C 15.27 12.59 14.62 13.17 13.86 13.53 C 14.107 14.723 13.838 15.965 13.12 16.95 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 15 22.75 L 9 22.75 C 3.57 22.75 1.25 20.43 1.25 15 L 1.25 9 C 1.25 3.57 3.57 1.25 9 1.25 L 15 1.25 C 20.43 1.25 22.75 3.57 22.75 9 L 22.75 15 C 22.75 20.43 20.43 22.75 15 22.75 Z M 9 2.75 C 4.39 2.75 2.75 4.39 2.75 9 L 2.75 15 C 2.75 19.61 4.39 21.25 9 21.25 L 15 21.25 C 19.61 21.25 21.25 19.61 21.25 15 L 21.25 9 C 21.25 4.39 19.61 2.75 15 2.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Save = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    }
+  }, jsx("path", {
+    d: "M 17 22.75 L 7 22.75 C 2.59 22.75 1.25 21.41 1.25 17 L 1.25 7 C 1.25 2.59 2.59 1.25 7 1.25 L 8.5 1.25 C 10.25 1.25 10.8 1.82 11.5 2.75 L 13 4.75 C 13.33 5.19 13.38 5.25 14 5.25 L 17 5.25 C 21.41 5.25 22.75 6.59 22.75 11 L 22.75 17 C 22.75 21.41 21.41 22.75 17 22.75 Z M 7 2.75 C 3.43 2.75 2.75 3.43 2.75 7 L 2.75 17 C 2.75 20.57 3.43 21.25 7 21.25 L 17 21.25 C 20.57 21.25 21.25 20.57 21.25 17 L 21.25 11 C 21.25 7.43 20.57 6.75 17 6.75 L 14 6.75 C 12.72 6.75 12.3 6.31 11.8 5.65 L 10.3 3.65 C 9.78 2.96 9.63 2.75 8.5 2.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var SignaturePen = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    },
+    viewBox: "0 0 24 24"
+  }, jsx("path", {
+    d: "M 15.884 2.944 C 15.65 2.71 15.332 2.578 15 2.578 C 14.668 2.578 14.35 2.71 14.116 2.944 L 10.945 6.116 C 10.711 6.35 10.579 6.668 10.579 7 C 10.579 7.332 10.711 7.65 10.945 7.884 L 16.116 13.055 C 16.35 13.289 16.668 13.421 17 13.421 C 17.332 13.421 17.65 13.289 17.884 13.055 L 21.055 9.884 C 21.289 9.65 21.421 9.332 21.421 9 C 21.421 8.668 21.289 8.35 21.055 8.116 Z M 13.055 1.884 C 13.571 1.368 14.27 1.078 15 1.078 C 15.73 1.078 16.429 1.368 16.945 1.884 L 22.116 7.055 C 22.632 7.571 22.922 8.27 22.922 9 C 22.922 9.73 22.632 10.429 22.116 10.945 L 18.945 14.116 C 17.973 15.088 16.432 15.194 15.337 14.362 L 13.875 18.747 C 13.696 19.285 13.267 19.702 12.725 19.867 L 3.512 22.672 C 2.172 23.079 0.921 21.827 1.328 20.488 L 4.132 11.276 C 4.297 10.734 4.714 10.305 5.252 10.126 L 9.638 8.663 C 8.806 7.568 8.912 6.027 9.884 5.055 Z M 10.797 9.858 L 5.727 11.548 C 5.65 11.574 5.59 11.635 5.567 11.713 L 3.091 19.848 L 7.47 15.47 C 7.657 15.269 7.939 15.187 8.204 15.255 C 8.47 15.322 8.678 15.53 8.745 15.796 C 8.813 16.061 8.731 16.343 8.53 16.53 L 4.152 20.91 L 12.287 18.434 C 12.365 18.411 12.426 18.351 12.452 18.274 L 14.142 13.204 L 10.797 9.859 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Variable = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    },
+    viewBox: "0 0 24 24"
+  }, jsx("path", {
+    d: "M 5 21.87 C 4.26 21.87 3.53 21.59 2.97 21.03 C 2.43 20.49 2.13 19.77 2.13 19 C 2.13 18.23 2.43 17.51 2.97 16.97 L 15.97 3.97 C 17.092 2.85 18.908 2.85 20.03 3.97 C 20.57 4.51 20.87 5.23 20.87 6 C 20.87 6.77 20.57 7.49 20.03 8.03 L 7.03 21.03 C 6.47 21.59 5.74 21.87 5 21.87 Z M 18 4.63 C 17.65 4.63 17.3 4.76 17.03 5.03 L 4.03 18.03 C 3.77 18.29 3.63 18.63 3.63 19 C 3.63 19.37 3.77 19.71 4.03 19.97 C 4.56 20.5 5.44 20.5 5.97 19.97 L 18.97 6.97 C 19.23 6.71 19.37 6.37 19.37 6 C 19.37 5.63 19.23 5.29 18.97 5.03 C 18.7 4.76 18.35 4.63 18 4.63 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 18.01 9.74 C 17.82 9.74 17.63 9.67 17.48 9.52 L 14.48 6.52 C 14.19 6.226 14.19 5.754 14.48 5.46 C 14.77 5.17 15.25 5.17 15.54 5.46 L 18.54 8.46 C 18.83 8.75 18.83 9.23 18.54 9.52 C 18.39 9.67 18.2 9.74 18.01 9.74 Z M 10 5.5 C 9.95 5.5 9.91 5.49 9.86 5.48 L 8.5 5.08 L 7.14 5.48 C 6.96 5.53 6.77 5.48 6.65 5.35 C 6.52 5.22 6.47 5.04 6.52 4.86 L 6.92 3.5 L 6.52 2.14 C 6.47 1.96 6.52 1.77 6.65 1.65 C 6.778 1.521 6.965 1.471 7.14 1.52 L 8.5 1.92 L 9.86 1.52 C 10.04 1.47 10.22 1.52 10.35 1.65 C 10.479 1.778 10.529 1.965 10.48 2.14 L 10.08 3.5 L 10.48 4.86 C 10.53 5.04 10.48 5.23 10.35 5.35 C 10.26 5.447 10.133 5.502 10 5.5 Z M 8.5 4.06 C 8.55 4.06 8.59 4.07 8.64 4.08 L 9.26 4.26 L 9.08 3.64 C 9.05 3.549 9.05 3.451 9.08 3.36 L 9.26 2.74 L 8.64 2.92 C 8.55 2.95 8.45 2.95 8.36 2.92 L 7.74 2.74 L 7.92 3.36 C 7.95 3.45 7.95 3.55 7.92 3.64 L 7.74 4.26 L 8.36 4.08 C 8.41 4.07 8.45 4.06 8.5 4.06 Z M 6 11.5 C 5.95 11.5 5.91 11.49 5.86 11.48 L 4.5 11.08 L 3.14 11.48 C 2.96 11.53 2.78 11.48 2.65 11.35 C 2.521 11.222 2.471 11.035 2.52 10.86 L 2.92 9.5 L 2.52 8.14 C 2.47 7.96 2.52 7.77 2.65 7.65 C 2.78 7.53 2.97 7.47 3.14 7.52 L 4.5 7.92 L 5.86 7.52 C 6.035 7.471 6.222 7.521 6.35 7.65 C 6.479 7.778 6.529 7.965 6.48 8.14 L 6.08 9.5 L 6.48 10.86 C 6.53 11.04 6.48 11.23 6.35 11.35 C 6.26 11.447 6.133 11.502 6 11.5 Z M 4.5 10.06 C 4.55 10.06 4.59 10.07 4.64 10.08 L 5.26 10.26 L 5.08 9.64 C 5.05 9.549 5.05 9.451 5.08 9.36 L 5.26 8.74 L 4.64 8.92 C 4.55 8.95 4.45 8.95 4.36 8.92 L 3.74 8.74 L 3.92 9.36 C 3.95 9.45 3.95 9.55 3.92 9.64 L 3.74 10.26 L 4.36 10.08 C 4.41 10.07 4.45 10.06 4.5 10.06 Z M 21 16.5 C 20.95 16.5 20.91 16.49 20.86 16.48 L 19.5 16.08 L 18.14 16.48 C 17.96 16.53 17.78 16.48 17.65 16.35 C 17.521 16.222 17.471 16.035 17.52 15.86 L 17.92 14.5 L 17.52 13.14 C 17.47 12.96 17.52 12.77 17.65 12.65 C 17.78 12.53 17.97 12.47 18.14 12.52 L 19.5 12.92 L 20.86 12.52 C 21.035 12.471 21.222 12.521 21.35 12.65 C 21.48 12.78 21.53 12.97 21.48 13.14 L 21.08 14.5 L 21.48 15.86 C 21.53 16.04 21.48 16.23 21.35 16.35 C 21.26 16.447 21.133 16.502 21 16.5 Z M 19.5 15.06 C 19.55 15.06 19.59 15.07 19.64 15.08 L 20.26 15.26 L 20.08 14.64 C 20.05 14.549 20.05 14.451 20.08 14.36 L 20.26 13.74 L 19.64 13.92 C 19.55 13.95 19.45 13.95 19.36 13.92 L 18.74 13.74 L 18.92 14.36 C 18.95 14.45 18.95 14.55 18.92 14.64 L 18.74 15.26 L 19.36 15.08 C 19.41 15.07 19.45 15.06 19.5 15.06 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var ImageUpload = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    },
+    viewBox: "0 0 24 24"
+  }, jsx("path", {
+    d: "M 17.134 21.5 L 4.364 21.5 C 2.844 21.5 1.454 20.73 0.654 19.43 C -0.145 18.143 -0.217 16.533 0.464 15.18 L 2.184 11.73 C 2.744 10.61 3.644 9.91 4.654 9.8 C 5.664 9.69 6.694 10.19 7.474 11.16 L 7.694 11.44 C 8.134 11.98 8.644 12.27 9.144 12.22 C 9.644 12.18 10.104 11.82 10.444 11.21 L 12.334 7.8 C 13.114 6.39 14.154 5.66 15.284 5.71 C 16.404 5.77 17.364 6.61 18.004 8.09 L 21.134 15.4 C 21.714 16.748 21.575 18.297 20.764 19.52 C 19.974 20.759 18.604 21.506 17.134 21.5 Z M 4.934 11.3 C 4.894 11.3 4.854 11.3 4.814 11.31 C 4.314 11.36 3.854 11.76 3.524 12.41 L 1.804 15.86 C 1.354 16.75 1.404 17.8 1.924 18.65 C 2.444 19.5 3.364 20.01 4.364 20.01 L 17.124 20.01 C 18.104 20.01 18.974 19.54 19.514 18.72 C 20.054 17.9 20.144 16.92 19.754 16.02 L 16.624 8.71 C 16.244 7.81 15.714 7.26 15.204 7.24 C 14.734 7.21 14.124 7.71 13.644 8.56 L 11.754 11.97 C 11.174 13.01 10.264 13.66 9.274 13.75 C 8.284 13.83 7.274 13.35 6.524 12.41 L 6.304 12.13 C 5.884 11.58 5.404 11.3 4.934 11.3 Z M 5.744 7.5 C 3.684 7.5 1.994 5.82 1.994 3.75 C 1.994 1.68 3.674 0 5.744 0 C 7.814 0 9.494 1.68 9.494 3.75 C 9.494 5.82 7.814 7.5 5.744 7.5 Z M 5.744 1.5 C 4.504 1.5 3.494 2.51 3.494 3.75 C 3.494 4.99 4.504 6 5.744 6 C 6.984 6 7.994 4.99 7.994 3.75 C 7.994 2.51 6.984 1.5 5.744 1.5 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Size = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    },
+    viewBox: "0 0 24 24"
+  }, jsx("path", {
+    d: "M 22 18.25 L 15 18.25 C 14.59 18.25 14.25 17.91 14.25 17.5 C 14.25 17.09 14.59 16.75 15 16.75 L 22 16.75 C 22.41 16.75 22.75 17.09 22.75 17.5 C 22.75 17.91 22.41 18.25 22 18.25 Z M 5 18.25 L 2 18.25 C 1.59 18.25 1.25 17.91 1.25 17.5 C 1.25 17.09 1.59 16.75 2 16.75 L 5 16.75 C 5.41 16.75 5.75 17.09 5.75 17.5 C 5.75 17.91 5.41 18.25 5 18.25 Z M 22 7.25 L 19 7.25 C 18.59 7.25 18.25 6.91 18.25 6.5 C 18.25 6.09 18.59 5.75 19 5.75 L 22 5.75 C 22.41 5.75 22.75 6.09 22.75 6.5 C 22.75 6.91 22.41 7.25 22 7.25 Z M 9 7.25 L 2 7.25 C 1.59 7.25 1.25 6.91 1.25 6.5 C 1.25 6.09 1.59 5.75 2 5.75 L 9 5.75 C 9.41 5.75 9.75 6.09 9.75 6.5 C 9.75 6.91 9.41 7.25 9 7.25 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 13 21.25 L 7 21.25 C 5.28 21.25 4.25 20.22 4.25 18.5 L 4.25 16.5 C 4.25 14.78 5.28 13.75 7 13.75 L 13 13.75 C 14.72 13.75 15.75 14.78 15.75 16.5 L 15.75 18.5 C 15.75 20.22 14.72 21.25 13 21.25 Z M 7 15.25 C 6.11 15.25 5.75 15.61 5.75 16.5 L 5.75 18.5 C 5.75 19.39 6.11 19.75 7 19.75 L 13 19.75 C 13.89 19.75 14.25 19.39 14.25 18.5 L 14.25 16.5 C 14.25 15.61 13.89 15.25 13 15.25 Z M 17 10.25 L 11 10.25 C 9.28 10.25 8.25 9.22 8.25 7.5 L 8.25 5.5 C 8.25 3.78 9.28 2.75 11 2.75 L 17 2.75 C 18.72 2.75 19.75 3.78 19.75 5.5 L 19.75 7.5 C 19.75 9.22 18.72 10.25 17 10.25 Z M 11 4.25 C 10.11 4.25 9.75 4.61 9.75 5.5 L 9.75 7.5 C 9.75 8.39 10.11 8.75 11 8.75 L 17 8.75 C 17.89 8.75 18.25 8.39 18.25 7.5 L 18.25 5.5 C 18.25 4.61 17.89 4.25 17 4.25 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
 var Icon = function (_a) {
   var primaryColor = _a.primaryColor,
       secondaryColor = _a.secondaryColor,
@@ -10867,6 +11022,30 @@ var Icon = function (_a) {
 
     case 'viewSinglePanel':
       return jsx(ViewSinglePanel, props);
+
+    case 'editorText':
+      return jsx(EdtiorText, props);
+
+    case 'layout':
+      return jsx(Layout, props);
+
+    case 'background':
+      return jsx(Background, props);
+
+    case 'save':
+      return jsx(Save, props);
+
+    case 'signaturePen':
+      return jsx(SignaturePen, props);
+
+    case 'size':
+      return jsx(Size, props);
+
+    case 'variable':
+      return jsx(Variable, props);
+
+    case 'imageUpload':
+      return jsx(ImageUpload, props);
   }
 };
 
@@ -12985,25 +13164,27 @@ var Sheet = function (_a) {
       initialSnapPoint = _a.initialSnapPoint,
       outsideClickBypassId = _a.outsideClickBypassId,
       zIndex = _a.zIndex,
-      bgElementSelector = _a.bgElementSelector; // TODO's
+      bgElementSelector = _a.bgElementSelector,
+      _c = _a.hasOverlay,
+      hasOverlay = _c === void 0 ? true : _c; // TODO's
 
   /**
    * 1. Hook up child scrolling when scrolling is enabled
    * 2. background component is off when the sheet exceeds the window and stops at the top
    */
 
-  var _c = useState([]),
-      snapPoints = _c[0],
-      setSnapPoints = _c[1];
+  var _d = useState([]),
+      snapPoints = _d[0],
+      setSnapPoints = _d[1];
 
-  var _d = useState(false),
-      setIsScrollingEnabled = _d[1];
+  var _e = useState(false),
+      setIsScrollingEnabled = _e[1];
 
   var targetRef = useRef(null);
 
-  var _e = useState(((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0),
-      sheetHeight = _e[0],
-      setSheetHeight = _e[1];
+  var _f = useState(((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0),
+      sheetHeight = _f[0],
+      setSheetHeight = _f[1];
 
   var device = useDeviceSize().device;
   var isMobile = device === 'small' || device === 'xSmall' ? true : false;
@@ -13153,7 +13334,28 @@ var Sheet = function (_a) {
       }
     }
   }, [windowHeight, sheetHeight, getPositionFromPercentile, setIsOpen, snapPointPercentages, snapPoints, y, maxOpenPoint]);
-  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
+  var withoutOverlayStyle = {
+    position: 'fixed',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    minWidth: !isMobile ? '768px' : undefined
+  };
+  var withOverlayStyle = {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'fixed',
+    top: '0',
+    left: '0',
+    bottom: '0',
+    right: '0'
+  };
+  return jsx(AnimatePresence, null, isOpen && jsx(Div, {
+    style: __assign({
+      zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : 4
+    }, isMobile ? {} : hasOverlay ? __assign({}, withOverlayStyle) : __assign({}, withoutOverlayStyle))
+  }, hasOverlay && jsx(Overlay, {
     motionKey: "sheetOverlay",
     variants: overlayVariants,
     animate: isOpen ? 'visible' : 'hidden',
@@ -13161,7 +13363,7 @@ var Sheet = function (_a) {
     exit: 'hidden',
     zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : 4,
     bgElementSelector: bgElementSelector
-  }, jsx(Div, {
+  }), jsx(Div, {
     id: "sheetWrapper",
     width: {
       xSmall: '100%',
@@ -14022,7 +14224,10 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     width: (_a = isFullScreen ? '100%' : undefined) !== null && _a !== void 0 ? _a : width,
     height: isFullScreen ? 'calc(100vh - 16px )' : height
   }, shouldScroll ? jsx(Div, {
-    height: 'calc(100vh - 32px)',
+    height: {
+      xSmall: 'calc(100vh - 96px)',
+      medium: 'calc(100vh - 32px)'
+    },
     overflowY: "auto"
   }, children, onClose && jsx(CloseButton, {
     id: closeButtonId,

package/dist/src/atoms/iconography/icons/background.d.ts

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

package/dist/src/atoms/iconography/icons/editorText.d.ts

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

package/dist/src/atoms/iconography/icons/imageUpload.d.ts

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

package/dist/src/atoms/iconography/icons/layout.d.ts

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

package/dist/src/atoms/iconography/icons/save.d.ts

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

package/dist/src/atoms/iconography/icons/signaturePen.d.ts

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

package/dist/src/atoms/iconography/icons/size.d.ts

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

package/dist/src/atoms/iconography/icons/variable.d.ts

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

package/dist/src/atoms/iconography/types/index.d.ts

@@ -11,7 +11,7 @@ export declare type SVGProps = {
     entity: IconsEntity;
     orientation?: orientation;
 };
-export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | 'filterBy' | 'groups' | 'idCard' | 'plusSquare' | 'star' | 'search' | 'cart' | 'priceTag' | 'layer' | 'loading' | 'play' | 'lock' | 'user' | 'noUsers' | 'add' | 'check' | 'exclamation' | 'envelope' | 'userSuccess' | 'image' | 'imageSwap' | 'text' | 'color' | 'template' | 'redo' | 'undo' | 'copy' | 'drag' | 'delete' | 'crop' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'allPanel' | 'fullBleed' | 'fullBleedLandscape' | 'fullBleedPortrait' | 'sliderHorizontal' | 'sliderVertical' | 'cropRotate' | 'frame' | 'cut' | 'wand' | 'layerAdd' | 'layerRemove' | 'layerDisabled' | 'signature' | 'shadows' | 'rotateLeft' | 'rotateRight' | 'colorPalette' | 'dropper' | 'textBox' | 'fontSize' | 'flipHorizontal' | 'flipVertical' | 'filter' | 'brightness' | 'aText' | 'frameWidth' | 'frameHeight' | 'layerUp' | 'layerDown' | 'capitalizedText' | 'uppercaseText' | 'lowercaseText' | 'fullBleedImage' | 'fullBleedText' | 'panelMode' | 'viewPanels' | 'rotate' | 'view' | 'replaceImage' | 'quotation' | 'facebook' | 'instagram' | 'twitter' | 'linkedIn' | 'youtube' | 'pinterest' | 'visible' | 'invisible' | 'elementIcon' | 'complete' | 'download' | 'closeCircle' | 'backgroundSettings' | 'upload' | 'stickers' | 'clearPanel' | 'viewCarousel' | 'viewSinglePanel';
+export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | 'filterBy' | 'groups' | 'idCard' | 'plusSquare' | 'star' | 'search' | 'cart' | 'priceTag' | 'layer' | 'loading' | 'play' | 'lock' | 'user' | 'noUsers' | 'add' | 'check' | 'exclamation' | 'envelope' | 'userSuccess' | 'image' | 'imageSwap' | 'text' | 'color' | 'template' | 'redo' | 'undo' | 'copy' | 'drag' | 'delete' | 'crop' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'allPanel' | 'fullBleed' | 'fullBleedLandscape' | 'fullBleedPortrait' | 'sliderHorizontal' | 'sliderVertical' | 'cropRotate' | 'frame' | 'cut' | 'wand' | 'layerAdd' | 'layerRemove' | 'layerDisabled' | 'signature' | 'shadows' | 'rotateLeft' | 'rotateRight' | 'colorPalette' | 'dropper' | 'textBox' | 'fontSize' | 'flipHorizontal' | 'flipVertical' | 'filter' | 'brightness' | 'aText' | 'frameWidth' | 'frameHeight' | 'layerUp' | 'layerDown' | 'capitalizedText' | 'uppercaseText' | 'lowercaseText' | 'fullBleedImage' | 'fullBleedText' | 'panelMode' | 'viewPanels' | 'rotate' | 'view' | 'replaceImage' | 'quotation' | 'facebook' | 'instagram' | 'twitter' | 'linkedIn' | 'youtube' | 'pinterest' | 'visible' | 'invisible' | 'elementIcon' | 'complete' | 'download' | 'closeCircle' | 'backgroundSettings' | 'upload' | 'stickers' | 'clearPanel' | 'viewCarousel' | 'viewSinglePanel' | 'editorText' | 'layout' | 'background' | 'save' | 'signaturePen' | 'size' | 'variable' | 'imageUpload';
 export declare type IconProps = {
     name: IconType;
 } & Omit<SVGProps, 'entity'>;

package/dist/src/molecules/select/components/option.d.ts

@@ -31,21 +31,21 @@ export declare const Option: React.ForwardRefExoticComponent<({
     alignment?: "left" | "center" | "right" | undefined;
     onClick?: ((id: number) => void) | undefined;
     isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | undefined;
+    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | undefined;
     id: number;
 } & TextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
     alignment?: "left" | "center" | "right" | undefined;
     onClick?: ((id: number) => void) | undefined;
     isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | undefined;
+    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | undefined;
     id: number;
 } & IconLabelProps & React.RefAttributes<HTMLDivElement>) | ({
     alignment?: "left" | "center" | "right" | undefined;
     onClick?: ((id: number) => void) | undefined;
     isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | undefined;
+    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | undefined;
     id: number;
 } & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;

package/dist/src/molecules/sheet/sheet.d.ts

@@ -13,5 +13,6 @@ export declare type SheetProps = {
     outsideClickBypassId?: string;
     zIndex?: number;
     bgElementSelector?: string;
+    hasOverlay?: boolean;
 };
 export declare const Sheet: FC<SheetProps>;

package/dist/src/stories/atoms/Icons.stories.d.ts

@@ -6,13 +6,14 @@ export declare const RightChevron: any;
 export declare const UpChevron: any;
 export declare const DownChevron: any;
 export declare const Add: any;
+export declare const ImageUpload: any;
 export declare const AlignCenter: any;
 export declare const AlignLeft: any;
 export declare const AlignRight: any;
 export declare const AllPanel: any;
 export declare const AText: any;
 export declare const Award: any;
-export declare const BackgroundSettings: any;
+export declare const Background: any;
 export declare const Brightness: any;
 export declare const Campaigns: any;
 export declare const CapitalizedText: any;
@@ -33,6 +34,7 @@ export declare const Delete: any;
 export declare const Drag: any;
 export declare const Download: any;
 export declare const ElementIcon: any;
+export declare const EdtiorText: any;
 export declare const Envelope: any;
 export declare const Exclamation: any;
 export declare const Facebook: any;
@@ -60,7 +62,7 @@ export declare const LayerAdd: any;
 export declare const LayerDisabled: any;
 export declare const LayerDown: any;
 export declare const LayerRemove: any;
-export declare const LayerUp: any;
+export declare const Layout: any;
 export declare const LinkedIn: any;
 export declare const Loading: any;
 export declare const Lock: any;
@@ -83,10 +85,13 @@ export declare const RotateRight: any;
 export declare const Search: any;
 export declare const Shadows: any;
 export declare const Signature: any;
+export declare const Size: any;
 export declare const SliderHorizontal: any;
 export declare const SliderVertical: any;
 export declare const SOCLogo: any;
 export declare const Star: any;
+export declare const Save: any;
+export declare const SignaturePen: any;
 export declare const Stickers: any;
 export declare const Template: any;
 export declare const TenDoor: any;
@@ -98,6 +103,7 @@ export declare const Upload: any;
 export declare const UppercaseText: any;
 export declare const User: any;
 export declare const UserSuccess: any;
+export declare const Variable: any;
 export declare const View: any;
 export declare const ViewCarousel: any;
 export declare const ViewPanels: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.50",
+  "version": "1.7.53",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",