@sendoutcards/quantum-design-ui 1.7.52 → 1.7.55

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"
   }));
 };
 
@@ -10602,6 +10594,111 @@ var Save = function (_a) {
   }));
 };
 
+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 SquareCheck = function (_a) {
+  var primaryColor = _a.primaryColor,
+      size = _a.size,
+      onClick = _a.onClick,
+      entity = _a.entity;
+  return jsx("svg", {
+    height: getIconSize(size, entity),
+    width: getIconSize(size, entity),
+    fill: "none",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    onClick: onClick && function () {
+      return onClick();
+    }
+  }, jsx("path", {
+    d: "M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M10.5795 15.5801C10.3795 15.5801 10.1895 15.5001 10.0495 15.3601L7.21945 12.5301C6.92945 12.2401 6.92945 11.7601 7.21945 11.4701C7.50945 11.1801 7.98945 11.1801 8.27945 11.4701L10.5795 13.7701L15.7195 8.6301C16.0095 8.3401 16.4895 8.3401 16.7795 8.6301C17.0695 8.9201 17.0695 9.4001 16.7795 9.6901L11.1095 15.3601C10.9695 15.5001 10.7795 15.5801 10.5795 15.5801Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
 var Icon = function (_a) {
   var primaryColor = _a.primaryColor,
       secondaryColor = _a.secondaryColor,
@@ -10960,6 +11057,21 @@ var Icon = function (_a) {
 
     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);
+
+    case 'squareCheck':
+      return jsx(SquareCheck, props);
   }
 };
 
@@ -13080,7 +13192,8 @@ var Sheet = function (_a) {
       zIndex = _a.zIndex,
       bgElementSelector = _a.bgElementSelector,
       _c = _a.hasOverlay,
-      hasOverlay = _c === void 0 ? true : _c; // TODO's
+      hasOverlay = _c === void 0 ? true : _c,
+      snapTo = _a.snapTo; // TODO's
 
   /**
    * 1. Hook up child scrolling when scrolling is enabled
@@ -13160,10 +13273,16 @@ var Sheet = function (_a) {
     return getMaxOpenPoint(newPoint);
   }, [sheetHeight, getMaxOpenPoint]);
   var maxOpenPoint = windowHeight - sheetHeight < 0 ? Math.abs(windowHeight - sheetHeight) : 0;
+
+  var getInitialSnapPoint = function (snapPoint) {
+    return typeof snapPoint === 'string' ? initialSnapPointMatch !== undefined ? getPositionFromPercentile(initialSnapPointMatch.percentage) : maxOpenPoint : typeof snapPoint === 'number' ? snapPointPercentages ? getPositionFromPercentile(snapPointPercentages[snapPoint]) : maxOpenPoint : maxOpenPoint;
+  };
+
   var initialSnapPointMatch = snapPoints.find(function (snapPoint) {
-    return snapPoint.name === initialSnapPoint;
+    return snapPoint.name === snapTo ? snapTo : initialSnapPoint;
   });
-  var initialY = typeof initialSnapPoint === 'string' ? initialSnapPointMatch !== undefined ? getPositionFromPercentile(initialSnapPointMatch.percentage) : maxOpenPoint : typeof initialSnapPoint === 'number' ? snapPointPercentages ? getPositionFromPercentile(snapPointPercentages[initialSnapPoint]) : maxOpenPoint : maxOpenPoint; // Motion value for y positioning of the sheet
+  var initialY = snapTo ? getInitialSnapPoint(snapTo) : getInitialSnapPoint(initialSnapPoint); // TODO remove ternary when initialSnapPoint gets removed
+  // Motion value for y positioning of the sheet
 
   var y = useMotionValue(isOpen ? maxOpenPoint : windowHeight); // Ranges for the background to specify when the animation start/stop while user is dragging.
 
@@ -13223,36 +13342,75 @@ var Sheet = function (_a) {
       setIsOpen === null || setIsOpen === void 0 ? void 0 : setIsOpen(false);
     } else {
       var defaultSnapPoints = snapPointPercentages ? __spreadArrays([0], snapPointPercentages, [100]) : [0, 100];
-      var snapTo = snapPoints ? getClosest(__spreadArrays(defaultSnapPoints, snapPoints.map(function (point) {
+      var snapTo_1 = snapPoints ? getClosest(__spreadArrays(defaultSnapPoints, snapPoints.map(function (point) {
         return point.percentage;
       })).map(function (pointPercentile) {
         return getPositionFromPercentile(pointPercentile);
       }), y.get()) : y.get() / sheetHeight > 0.4 ? sheetHeight : maxOpenPoint;
-      animate(y, snapTo, {
+      animate(y, snapTo_1, {
         type: 'spring',
         stiffness: 300,
         damping: 30,
         mass: 0.2
       });
 
-      if (snapTo >= sheetHeight) {
+      if (snapTo_1 >= sheetHeight) {
         setIsOpen === null || setIsOpen === void 0 ? void 0 : setIsOpen(false);
       }
 
       var diff = windowHeight - sheetHeight;
 
-      if (diff < 0 && snapTo <= Math.abs(diff)) {
+      if (diff < 0 && snapTo_1 <= Math.abs(diff)) {
         setIsScrollingEnabled(true);
       } else {
         setIsScrollingEnabled(false);
       }
     }
   }, [windowHeight, sheetHeight, getPositionFromPercentile, setIsOpen, snapPointPercentages, snapPoints, y, maxOpenPoint]);
-  return jsx(AnimatePresence, null, isOpen && jsx(Flex, {
-    width: "100%",
-    height: "100%",
-    justifyContent: "center",
-    alignItems: "center"
+  var handleSnapTo = useCallback(function (snapPoint) {
+    var _a;
+
+    if (typeof snapPoint === 'string') {
+      var snapPointMatch = snapPoints.find(function (snap) {
+        return snap.name === snapPoint;
+      });
+      snapPoint = (_a = snapPointMatch === null || snapPointMatch === void 0 ? void 0 : snapPointMatch.percentage) !== null && _a !== void 0 ? _a : -1;
+    }
+
+    if (snapPoint >= 0) {
+      animate(y, getPositionFromPercentile(snapPoint), {
+        type: 'spring',
+        stiffness: 300,
+        damping: 30,
+        mass: 0.2
+      });
+    }
+  }, [getPositionFromPercentile, y, snapPoints]);
+  useEffect(function () {
+    if (snapTo) handleSnapTo(snapTo);
+  }, [snapTo]); //eslint-disable-line
+
+  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,
@@ -13702,9 +13860,13 @@ var Input = function (_a) {
       isDecrementHold = _s[0],
       setIsDecrementHold = _s[1];
 
-  var _t = useEntities(),
-      inputs = _t.inputs,
-      hocs = _t.hocs;
+  var _t = useState(false),
+      isHovering = _t[0],
+      setIsHovering = _t[1];
+
+  var _u = useEntities(),
+      inputs = _u.inputs,
+      hocs = _u.hocs;
 
   var isActive = value ? true : false;
   var hasIcon = icon ? true : false;
@@ -13712,6 +13874,7 @@ var Input = function (_a) {
   var color = (message === null || message === void 0 ? void 0 : message.type) ? message === null || message === void 0 ? void 0 : message.type : focusColor;
   var inputWrapperRef = useRef(null);
   var inputRef = useRef(null);
+  var isMinInputWidth = width >= 150;
 
   var handleOnBlur = function (e) {
     setIsFocused(false);
@@ -13891,7 +14054,6 @@ var Input = function (_a) {
       setIsFocused(true);
     },
     style: {
-      // opacity: 0.3,
       backgroundColor: message ? "" + hocs.colors.swatches[message.type]._1000 : ''
     }
   }, icon && jsx(Span, {
@@ -14033,21 +14195,45 @@ var Input = function (_a) {
     name: message.icon,
     primaryColor: message.type,
     size: "xSmall"
-  }))), isOutsideRange && jsx(Flex, {
+  }))), isOutsideRange && isMinInputWidth ? jsx(Flex, {
     width: "100%",
     position: "absolute",
-    bottom: '-24px',
+    bottom: '-38px',
     style: {
       whiteSpace: 'nowrap'
     }
   }, jsx(Text, {
     inset: {
       left: 'x_5',
-      top: 'x_5'
+      top: 'x1'
     },
     type: "footnote",
-    color: "warning"
-  }, "Value must be between ", min, " and ", max)));
+    color: "warning",
+    lineHeight: 1.2
+  }, "Value must be between ", min, " and ", max)) : isOutsideRange && !isMinInputWidth && jsx(Flex, {
+    inset: {
+      top: 'x1'
+    },
+    onHoverStart: function () {
+      return setIsHovering(true);
+    },
+    onHoverEnd: function () {
+      return setIsHovering(false);
+    },
+    cursor: "pointer"
+  }, jsx(Icon, {
+    name: "information",
+    size: "xSmall",
+    primaryColor: "danger"
+  })), isHovering && jsx(Flex, {
+    position: "absolute",
+    top: "-50px",
+    right: "-55px"
+  }, jsx(Tooltip, {
+    title: "Value must be between " + min + " and " + max,
+    direction: "bottom",
+    background: "dark"
+  })));
 };
 
 var _emotionSourceMap2$i = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJc0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRpYWxvZ0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgbWluLXdpZHRoOiAzMDhweDtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICBcIl0sIFtcIlxcbiAgICBtaW4td2lkdGg6IDMwOHB4O1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG4gIFwiXSkpKSxcclxuICAgIGNsb3NlSWNvbldyYXBwZXI6IGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHRvcDogLThweDtcXG4gICAgcmlnaHQ6IC04cHg7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDBweCwgMHB4KTtcXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTJweCwgMnB4KTtcXG4gICAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4yNXMgZWFzZTtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgdG9wOiAtOHB4O1xcbiAgICByaWdodDogLThweDtcXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMHB4LCAwcHgpO1xcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4yNXMgZWFzZTtcXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMnB4LCAycHgpO1xcbiAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjI1cyBlYXNlO1xcbiAgICB9XFxuICBcIl0pKSksXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
@@ -14114,10 +14300,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     boxShadow: dialog.boxShadow,
     inset: insetOverride !== null && insetOverride !== void 0 ? insetOverride : dialog.defaultInset,
     outset: onClose ? {
-      vertical: {
-        xSmall: 'x8',
-        medium: 'x0'
-      },
+      vertical: 'x0',
       horizontal: 'x1'
     } : 'x0',
     maxWidth: maxWidth,
@@ -14125,7 +14308,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,
@@ -22527,6 +22713,59 @@ var ComparisonItem = function (_a) {
   })));
 };
 
+var UploadButton = function (_a) {
+  var title = _a.title,
+      onUpload = _a.onUpload,
+      _b = _a.hasUpload,
+      hasUpload = _b === void 0 ? false : _b,
+      backgroundColor = _a.backgroundColor,
+      indicator = _a.indicator,
+      _c = _a.width,
+      width = _c === void 0 ? '160px' : _c,
+      _d = _a.height,
+      height = _d === void 0 ? '40px' : _d,
+      _e = _a.boxShadow,
+      boxShadow = _e === void 0 ? 'mediumLight' : _e,
+      _f = _a.borderRadius,
+      borderRadius = _f === void 0 ? 'medium' : _f;
+  return jsx(Flex, {
+    onClick: function () {
+      return onUpload(hasUpload);
+    },
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : 'foreground',
+    boxShadow: boxShadow,
+    borderRadius: borderRadius,
+    width: width,
+    height: height,
+    alignItems: "center",
+    inset: "x_5",
+    cursor: "pointer"
+  }, jsx(Div, {
+    width: "35px",
+    height: "35px",
+    display: "flex",
+    justifyContent: "center",
+    borderRadius: "default",
+    alignItems: "center",
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : 'foreground',
+    borderStyle: "solid",
+    borderColor: "gray",
+    borderWidth: "thin",
+    inset: !hasUpload ? 'x_5' : 'x0'
+  }, !hasUpload ? jsx(Icon, {
+    name: "upload",
+    size: "xSmall",
+    primaryColor: "primaryHeadingText"
+  }) : indicator), jsx(Text, {
+    type: "caption",
+    content: !hasUpload ? title : 'Uploading...',
+    color: "primaryHeading",
+    inset: {
+      left: 'x1'
+    }
+  }));
+};
+
 var _emotionSourceMap$1 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHRodW1ibmFpbENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcIl0sIFtcIlwiXSkpKSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
 var styles$1 = {
   thumbnailContainer: /*#__PURE__*/css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([";label:thumbnailContainer;" + _emotionSourceMap$1], [";label:thumbnailContainer;" + _emotionSourceMap$1])))
@@ -23412,4 +23651,4 @@ var useColorSwatch = function () {
   };
 };
 
-export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, AffiliateUpsalePromotionWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };
+export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, AffiliateUpsalePromotionWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };

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/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/squareCheck.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SVGProps } from '../types/index';
+export declare const SquareCheck: 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' | 'editorText' | 'layout' | 'background' | 'save';
+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' | 'squareCheck';
 export declare type IconProps = {
     name: IconType;
 } & Omit<SVGProps, 'entity'>;

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

