@sendoutcards/quantum-design-ui 1.6.2 → 1.6.6

package/dist/index.es.js

@@ -866,6 +866,36 @@ var sphere$9 = {
     textType: 'heroTitle'
   }
 };
+var widget$8 = {
+  primary: {
+    backgroundColor: concepts$8.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$8.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$8.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$8.colors.success.base,
+    fontColor: 'inverseBody'
+  },
+  danger: {
+    backgroundColor: concepts$8.colors.danger.base,
+    fontColor: 'primaryBody'
+  },
+  shadow: {
+    backgroundColor: concepts$8.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$8.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$8 = {
   mediaQueries: mediaQueries$b,
   hocs: hocs$8,
@@ -887,7 +917,8 @@ var entities$8 = {
   toggle: toggle$8,
   tooltip: tooltip$8,
   colorPicker: colorPicker$8,
-  sphere: sphere$9
+  sphere: sphere$9,
+  widget: widget$8
 };
 
 var PURPLE = '#8D7EAE';
@@ -1563,6 +1594,36 @@ var sphere$7 = {
     textType: 'heroTitle'
   }
 };
+var widget$7 = {
+  primary: {
+    backgroundColor: concepts$7.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$7.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$7.colors.warning.base,
+    fontColor: 'inverseBody'
+  },
+  success: {
+    backgroundColor: concepts$7.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$7.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$7.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$7.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$7 = {
   mediaQueries: mediaQueries$a,
   hocs: hocs$7,
@@ -1584,7 +1645,8 @@ var entities$7 = {
   drawer: drawer$7,
   slider: slider$7,
   colorPicker: colorPicker$7,
-  sphere: sphere$7
+  sphere: sphere$7,
+  widget: widget$7
 };
 
 var BRIGHT_GREEN$1 = '#74C468';
@@ -2217,6 +2279,36 @@ var sphere$6 = {
     textType: 'heroTitle'
   }
 };
+var widget$6 = {
+  primary: {
+    backgroundColor: concepts$6.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$6.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$6.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$6.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$6.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$6.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$6.colors.accent.base,
+    fontColor: 'inverseBody'
+  }
+};
 var entities$6 = {
   mediaQueries: mediaQueries$9,
   hocs: hocs$6,
@@ -2238,7 +2330,8 @@ var entities$6 = {
   drawer: drawer$6,
   slider: slider$6,
   colorPicker: colorPicker$6,
-  sphere: sphere$6
+  sphere: sphere$6,
+  widget: widget$6
 };
 
 var CARAMEL$1 = '#CE8E47'; // primary
@@ -2875,6 +2968,36 @@ var sphere$5 = {
     textType: 'heroTitle'
   }
 };
+var widget$5 = {
+  primary: {
+    backgroundColor: concepts$5.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$5.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$5.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$5.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$5.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$5.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$5.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$5 = {
   mediaQueries: mediaQueries$8,
   hocs: hocs$5,
@@ -2896,7 +3019,8 @@ var entities$5 = {
   drawer: drawer$5,
   slider: slider$5,
   colorPicker: colorPicker$5,
-  sphere: sphere$5
+  sphere: sphere$5,
+  widget: widget$5
 };
 
 var BRIGHT_BLUE = '#140FEE';
@@ -3531,6 +3655,36 @@ var sphere$4 = {
     textType: 'heroTitle'
   }
 };
+var widget$4 = {
+  primary: {
+    backgroundColor: concepts$4.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$4.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$4.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$4.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$4.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$4.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$4.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$4 = {
   mediaQueries: mediaQueries$7,
   hocs: hocs$4,
@@ -3552,7 +3706,8 @@ var entities$4 = {
   drawer: drawer$4,
   slider: slider$4,
   colorPicker: colorPicker$4,
-  sphere: sphere$4
+  sphere: sphere$4,
+  widget: widget$4
 };
 
 var DARK_BLUE$1 = '#1F4177';
@@ -4187,6 +4342,36 @@ var sphere$3 = {
     textType: 'heroTitle'
   }
 };
+var widget$3 = {
+  primary: {
+    backgroundColor: concepts$3.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$3.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$3.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$3.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$3.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$3.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$3.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$3 = {
   mediaQueries: mediaQueries$6,
   hocs: hocs$3,
@@ -4208,7 +4393,8 @@ var entities$3 = {
   drawer: drawer$3,
   slider: slider$3,
   colorPicker: colorPicker$3,
-  sphere: sphere$3
+  sphere: sphere$3,
+  widget: widget$3
 };
 
 var CARAMEL = '#B38048';
@@ -4843,6 +5029,36 @@ var sphere$2 = {
     textType: 'heroTitle'
   }
 };
+var widget$2 = {
+  primary: {
+    backgroundColor: concepts$2.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$2.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$2.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$2.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$2.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$2.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$2.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$2 = {
   mediaQueries: mediaQueries$5,
   hocs: hocs$2,
@@ -4864,7 +5080,8 @@ var entities$2 = {
   drawer: drawer$2,
   slider: slider$2,
   colorPicker: colorPicker$2,
-  sphere: sphere$2
+  sphere: sphere$2,
+  widget: widget$2
 };
 
 var AQUA = '#61DCE8';
@@ -5499,6 +5716,36 @@ var sphere$1 = {
     textType: 'heroTitle'
   }
 };
+var widget$1 = {
+  primary: {
+    backgroundColor: concepts$1.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$1.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$1.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$1.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts$1.colors.danger.base,
+    fontColor: 'inverseBody'
+  },
+  shadow: {
+    backgroundColor: concepts$1.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$1.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities$1 = {
   mediaQueries: mediaQueries$4,
   hocs: hocs$1,
@@ -5520,7 +5767,8 @@ var entities$1 = {
   drawer: drawer$1,
   slider: slider$1,
   colorPicker: colorPicker$1,
-  sphere: sphere$1
+  sphere: sphere$1,
+  widget: widget$1
 };
 
 var PINK = '#FF04A0';
@@ -6144,6 +6392,36 @@ var sphere = {
     textType: 'heroTitle'
   }
 };
+var widget = {
+  primary: {
+    backgroundColor: concepts.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts.colors.success.base,
+    fontColor: 'primaryBody'
+  },
+  danger: {
+    backgroundColor: concepts.colors.danger.base,
+    fontColor: 'primaryBody'
+  },
+  shadow: {
+    backgroundColor: concepts.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
 var entities = {
   mediaQueries: mediaQueries$3,
   hocs: hocs,
@@ -6165,7 +6443,8 @@ var entities = {
   toggle: toggle,
   tooltip: tooltip,
   colorPicker: colorPicker,
-  sphere: sphere
+  sphere: sphere,
+  widget: widget
 };
 
 var _emotionSourceMap2$v = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInF1YW50dW1UaGVtZVdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDZ0IiLCJmaWxlIjoicXVhbnR1bVRoZW1lV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnZW1vdGlvbi10aGVtaW5nJztcclxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZW50aXRpZXMgfSBmcm9tICcuLi90aGVtZS90aGVtaW5nL2VudGl0aWVzJztcclxuaW1wb3J0IHsgc2VuZG9nb1RoZW1lLCBiZWxsYUNhZGFldXhUaGVtZSwgZ3JlZW5lclN0aWxsVGhlbWUsIHByb21wdGluZ1VUaGVtZSwgc3RyZWFtTWFya2V0aW5nVGhlbWUsIHN0cmVhbVZBVGhlbWUsIGJsdWU0MlRoZW1lLCBzZW5kT3V0Q2FyZHNUaGVtZSwgfSBmcm9tIFwiLi4vZXhwb3J0cy90aGVtZXNcIjtcclxuZXhwb3J0IHZhciBRdWFudHVtVGhlbWVXcmFwcGVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbiwgdGhlbWUgPSBfYS50aGVtZTtcclxuICAgIHZhciBnZXRUaGVtZSA9IGZ1bmN0aW9uICh0aGVtZSkge1xyXG4gICAgICAgIHN3aXRjaCAodGhlbWUpIHtcclxuICAgICAgICAgICAgY2FzZSAnc2VuZG9nbyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VuZG9nb1RoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdiZWxsYUNhZGVhdXgnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGJlbGxhQ2FkYWV1eFRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdncmVlbmVyU3RpbGwnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGdyZWVuZXJTdGlsbFRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdwcm9tcHRpbmdVJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBwcm9tcHRpbmdVVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N0cmVhbU1hcmtldGluZyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc3RyZWFtTWFya2V0aW5nVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N0cmVhbVZBJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzdHJlYW1WQVRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdibHVlNDInOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGJsdWU0MlRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdzZW5kT3V0Q2FyZHMnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHNlbmRPdXRDYXJkc1RoZW1lO1xyXG4gICAgICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGVudGl0aWVzO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICB2YXIgc2VsZWN0ZWRUaGVtZSA9IGdldFRoZW1lKHRoZW1lKTtcclxuICAgIHJldHVybiAoPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3NlbGVjdGVkVGhlbWV9PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2Nzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiLCBcIik7XFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiLCBcIik7XFxuICAgICAgICAgIGJvZHkge1xcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIiwgXCI7XFxuICAgICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxLjY1O1xcbiAgICAgICAgICAgICoge1xcbiAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgICAgaDEsXFxuICAgICAgICAgICAgaDIsXFxuICAgICAgICAgICAgaDMsXFxuICAgICAgICAgICAgaDQsXFxuICAgICAgICAgICAgaDUsXFxuICAgICAgICAgICAgaDYge1xcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSwgW1wiXFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiLCBcIik7XFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiLCBcIik7XFxuICAgICAgICAgIGJvZHkge1xcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIiwgXCI7XFxuICAgICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxLjY1O1xcbiAgICAgICAgICAgICoge1xcbiAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgICAgaDEsXFxuICAgICAgICAgICAgaDIsXFxuICAgICAgICAgICAgaDMsXFxuICAgICAgICAgICAgaDQsXFxuICAgICAgICAgICAgaDUsXFxuICAgICAgICAgICAgaDYge1xcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSkpLCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5ib2R5LCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5oZWFkaW5nLCBzZWxlY3RlZFRoZW1lLnRleHQuZmFtaWxpZXMuYm9keSwgc2VsZWN0ZWRUaGVtZS50ZXh0LmZhbWlsaWVzLmhlYWRpbmcpfS8+XG4gICAgICA8ZGl2IGNzcz17Y3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICA+IGRpdiB7XFxuICAgICAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgICAgICB9XFxuICAgICAgICBcIl0sIFtcIlxcbiAgICAgICAgICBmb250LXNpemU6IDE2cHg7XFxuICAgICAgICAgID4gZGl2IHtcXG4gICAgICAgICAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSkpKX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvVGhlbWVQcm92aWRlcj4pO1xyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cXVhbnR1bVRoZW1lV3JhcHBlci5qc3gubWFwIl19 */";
@@ -9771,6 +10050,46 @@ var ElementIcon = function (_a) {
   }));
 };
 
+var Complete = 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),
+    fill: "none"
+  }, jsx("path", {
+    fill: getIconColor(primaryColor, entity),
+    d: "M12 1.75C6.34 1.75 1.75 6.34 1.75 12S6.34 22.25 12 22.25 22.25 17.66 22.25 12c0-.637-.058-1.26-.169-1.864a.75.75 0 111.475-.271c.128.692.194 1.406.194 2.135 0 6.49-5.26 11.75-11.75 11.75S.25 18.49.25 12 5.51.25 12 .25c2.363 0 4.566.699 6.41 1.9a.75.75 0 11-.82 1.257A10.199 10.199 0 0012 1.75zm9.53 3.72a.75.75 0 010 1.06l-9 9a.75.75 0 01-1.06 0l-4-4a.75.75 0 111.06-1.06L12 13.94l8.47-8.47a.75.75 0 011.06 0z"
+  }));
+};
+
+var Download = 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),
+    fill: "none"
+  }, jsx("path", {
+    fill: getIconColor(primaryColor, entity),
+    fillRule: "evenodd",
+    d: "M12 3.25a.75.75 0 01.75.75v8.19l1.72-1.72a.75.75 0 111.06 1.06l-3 3a.75.75 0 01-1.06 0l-3-3a.75.75 0 111.06-1.06l1.72 1.72V4a.75.75 0 01.75-.75zm-11 10a.75.75 0 01.75.75v4c0 .69.56 1.25 1.25 1.25h18c.69 0 1.25-.56 1.25-1.25v-4a.75.75 0 011.5 0v4A2.75 2.75 0 0121 20.75H3A2.75 2.75 0 01.25 18v-4a.75.75 0 01.75-.75z",
+    clipRule: "evenodd"
+  }));
+};
+
 var useEntities = function () {
   return useTheme();
 };
@@ -10088,6 +10407,12 @@ var Icon = function (_a) {
 
     case 'elementIcon':
       return jsx(ElementIcon, props);
+
+    case 'complete':
+      return jsx(Complete, props);
+
+    case 'download':
+      return jsx(Download, props);
   }
 };
 
@@ -10736,7 +11061,8 @@ var Anchor = function (props) {
       isDecorated = props.isDecorated,
       _c = props.display,
       display = _c === void 0 ? 'inline-block' : _c,
-      rest = __rest(props, ["color", "size", "isDecorated", "display"]);
+      shouldDownload = props.shouldDownload,
+      rest = __rest(props, ["color", "size", "isDecorated", "display", "shouldDownload"]);
 
   var generatedDivStyles = generateStyles(__assign({
     display: display
@@ -10755,6 +11081,7 @@ var Anchor = function (props) {
 
       return (_a = rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest);
     },
+    download: shouldDownload,
     css: styles$N.anchorStyles(generatedDivStyles, entities, color, isDecorated)
   }), jsx(Text, {
     type: computeTextTypeFromSize(size),
@@ -11311,35 +11638,37 @@ var Card = function (props) {
 
 var Capsule = function (_a) {
   var title = _a.title,
-      makeBlue = _a.makeBlue;
+      backgrounColor = _a.backgrounColor,
+      fontColor = _a.fontColor,
+      boxShadow = _a.boxShadow;
   return jsx(Div, {
     inset: {
       horizontal: 'x2'
     },
     borderRadius: "circle",
-    backgroundColor: makeBlue ? {
-      swatch: 'secondaryBrand',
-      shade: 'base'
-    } : {
+    backgroundColor: backgrounColor !== null && backgrounColor !== void 0 ? backgrounColor : {
       swatch: 'success',
       shade: 'base'
     },
-    display: "inline-block"
+    display: "inline-block",
+    boxShadow: boxShadow
   }, jsx(Text, {
-    type: "footnote"
-  }, title));
+    type: "footnote",
+    content: title,
+    color: fontColor !== null && fontColor !== void 0 ? fontColor : 'primaryBody'
+  }));
 };
 
 var computeButtonSizeProperties = function (size, sizeMap) {
   return mapSizeType(size, sizeMap);
 };
 
-var _emotionSourceMap2$q = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QndEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKGJ1dHRvblR5cGUsIGJ1dHRvbkVudGl0eSwgYnV0dG9uU3R5bGUsIHNpemUsIGhvdmVyLCBvdXRsaW5lZCwgZnVsbFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctbGVmdDogXCIsIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIiwgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLCBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICBib3JkZXItcmFkaXVzOiBcIiwgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLWJvdHRvbTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctbGVmdDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYm9yZGVyOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICBib3JkZXItcmFkaXVzOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsIG91dGxpbmVkID8gJ3RyYW5zcGFyZW50JyA6IGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvciwgIW91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykuaW5zZXQsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAuaG9yaXpvbnRhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZFxyXG4gICAgICAgID8gYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuZm9udENvbG9yXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvclxyXG4gICAgICAgIDogJ25vbmUnLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5ib3JkZXJSYWRpdXMsIG91dGxpbmVkXHJcbiAgICAgICAgPyAnbm9uZSdcclxuICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTsgfSxcclxuICAgIGJ1dHRvblRpdGxlOiBmdW5jdGlvbiAoYnV0dG9uRW50aXR5LCBzaXplKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LXNpemU6IFwiLCBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0pKSwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuZm9udFNpemUsIGJ1dHRvbkVudGl0eS5mb250V2VpZ2h0KTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
+var _emotionSourceMap2$q = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3dEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKGJ1dHRvblR5cGUsIGJ1dHRvbkVudGl0eSwgYnV0dG9uU3R5bGUsIHNpemUsIGhvdmVyLCBvdXRsaW5lZCwgZnVsbFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctbGVmdDogXCIsIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIiwgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLCBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICBib3JkZXItcmFkaXVzOiBcIiwgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIDpkaXNhYmxlZCB7XFxuICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgIH1cXG4gICAgfVxcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXRvcDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1yaWdodDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsIG91dGxpbmVkID8gJ3RyYW5zcGFyZW50JyA6IGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvciwgIW91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykuaW5zZXQsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAuaG9yaXpvbnRhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZFxyXG4gICAgICAgID8gYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuZm9udENvbG9yXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvclxyXG4gICAgICAgIDogJ25vbmUnLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5ib3JkZXJSYWRpdXMsIG91dGxpbmVkXHJcbiAgICAgICAgPyAnbm9uZSdcclxuICAgICAgICA6IGJ1dHRvblR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgID8gYnV0dG9uRW50aXR5LmJveFNoYWRvdygnbGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5mb250Q29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSlcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm94U2hhZG93KCd4TGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSksIG91dGxpbmVkXHJcbiAgICAgICAgPyAnbm9uZSdcclxuICAgICAgICA6IGJ1dHRvblR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgID8gYnV0dG9uRW50aXR5LmJveFNoYWRvdygnbGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5mb250Q29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSlcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm94U2hhZG93KCd4TGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSksIGhvdmVyICYmICd0cmFuc2xhdGVZKDNweCknLCBob3ZlciAmJiAnbm9uZScsIGhvdmVyICYmICd0cmFuc2Zvcm0gMC4ycywgYm94LXNoYWRvdyAwLjJzIGVhc2Utb3V0Jyk7IH0sXHJcbiAgICBidXR0b25UaXRsZTogZnVuY3Rpb24gKGJ1dHRvbkVudGl0eSwgc2l6ZSkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZm9udC1zaXplOiBcIiwgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0sIFtcIlxcbiAgICBmb250LXNpemU6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgXCJdKSksIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmZvbnRTaXplLCBidXR0b25FbnRpdHkuZm9udFdlaWdodCk7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
 
-var _emotionSourceMap$D = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLOEciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAoYnV0dG9uVHlwZSwgYnV0dG9uRW50aXR5LCBidXR0b25TdHlsZSwgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIDpkaXNhYmxlZCB7XFxuICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgIH1cXG4gICAgfVxcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXRvcDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1yaWdodDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgZnVsbFdpZHRoICYmICcxMDAlJywgb3V0bGluZWQgPyAndHJhbnNwYXJlbnQnIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCAhb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5pbnNldCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZCAmJlxyXG4gICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgLmhvcml6b250YWwsIG91dGxpbmVkXHJcbiAgICAgICAgPyBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgOiAnbm9uZScsIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmJvcmRlclJhZGl1cywgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uRW50aXR5LmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpLCBob3ZlciAmJiAndHJhbnNsYXRlWSgzcHgpJywgaG92ZXIgJiYgJ25vbmUnLCBob3ZlciAmJiAndHJhbnNmb3JtIDAuMnMsIGJveC1zaGFkb3cgMC4ycyBlYXNlLW91dCcpOyB9LFxyXG4gICAgYnV0dG9uVGl0bGU6IGZ1bmN0aW9uIChidXR0b25FbnRpdHksIHNpemUpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsIFwiO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1zaXplOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSkpLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5mb250U2l6ZSwgYnV0dG9uRW50aXR5LmZvbnRXZWlnaHQpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
+var _emotionSourceMap$D = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLOEciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAoYnV0dG9uVHlwZSwgYnV0dG9uRW50aXR5LCBidXR0b25TdHlsZSwgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcGFkZGluZzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLWxlZnQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgZnVsbFdpZHRoICYmICcxMDAlJywgb3V0bGluZWQgPyAndHJhbnNwYXJlbnQnIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCAhb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5pbnNldCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZCAmJlxyXG4gICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgLmhvcml6b250YWwsIG91dGxpbmVkXHJcbiAgICAgICAgPyBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgOiAnbm9uZScsIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmJvcmRlclJhZGl1cywgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTsgfSxcclxuICAgIGJ1dHRvblRpdGxlOiBmdW5jdGlvbiAoYnV0dG9uRW50aXR5LCBzaXplKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LXNpemU6IFwiLCBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0pKSwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuZm9udFNpemUsIGJ1dHRvbkVudGl0eS5mb250V2VpZ2h0KTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
 var styles$C = {
   buttonStyles: function (buttonType, buttonEntity, buttonStyle, size, hover, outlined, fullWidth) {
-    return /*#__PURE__*/css(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n    font-family: inherit;\n    width: ", ";\n    background: ", ";\n    padding: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    display: flex;\n    justify-content: center;\n    border: ", ";\n    font-size: inherit;\n    line-height: 1.2;\n    border-radius: ", ";\n    cursor: pointer;\n    outline: none;\n    box-shadow: ", ";\n    :disabled {\n      opacity: 0.35;\n      cursor: not-allowed;\n      :hover {\n        box-shadow: none;\n        transform: translateY(0);\n      }\n    }\n    :hover {\n      transform: ", ";\n      box-shadow: ", ";\n      transition: ", ";\n    }\n  " + _emotionSourceMap$D], ["\n    font-family: inherit;\n    width: ", ";\n    background: ", ";\n    padding: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    display: flex;\n    justify-content: center;\n    border: ", ";\n    font-size: inherit;\n    line-height: 1.2;\n    border-radius: ", ";\n    cursor: pointer;\n    outline: none;\n    box-shadow: ", ";\n    :disabled {\n      opacity: 0.35;\n      cursor: not-allowed;\n      :hover {\n        box-shadow: none;\n        transform: translateY(0);\n      }\n    }\n    :hover {\n      transform: ", ";\n      box-shadow: ", ";\n      transition: ", ";\n    }\n  " + _emotionSourceMap$D])), fullWidth && '100%', outlined ? 'transparent' : buttonStyle.backgroundColor, !outlined && computeButtonSizeProperties(size, buttonEntity.sizes).inset, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined ? buttonType === 'shadow' ? buttonEntity.borderSize + " solid " + buttonStyle.fontColor : buttonEntity.borderSize + " solid " + buttonStyle.backgroundColor : 'none', computeButtonSizeProperties(size, buttonEntity.sizes).borderRadius, outlined ? 'none' : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), hover && 'translateY(3px)', hover && 'none', hover && 'transform 0.2s, box-shadow 0.2s ease-out');
+    return /*#__PURE__*/css(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n    font-family: inherit;\n    width: ", ";\n    background: ", ";\n    padding: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    display: flex;\n    justify-content: center;\n    border: ", ";\n    font-size: inherit;\n    line-height: 1.2;\n    border-radius: ", ";\n    cursor: pointer;\n    outline: none;\n    box-shadow: ", ";\n    box-shadow: ", ";\n    :disabled {\n      opacity: 0.35;\n      cursor: not-allowed;\n      :hover {\n        box-shadow: none;\n        transform: translateY(0);\n      }\n    }\n    :hover {\n      transform: ", ";\n      box-shadow: ", ";\n      transition: ", ";\n    }\n  " + _emotionSourceMap$D], ["\n    font-family: inherit;\n    width: ", ";\n    background: ", ";\n    padding: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    display: flex;\n    justify-content: center;\n    border: ", ";\n    font-size: inherit;\n    line-height: 1.2;\n    border-radius: ", ";\n    cursor: pointer;\n    outline: none;\n    box-shadow: ", ";\n    box-shadow: ", ";\n    :disabled {\n      opacity: 0.35;\n      cursor: not-allowed;\n      :hover {\n        box-shadow: none;\n        transform: translateY(0);\n      }\n    }\n    :hover {\n      transform: ", ";\n      box-shadow: ", ";\n      transition: ", ";\n    }\n  " + _emotionSourceMap$D])), fullWidth && '100%', outlined ? 'transparent' : buttonStyle.backgroundColor, !outlined && computeButtonSizeProperties(size, buttonEntity.sizes).inset, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined ? buttonType === 'shadow' ? buttonEntity.borderSize + " solid " + buttonStyle.fontColor : buttonEntity.borderSize + " solid " + buttonStyle.backgroundColor : 'none', computeButtonSizeProperties(size, buttonEntity.sizes).borderRadius, outlined ? 'none' : buttonType === 'shadow' ? buttonEntity.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), outlined ? 'none' : buttonType === 'shadow' ? buttonEntity.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), hover && 'translateY(3px)', hover && 'none', hover && 'transform 0.2s, box-shadow 0.2s ease-out');
   },
   buttonTitle: function (buttonEntity, size) {
     return /*#__PURE__*/css(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    font-size: ", ";\n    font-weight: ", ";\n    white-space: nowrap;\n  " + _emotionSourceMap2$q], ["\n    font-size: ", ";\n    font-weight: ", ";\n    white-space: nowrap;\n  " + _emotionSourceMap2$q])), computeButtonSizeProperties(size, buttonEntity.sizes).fontSize, buttonEntity.fontWeight);
@@ -13820,7 +14149,7 @@ var Slider = function (_a) {
 
   var _e = useEntities(),
       slider = _e.slider,
-      hocs = _e.hocs;
+      icons = _e.icons;
 
   var handleHeight = 18;
   var containerRef = useRef(null);
@@ -13871,7 +14200,7 @@ var Slider = function (_a) {
     flexDirection: "row"
   }, origin === 'center' ? jsx(React.Fragment, null, jsx(Div, {
     css: styles$i.sliderProgress(isDisabled),
-    backgroundColor: hocs.colors.swatches[activeColor].base,
+    backgroundColor: icons.colors[activeColor],
     style: {
       scaleX: progressScaleXLeft,
       position: 'relative',
@@ -13880,7 +14209,7 @@ var Slider = function (_a) {
     transformOrigin: "100% 50%"
   }), jsx(Div, {
     css: styles$i.sliderProgress(isDisabled),
-    backgroundColor: hocs.colors.swatches[activeColor].base,
+    backgroundColor: icons.colors[activeColor],
     style: {
       scaleX: progressScaleXRight,
       position: 'relative',
@@ -13889,7 +14218,7 @@ var Slider = function (_a) {
     transformOrigin: "0% 50%"
   })) : jsx(Div, {
     css: styles$i.sliderProgress(isDisabled),
-    backgroundColor: hocs.colors.swatches[activeColor].base,
+    backgroundColor: icons.colors[activeColor],
     style: {
       scaleX: progressScaleX
     },
@@ -15662,12 +15991,303 @@ var Clipboard = function (_a) {
   })));
 };
 
-var _emotionSourceMap2$a = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHVzZXJDYXJkQ29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0pKSksXHJcbiAgICB1c2VySW5mb0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdLCBbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
-
-var _emotionSourceMap$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHVzZXJDYXJkQ29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0pKSksXHJcbiAgICB1c2VySW5mb0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdLCBbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
-var styles$e = {
-  userCardContainer: /*#__PURE__*/css(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n  ;label:userCardContainer;" + _emotionSourceMap$e], ["\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n  ;label:userCardContainer;" + _emotionSourceMap$e]))),
-  userInfoContainer: /*#__PURE__*/css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    padding-left: 16px;\n  ;label:userInfoContainer;" + _emotionSourceMap2$a], ["\n    padding-left: 16px;\n  ;label:userInfoContainer;" + _emotionSourceMap2$a])))
+var DownloadButton = function (_a) {
+  var buttonProps = _a.buttonProps,
+      href = _a.href,
+      id = _a.id;
+  return jsx(Div, null, jsx(Anchor, {
+    href: href,
+    shouldDownload: true,
+    id: id
+  }, jsx(Button, {
+    type: buttonProps.type,
+    title: buttonProps.title,
+    size: buttonProps.size,
+    onClick: buttonProps.onClick,
+    onMouseEvent: buttonProps.onMouseEvent,
+    disabled: buttonProps.disabled,
+    hover: buttonProps.hover,
+    outlined: buttonProps.outlined,
+    fullWidth: buttonProps.fullWidth,
+    textColorOverride: buttonProps.textColorOverride,
+    disabledCaption: buttonProps.disabledCaption,
+    disabledDirection: buttonProps.disabledDirection
+  })));
+};
+
+var StackedCards = function (_a) {
+  var size = _a.size,
+      _b = _a.stackCount,
+      stackCount = _b === void 0 ? 7 : _b,
+      children = _a.children;
+  var stackCountArr = Array.from(Array(stackCount).keys());
+  var cardPositionStyles = {
+    position: 'absolute',
+    transformOrigin: 'center top'
+  };
+
+  var getDimensionsFromSize = function () {
+    if (typeof size === 'object') {
+      return size;
+    } else {
+      switch (size) {
+        case 'small':
+          return {
+            width: 75,
+            height: 50
+          };
+
+        case 'medium':
+          return {
+            width: 132,
+            height: 95
+          };
+
+        case 'large':
+          return {
+            width: 190,
+            height: 140
+          };
+      }
+    }
+  };
+
+  return jsx(Flex, {
+    position: "relative",
+    justifyContent: 'center',
+    alignContent: "center"
+  }, stackCountArr.map(function (_, index) {
+    var offset = 11 - stackCountArr.length;
+    return jsx(Card, _extends({
+      key: index,
+      backgroundColor: "foreground",
+      style: {
+        padding: 0
+      },
+      width: getDimensionsFromSize().width + "px",
+      height: getDimensionsFromSize().height + "px",
+      transform: "scale(" + (index + offset) / 10 + ") translate(100%, -50%)"
+    }, cardPositionStyles), index === stackCountArr.length - 1 && children);
+  }));
+};
+
+var ConfigurationCard = function (_a) {
+  var _b = _a.graphic,
+      graphic = _b === void 0 ? 'addressed' : _b,
+      _c = _a.title,
+      title = _c === void 0 ? 'Blank Envelopes' : _c,
+      _d = _a.description,
+      description = _d === void 0 ? 'Address and send yourself' : _d,
+      _e = _a.cost,
+      cost = _e === void 0 ? 0.29 : _e,
+      isSelected = _a.isSelected,
+      onSelect = _a.onSelect,
+      _f = _a.layout,
+      layout = _f === void 0 ? 'horizontal' : _f,
+      configurationId = _a.configurationId;
+
+  var handleIsSelected = function () {
+    onSelect(configurationId);
+  };
+
+  return jsx(Flex, {
+    onClick: handleIsSelected,
+    width: layout === 'horizontal' ? '100%' : 'initial',
+    flexDirection: layout === 'vertical' ? 'column' : 'row',
+    position: "relative"
+  }, isSelected && jsx(Div, {
+    right: "x1",
+    position: "absolute",
+    top: "x1"
+  }, jsx(AnimatedCheckMark, null)), jsx(Div, {
+    borderStyle: "solid",
+    borderColor: isSelected ? {
+      swatch: 'success',
+      shade: 'base'
+    } : 'transparent',
+    borderWidth: "default",
+    borderRadius: "default",
+    width: "100%",
+    height: "100%",
+    boxShadow: "mediumDark",
+    inset: {
+      left: 'x2',
+      vertical: 'x4'
+    }
+  }, jsx(Flex, {
+    justifyContent: "space-between",
+    height: "100%"
+  }, jsx(HStack, {
+    justify: "flex-start",
+    gap: "x3"
+  }, jsx(Div, {
+    height: "100%"
+  }, jsx(Card, {
+    width: "75px",
+    height: "50px"
+  }, graphic)), jsx(Div, null, jsx(Text, {
+    weight: "bold",
+    type: "largeBody"
+  }, title, jsx(Text, {
+    type: "footnote"
+  }, description)))), jsx(Div, {
+    outset: "x2",
+    position: "relative",
+    justifyContent: "flex-end"
+  }, cost && jsx(Div, {
+    width: "100%"
+  }, jsx(Text, {
+    type: "caption"
+  }, "$", cost, " per envelope"))))));
+};
+
+var QuantitySlider = function (_a) {
+  var quantity = _a.quantity,
+      min = _a.min,
+      max = _a.max,
+      setQuantity = _a.setQuantity,
+      salePrice = _a.salePrice,
+      unitPrice = _a.unitPrice,
+      sliderFill = _a.sliderFill,
+      quantityDescription = _a.quantityDescription,
+      width = _a.width;
+  return jsx(Div, null, jsx(Text, {
+    type: "subtitle",
+    weight: "bold",
+    color: "primaryHeading",
+    content: quantity + " " + quantityDescription,
+    alignment: "center",
+    style: {
+      letterSpacing: '1px'
+    }
+  }), salePrice ? jsx(React.Fragment, null, jsx(Text, {
+    type: "caption",
+    color: "primaryHeading",
+    content: "Sale",
+    alignment: "center",
+    style: {
+      letterSpacing: '1px'
+    }
+  }), jsx(Flex, {
+    justifyContent: "center"
+  }, jsx(Spacer, {
+    orientation: "horizontal",
+    space: "x1"
+  }), jsx(Text, {
+    type: "caption",
+    color: "primaryHeading",
+    weight: "semiBold",
+    content: "$" + (unitPrice === null || unitPrice === void 0 ? void 0 : unitPrice.toFixed(2)),
+    isStrikeThrough: true,
+    alignment: "center",
+    style: {
+      letterSpacing: '1px'
+    }
+  }), jsx(Spacer, {
+    orientation: "horizontal",
+    space: "x1"
+  }), jsx(Text, {
+    type: "largeBody",
+    color: "danger",
+    weight: "bold",
+    content: "$" + salePrice.toFixed(2) + " /each",
+    style: {
+      letterSpacing: '1px'
+    }
+  }))) : jsx(Text, {
+    type: "body",
+    color: "primaryHeading",
+    weight: "semiBold",
+    content: "$" + (unitPrice === null || unitPrice === void 0 ? void 0 : unitPrice.toFixed(2)) + " /each",
+    alignment: "center",
+    style: {
+      letterSpacing: '1px'
+    }
+  }), jsx(Slider, {
+    min: min,
+    max: max,
+    value: quantity,
+    setValue: function (quantity) {
+      return setQuantity(quantity);
+    },
+    width: width,
+    activeColor: sliderFill
+  }));
+};
+
+var convertTextColorToIconColor = function (textColor) {
+  switch (textColor) {
+    case 'primaryBody':
+      return 'primaryBodyText';
+
+    case 'primaryHeading':
+      return 'primaryHeadingText';
+
+    case 'inverseBody':
+      return 'inverseBodyText';
+
+    case 'inverseHeading':
+      return 'inverseHeadingText';
+
+    default:
+      return textColor;
+  }
+};
+
+var FeatureBadge = function (_a) {
+  var title = _a.title,
+      _b = _a.backgroundColor,
+      backgroundColor = _b === void 0 ? 'success' : _b,
+      _c = _a.color,
+      color = _c === void 0 ? 'inverseBody' : _c,
+      size = _a.size,
+      icon = _a.icon,
+      onClick = _a.onClick;
+  var hocs = useEntities().hocs;
+  return jsx(Flex, {
+    backgroundColor: hocs.colors.swatches[backgroundColor].base,
+    inset: icon ? {
+      left: 'x1',
+      vertical: 'x1',
+      right: 'x2'
+    } : 'x2',
+    borderRadius: "medium",
+    style: {
+      display: 'inline-flex'
+    },
+    justifyContent: "flex-start",
+    alignItems: "center",
+    onClick: onClick,
+    cursor: onClick ? 'pointer' : 'initial'
+  }, icon && jsx(Div, {
+    alignItems: "center",
+    style: {
+      lineHeight: 0
+    },
+    inset: {
+      right: 'x1'
+    }
+  }, jsx(Icon, {
+    name: icon,
+    primaryColor: convertTextColorToIconColor(color),
+    size: size !== null && size !== void 0 ? size : 'small'
+  })), jsx(Text, {
+    style: {
+      lineHeight: 0,
+      letterSpacing: 0.5
+    },
+    type: "caption",
+    color: color,
+    weight: "bold"
+  }, title));
+};
+
+var _emotionSourceMap2$a = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHVzZXJDYXJkQ29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0pKSksXHJcbiAgICB1c2VySW5mb0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdLCBbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
+
+var _emotionSourceMap$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHVzZXJDYXJkQ29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBcIl0pKSksXHJcbiAgICB1c2VySW5mb0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdLCBbXCJcXG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xcbiAgXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
+var styles$e = {
+  userCardContainer: /*#__PURE__*/css(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n  ;label:userCardContainer;" + _emotionSourceMap$e], ["\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n  ;label:userCardContainer;" + _emotionSourceMap$e]))),
+  userInfoContainer: /*#__PURE__*/css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    padding-left: 16px;\n  ;label:userInfoContainer;" + _emotionSourceMap2$a], ["\n    padding-left: 16px;\n  ;label:userInfoContainer;" + _emotionSourceMap2$a])))
 };
 var templateObject_1$e, templateObject_2$a;
 
@@ -19571,24 +20191,34 @@ var InviteCard = function (_a) {
 
 var PromotionWidget = function (_a) {
   var title = _a.title,
+      capsuleTitle = _a.capsuleTitle,
       description = _a.description,
       primaryAction = _a.primaryAction,
       _b = _a.minWidth,
       minWidth = _b === void 0 ? '320px' : _b,
       _c = _a.width,
-      width = _c === void 0 ? '100%' : _c;
+      width = _c === void 0 ? '100%' : _c,
+      type = _a.type,
+      children = _a.children,
+      _d = _a.backgroundColor,
+      backgroundColor = _d === void 0 ? 'background' : _d;
+  var widget = useEntities().widget;
+  var widgetProperties = widget[type];
   return jsx(Card, {
     display: "flex",
     justifyItems: "start",
     borderRadius: "default",
-    backgroundColor: "background",
+    backgroundColor: backgroundColor,
     inset: "x4",
     width: width,
     minWidth: minWidth
   }, jsx(VStack, {
     gap: "x3"
   }, jsx(Flex, null, jsx(Capsule, {
-    title: "New"
+    title: capsuleTitle,
+    backgrounColor: widgetProperties.backgroundColor,
+    fontColor: widgetProperties.fontColor,
+    boxShadow: type === 'shadow' ? 'mediumLight' : undefined
   })), jsx(Div, {
     width: "100%"
   }, jsx(Text, {
@@ -19604,50 +20234,6 @@ var PromotionWidget = function (_a) {
     type: "caption"
   }, description)), jsx(Flex, {
     justifyContent: "flex-start"
-  }, jsx(Button, {
-    type: "success",
-    onClick: function () {
-      return primaryAction.onClick();
-    }
-  }, primaryAction.title))));
-};
-
-var Widget = function (_a) {
-  var title = _a.title,
-      description = _a.description,
-      primaryAction = _a.primaryAction,
-      _b = _a.minWidth,
-      minWidth = _b === void 0 ? '320px' : _b,
-      _c = _a.width,
-      width = _c === void 0 ? '100%' : _c,
-      _d = _a.tag,
-      tag = _d === void 0 ? 'New' : _d,
-      children = _a.children;
-  return jsx(Card, {
-    display: "flex",
-    justifyItems: "start",
-    borderRadius: "default",
-    backgroundColor: "foreground",
-    inset: "x4",
-    width: width,
-    minWidth: minWidth
-  }, jsx(VStack, {
-    gap: "x3"
-  }, jsx(Flex, null, jsx(Capsule, {
-    title: tag,
-    makeBlue: true
-  })), jsx(Div, {
-    width: "100%"
-  }, jsx(Text, {
-    weight: "bold",
-    type: "subtitle"
-  }, title)), jsx(Div, {
-    width: "100%",
-    flexWrap: "wrap"
-  }, jsx(Text, {
-    type: "caption"
-  }, description)), jsx(Flex, {
-    justifyContent: "flex-start"
   }, primaryAction && jsx(Button, {
     type: "success",
     onClick: function () {
@@ -19994,22 +20580,236 @@ var AffiliateUpsalePromotionWidget = function (_a) {
       title: getContent(type).buttonTitle,
       onClick: getContent(type).buttonOnclick
     },
+    capsuleTitle: "New",
     width: width,
-    minWidth: minWidth
+    minWidth: minWidth,
+    type: "success"
   });
 };
 
 var AffiliateShareWidget = function (_a) {
   var shareLink = _a.shareLink;
-  return jsx(Widget, {
-    tag: "share",
+  return jsx(PromotionWidget, {
+    capsuleTitle: "Share",
     title: "Share the $97 Postcard Program",
-    description: ""
+    type: "secondary",
+    description: "",
+    backgroundColor: "foreground"
   }, jsx(Clipboard, {
     copyText: shareLink
   }));
 };
 
+var BulkSend = function (_a) {
+  var quantity = _a.quantity,
+      setQuantity = _a.setQuantity,
+      quantityDescription = _a.quantityDescription,
+      minQuantity = _a.minQuantity,
+      maxQuantity = _a.maxQuantity,
+      sliderFill = _a.sliderFill,
+      sliderWidth = _a.sliderWidth,
+      unitPrice = _a.unitPrice,
+      salePrice = _a.salePrice,
+      title = _a.title,
+      description = _a.description,
+      configurationListTitle = _a.configurationListTitle,
+      configurationListSubtitle = _a.configurationListSubtitle,
+      configurationListTag = _a.configurationListTag,
+      configurationList = _a.configurationList,
+      activeConfigurationId = _a.activeConfigurationId,
+      setActiveConfigurationId = _a.setActiveConfigurationId,
+      isActive = _a.isActive,
+      setIsActive = _a.setIsActive,
+      addDialog = _a.addDialog,
+      removeDialog = _a.removeDialog;
+
+  var _b = React.useState(false),
+      isAddDialogOpen = _b[0],
+      setIsAddDialogOpen = _b[1];
+
+  var _c = React.useState(false),
+      isRemoveDialogOpen = _c[0],
+      setIsRemoveDialogOpen = _c[1];
+
+  var clearBulkOption = function () {
+    setActiveConfigurationId('');
+    setIsActive(false);
+  };
+
+  var handleSetRemoveDialog = function () {
+    setIsRemoveDialogOpen(true);
+  };
+
+  var handleSetAddDialog = function () {
+    setIsAddDialogOpen(true);
+  };
+
+  return jsx(Flex, {
+    inset: "x3",
+    flexDirection: {
+      xSmall: 'column',
+      medium: 'row'
+    }
+  }, isAddDialogOpen && addDialog ? jsx(ConfirmDialog, {
+    title: addDialog === null || addDialog === void 0 ? void 0 : addDialog.title,
+    description: addDialog.description,
+    isOpen: true,
+    accept: {
+      title: addDialog.accept.title,
+      onClick: function () {
+        setIsActive(true);
+        setIsAddDialogOpen(false);
+        addDialog.accept.onClick();
+      }
+    },
+    decline: {
+      title: 'Cancel',
+      onClick: function () {
+        setIsAddDialogOpen(false);
+      }
+    },
+    requireScroll: false
+  }) : isRemoveDialogOpen && removeDialog ? jsx(ConfirmDialog, {
+    title: removeDialog === null || removeDialog === void 0 ? void 0 : removeDialog.title,
+    description: removeDialog === null || removeDialog === void 0 ? void 0 : removeDialog.description,
+    isOpen: true,
+    accept: {
+      title: removeDialog.accept.title,
+      onClick: function () {
+        clearBulkOption();
+        removeDialog.accept.onClick();
+        setIsRemoveDialogOpen(false);
+      }
+    },
+    decline: {
+      title: 'Cancel',
+      onClick: function () {
+        return setIsRemoveDialogOpen(false);
+      }
+    },
+    requireScroll: false
+  }) : undefined, jsx(Flex, {
+    width: {
+      xSmall: '100%',
+      medium: '50%'
+    },
+    flexDirection: "column",
+    outset: {
+      top: {
+        xSmall: 'x4',
+        medium: 'x0'
+      }
+    },
+    order: {
+      xSmall: 2,
+      medium: 0
+    }
+  }, jsx(Div, {
+    outset: {
+      bottom: 'x3'
+    }
+  }, jsx(Text, {
+    type: {
+      xSmall: 'largeBody',
+      medium: 'subtitle',
+      large: 'title'
+    },
+    weight: "bold",
+    color: "primaryHeading",
+    content: title
+  }), jsx(Text, {
+    type: {
+      xSmall: 'caption',
+      medium: 'body',
+      large: 'largeBody'
+    },
+    content: description
+  })), isActive && jsx(Flex, {
+    flexDirection: "column",
+    maxWidth: "450px"
+  }, jsx(Div, {
+    outset: {
+      bottom: 'x3'
+    }
+  }, configurationListTag && jsx(Text, {
+    type: "caption",
+    color: "secondaryBrand",
+    weight: "semiBold",
+    content: configurationListTag
+  }), jsx(Text, {
+    type: {
+      xSmall: 'largeBody',
+      medium: 'subtitle',
+      large: 'title'
+    },
+    weight: "bold",
+    color: "primaryHeading",
+    content: configurationListTitle,
+    lineHeight: 1.4,
+    outset: {
+      bottom: 'x1'
+    }
+  }), jsx(Text, {
+    type: {
+      xSmall: 'caption',
+      medium: 'body',
+      large: 'largeBody'
+    },
+    content: configurationListSubtitle
+  })), configurationList.map(function (config, index) {
+    return jsx(React.Fragment, null, jsx(ConfigurationCard, {
+      key: index,
+      graphic: config.graphicType,
+      title: config.configurationTitle,
+      configurationId: config.configurationId,
+      description: config.configurationDescription,
+      onSelect: function () {
+        setActiveConfigurationId(config.configurationId);
+      },
+      isSelected: config.configurationId === activeConfigurationId,
+      cost: config.configurationPrice
+    }), jsx(Spacer, {
+      orientation: "vertical",
+      space: "x2"
+    }));
+  }))), jsx(Flex, {
+    width: {
+      xSmall: '100%',
+      medium: '50%'
+    },
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column",
+    order: {
+      xSmall: 1,
+      medium: 0
+    }
+  }, jsx(Flex, null, jsx(QuantitySlider, {
+    unitPrice: unitPrice,
+    salePrice: salePrice,
+    quantityDescription: quantityDescription,
+    min: minQuantity,
+    width: sliderWidth,
+    max: maxQuantity,
+    quantity: quantity,
+    setQuantity: function (quantity) {
+      return setQuantity(quantity);
+    },
+    sliderFill: sliderFill
+  })), jsx(Flex, {
+    outset: {
+      top: 'x4'
+    }
+  }, jsx(Button, {
+    type: "secondary",
+    size: "medium",
+    title: isActive ? 'Remove Bulk Option' : 'Add Bulk Option',
+    onClick: isActive ? handleSetRemoveDialog : handleSetAddDialog,
+    fullWidth: true,
+    outlined: true
+  }))));
+};
+
 var useColorSwatch = function () {
   var hocs = useEntities().hocs;
   var colors = hocs.colors;
@@ -20034,4 +20834,4 @@ var useColorSwatch = function () {
   };
 };
 
-export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, AffiliateUpsalePromotionWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, Div, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, Flex, Grid, GridItem, HStack, Icon, IconLink, Image, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StaticNavigation, Stepper, Stoplight, SubNavigation, Tab, Table, TableRow, Tabs, Text, Todo, Toggle, Tooltip, Transition, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Widget, 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, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, Tab, Table, TableRow, Tabs, Text, Todo, Toggle, Tooltip, Transition, 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 };