@@ -61,3 +61,4 @@ export * from "../molecules/imageThumbnail/imageThumbnail";
 export * from "../molecules/displayCard/displayCard";
 export * from "../molecules/releaseNote/releaseNote";
 export * from "../molecules/comparisonItem/comparisonItem";
+export * from "../molecules/uploadButton/uploadButton";

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" | "editorText" | "layout" | "background" | "save" | 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" | 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" | "squareCheck" | 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" | "squareCheck" | 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" | "editorText" | "layout" | "background" | "save" | 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" | 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" | "squareCheck" | 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" | "squareCheck" | 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" | "editorText" | "layout" | "background" | "save" | 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" | 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" | "squareCheck" | 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" | "squareCheck" | undefined;
     id: number;
 } & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;

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

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

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

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import { BackgroundColor, Width, Height, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
+import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
+export declare type UploadButtonProps = {
+    hasUpload: boolean;
+    onUpload: (hasUpload: boolean) => void;
+    title: string;
+    backgroundColor?: BackgroundColor;
+    indicator: React.ReactNode;
+    width?: Width;
+    height?: Height;
+    boxShadow?: Shadows;
+    borderRadius?: BorderRadius;
+};
+export declare const UploadButton: FC<UploadButtonProps>;

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

@@ -6,6 +6,7 @@ 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;
@@ -84,12 +85,15 @@ 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 SquareCheck: any;
 export declare const Template: any;
 export declare const TenDoor: any;
 export declare const Text: any;
@@ -100,6 +104,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/dist/src/stories/molecules/Sheet.stories.d.ts

@@ -6,3 +6,5 @@ export declare const BasicSheet: any;
 export declare const WithBackgroundComponent: any;
 export declare const WithSnapPointPercentages: any;
 export declare const WithSnapPointComponents: Story<SheetProps>;
+export declare const UsingSnapToPercentage: Story<SheetProps>;
+export declare const UsingSnapToKeys: Story<SheetProps>;

package/dist/src/stories/molecules/UploadButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { UploadButtonProps } from "../../exports/molecules";
+import { Meta, Story } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const StoryName: Story<UploadButtonProps>;

package/package.json

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