@sendoutcards/quantum-design-ui 1.7.71 → 1.7.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -805,7 +805,6 @@ var card$8 = {
805
805
  };
806
806
  var dialog$8 = {
807
807
  backgroundColor: concepts$8.colors.foreground,
808
- borderRadius: concepts$8.radius.default,
809
808
  boxShadow: concepts$8.shadows.mediumDark,
810
809
  defaultInset: spacing$8.x6 + " " + spacing$8.x4 + " " + spacing$8.x4 + " " + spacing$8.x4
811
810
  };
@@ -6949,14 +6948,14 @@ var Close = function (_a) {
6949
6948
  strokeLinejoin: "round",
6950
6949
  strokeLinecap: "round",
6951
6950
  strokeMiterlimit: "10",
6952
- strokeWidth: "2",
6951
+ strokeWidth: "2.5",
6953
6952
  stroke: getIconColor(primaryColor, entity),
6954
6953
  d: "M2 2L22 22"
6955
6954
  }), jsx("path", {
6956
6955
  strokeLinejoin: "round",
6957
6956
  strokeLinecap: "round",
6958
6957
  strokeMiterlimit: "10",
6959
- strokeWidth: "2",
6958
+ strokeWidth: "2.5",
6960
6959
  stroke: getIconColor(primaryColor, entity),
6961
6960
  d: "M22 2L2 22"
6962
6961
  }));
@@ -10849,6 +10848,28 @@ var Home = function (_a) {
10849
10848
  }));
10850
10849
  };
10851
10850
 
10851
+ var Bag = function (_a) {
10852
+ var primaryColor = _a.primaryColor,
10853
+ onClick = _a.onClick,
10854
+ size = _a.size,
10855
+ entity = _a.entity;
10856
+ return jsx("svg", {
10857
+ xmlns: "http://www.w3.org/2000/svg",
10858
+ width: getIconSize(size, entity),
10859
+ height: getIconSize(size, entity),
10860
+ onClick: onClick && function () {
10861
+ return onClick();
10862
+ },
10863
+ viewBox: "0 0 24 24"
10864
+ }, jsx("path", {
10865
+ d: "M 6 8.318 C 6.415 8.318 6.75 8.623 6.75 9 C 6.75 10.13 7.758 11.045 9 11.045 C 10.243 11.045 11.25 10.13 11.25 9 C 11.25 8.623 11.586 8.318 12 8.318 C 12.415 8.318 12.75 8.623 12.75 9 C 12.75 10.883 11.071 12.409 9 12.409 C 6.929 12.409 5.25 10.883 5.25 9 C 5.25 8.623 5.586 8.318 6 8.318 Z",
10866
+ fill: getIconColor(primaryColor, entity)
10867
+ }), jsx("path", {
10868
+ d: "M 12.75 5.591 L 14.354 5.591 C 15.534 5.591 16.514 6.42 16.598 7.491 L 17.019 12.848 C 17.174 14.821 15.455 16.5 13.278 16.5 L 4.722 16.5 C 2.546 16.5 0.827 14.821 0.982 12.848 L 1.403 7.491 C 1.487 6.42 2.467 5.591 3.647 5.591 L 5.25 5.591 L 5.25 4.909 C 5.25 3.026 6.929 1.5 9 1.5 C 11.071 1.5 12.75 3.026 12.75 4.909 Z M 6.75 5.591 L 11.25 5.591 L 11.25 4.909 C 11.25 3.779 10.243 2.864 9 2.864 C 7.758 2.864 6.75 3.779 6.75 4.909 Z M 3.647 6.954 C 3.254 6.954 2.927 7.231 2.899 7.588 L 2.478 12.945 C 2.385 14.129 3.416 15.136 4.722 15.136 L 13.278 15.136 C 14.584 15.136 15.616 14.129 15.523 12.945 L 15.102 7.588 C 15.074 7.231 14.747 6.954 14.354 6.954 Z",
10869
+ fill: getIconColor(primaryColor, entity)
10870
+ }));
10871
+ };
10872
+
10852
10873
  var Icon = function (_a) {
10853
10874
  var primaryColor = _a.primaryColor,
10854
10875
  secondaryColor = _a.secondaryColor,
@@ -11243,6 +11264,9 @@ var Icon = function (_a) {
11243
11264
 
11244
11265
  case 'home':
11245
11266
  return jsx(Home, props);
11267
+
11268
+ case 'bag':
11269
+ return jsx(Bag, props);
11246
11270
  }
11247
11271
  };
11248
11272
 
@@ -12533,13 +12557,13 @@ var computeButtonSizeProperties = function (size, sizeMap) {
12533
12557
  return mapSizeType(size, sizeMap);
12534
12558
  };
12535
12559
 
12536
- var _emotionSourceMap2$s = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRHNGIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKHR5cGUsIGJ1dHRvblN0eWxlLCBlbnRpdGllcywgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHtcclxuICAgICAgICB2YXIgcGFkZGluZyA9IG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgICAgIC52ZXJ0aWNhbFxyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgICAgID8gc2l6ZSA9PT0gJ3hTbWFsbCdcclxuICAgICAgICAgICAgICAgICAgICA/ICc0LjI1cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgOiBzaXplID09PSAnc21hbGwnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gJzYuNXB4J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHNpemUgPT09ICdtZWRpdW0nXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICczLjc1cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHNpemUgPT09ICdsYXJnZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICc5cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnMjAuMjVweCdcclxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkO1xyXG4gICAgICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgICBjb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB3aWR0aDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLXRvcDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1yaWdodDogXCIsIFwiO1xcbiAgICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgIDpkaXNhYmxlZCB7XFxuICAgICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICAgIDpob3ZlciB7XFxuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICAgIH1cXG4gICAgICB9XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICAgIH1cXG4gICAgXCJdLCBbXCJcXG4gICAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgICAgY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nOiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLWJvdHRvbTogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctbGVmdDogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIHBhZGRpbmctcmlnaHQ6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICA6ZGlzYWJsZWQge1xcbiAgICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgICA6aG92ZXIge1xcbiAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgICB9XFxuICAgICAgfVxcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgICB9XFxuICAgIFwiXSkpLCBvdXRsaW5lZCA/ICd0cmFuc3BhcmVudCcgOiBidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IsIGJ1dHRvblN0eWxlLmZvbnRDb2xvciwgb3V0bGluZWRcclxuICAgICAgICAgICAgPyB0eXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmZvbnRDb2xvclxyXG4gICAgICAgICAgICAgICAgOiBlbnRpdGllcy5idXR0b25zLmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvclxyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgICAgID8gZW50aXRpZXMuYnV0dG9ucy5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBlbnRpdGllcy5ob2NzLmNvbG9ycy5zd2F0Y2hlcy5ncmF5U2NhbGUuXzEwMDBcclxuICAgICAgICAgICAgICAgIDogJ25vbmUnLCBvdXRsaW5lZFxyXG4gICAgICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgICAgICA/IGVudGl0aWVzLmJ1dHRvbnMuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICAgICAgOiBlbnRpdGllcy5idXR0b25zLmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpLCBmdWxsV2lkdGggJiYgJzEwMCUnLCAhb3V0bGluZWQgJiZcclxuICAgICAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpLmluc2V0LCBwYWRkaW5nLCBwYWRkaW5nLCBvdXRsaW5lZFxyXG4gICAgICAgICAgICA/IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBlbnRpdGllcy5idXR0b25zLnNpemVzKVxyXG4gICAgICAgICAgICAgICAgLm91dGxpbmVkSW5zZXQudmVydGljYWxcclxuICAgICAgICAgICAgOiB0eXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgICAgICA/ICcxNnB4J1xyXG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWQsIG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpXHJcbiAgICAgICAgICAgICAgICAub3V0bGluZWRJbnNldC52ZXJ0aWNhbFxyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgICAgID8gJzI0cHgnXHJcbiAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpXHJcbiAgICAgICAgICAgIC5ib3JkZXJSYWRpdXMsIGhvdmVyICYmICd0cmFuc2xhdGVZKDNweCknLCBob3ZlciAmJiAnbm9uZScsIGhvdmVyICYmICd0cmFuc2Zvcm0gMC4ycywgYm94LXNoYWRvdyAwLjJzIGVhc2Utb3V0Jyk7XHJcbiAgICB9LFxyXG4gICAgYnV0dG9uVGl0bGU6IGZ1bmN0aW9uICh0eXBlLCBidXR0b25FbnRpdHksIHNpemUsIHRleHRFbnRpdHksIGZvbnRXZWlnaHQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICBmb250LXNpemU6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICBmb250LXNpemU6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgICBmb250LXdlaWdodDogXCIsXHJcbiAgICAgICAgXCI7XFxuICBcIl0pKSwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuZm9udFNpemUsIGZvbnRXZWlnaHRcclxuICAgICAgICA/IHRleHRFbnRpdHkud2VpZ2h0c1tmb250V2VpZ2h0XVxyXG4gICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICA/IHRleHRFbnRpdHkud2VpZ2h0cy5ib2xkXHJcbiAgICAgICAgICAgIDogdGV4dEVudGl0eS53ZWlnaHRzLnJlZ3VsYXIpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
12560
+ var _emotionSourceMap2$s = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRHNGIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKHR5cGUsIGJ1dHRvblN0eWxlLCBlbnRpdGllcywgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgsIGJhY2tncm91bmRDb2xvck92ZXJyaWRlKSB7XHJcbiAgICAgICAgdmFyIHBhZGRpbmcgPSBvdXRsaW5lZFxyXG4gICAgICAgICAgICA/IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBlbnRpdGllcy5idXR0b25zLnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgICAgICAudmVydGljYWxcclxuICAgICAgICAgICAgOiB0eXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgICAgICA/IHNpemUgPT09ICd4U21hbGwnXHJcbiAgICAgICAgICAgICAgICAgICAgPyAnNC4yNXB4J1xyXG4gICAgICAgICAgICAgICAgICAgIDogc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICc2LjVweCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBzaXplID09PSAnbWVkaXVtJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMy43NXB4J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBzaXplID09PSAnbGFyZ2UnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnOXB4J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJzIwLjI1cHgnXHJcbiAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZDtcclxuICAgICAgICByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgICAgY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXI6IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLWJvdHRvbTogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctbGVmdDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICA6ZGlzYWJsZWQge1xcbiAgICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgICA6aG92ZXIge1xcbiAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgICB9XFxuICAgICAgfVxcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgICB9XFxuICAgIFwiXSwgW1wiXFxuICAgICAgYmFja2dyb3VuZDogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIGNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyOiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZzogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLWxlZnQ6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBwYWRkaW5nLXJpZ2h0OiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgZGlzcGxheTogZmxleDtcXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgICBib3JkZXItcmFkaXVzOiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICAgIG91dGxpbmU6IG5vbmU7XFxuICAgICAgOmRpc2FibGVkIHtcXG4gICAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgICAgOmhvdmVyIHtcXG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgICAgfVxcbiAgICAgIH1cXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgICAgfVxcbiAgICBcIl0pKSwgb3V0bGluZWRcclxuICAgICAgICAgICAgPyAndHJhbnNwYXJlbnQnXHJcbiAgICAgICAgICAgIDogYmFja2dyb3VuZENvbG9yT3ZlcnJpZGVcclxuICAgICAgICAgICAgICAgID8gYmFja2dyb3VuZENvbG9yT3ZlcnJpZGVcclxuICAgICAgICAgICAgICAgIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCBidXR0b25TdHlsZS5mb250Q29sb3IsIG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gYmFja2dyb3VuZENvbG9yT3ZlcnJpZGVcclxuICAgICAgICAgICAgICAgID8gZW50aXRpZXMuYnV0dG9ucy5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBiYWNrZ3JvdW5kQ29sb3JPdmVycmlkZVxyXG4gICAgICAgICAgICAgICAgOiB0eXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICAgICAgICAgID8gZW50aXRpZXMuYnV0dG9ucy5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgICAgICAgICA6IGVudGl0aWVzLmJ1dHRvbnMuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGVudGl0aWVzLmhvY3MuY29sb3JzLnN3YXRjaGVzLmdyYXlTY2FsZS5fMTAwMFxyXG4gICAgICAgICAgICAgICAgOiAnbm9uZScsIG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgICAgIDogYmFja2dyb3VuZENvbG9yT3ZlcnJpZGVcclxuICAgICAgICAgICAgICAgID8gZW50aXRpZXMuYnV0dG9ucy5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJhY2tncm91bmRDb2xvck92ZXJyaWRlKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgICAgICAgICA6IHR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJveFNoYWRvdygnbGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5mb250Q29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSlcclxuICAgICAgICAgICAgICAgICAgICA6IGVudGl0aWVzLmJ1dHRvbnMuYm94U2hhZG93KCd4TGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsICFvdXRsaW5lZCAmJlxyXG4gICAgICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcykuaW5zZXQsIHBhZGRpbmcsIHBhZGRpbmcsIG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpXHJcbiAgICAgICAgICAgICAgICAub3V0bGluZWRJbnNldC52ZXJ0aWNhbFxyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgICAgID8gJzE2cHgnXHJcbiAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCwgb3V0bGluZWRcclxuICAgICAgICAgICAgPyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcylcclxuICAgICAgICAgICAgICAgIC5vdXRsaW5lZEluc2V0LnZlcnRpY2FsXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICAgICAgPyAnMjRweCdcclxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcylcclxuICAgICAgICAgICAgLmJvcmRlclJhZGl1cywgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTtcclxuICAgIH0sXHJcbiAgICBidXR0b25UaXRsZTogZnVuY3Rpb24gKHR5cGUsIGJ1dHRvbkVudGl0eSwgc2l6ZSwgdGV4dEVudGl0eSwgZm9udFdlaWdodCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIGZvbnQtc2l6ZTogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gIFwiXSkpLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5mb250U2l6ZSwgZm9udFdlaWdodFxyXG4gICAgICAgID8gdGV4dEVudGl0eS53ZWlnaHRzW2ZvbnRXZWlnaHRdXHJcbiAgICAgICAgOiB0eXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgID8gdGV4dEVudGl0eS53ZWlnaHRzLmJvbGRcclxuICAgICAgICAgICAgOiB0ZXh0RW50aXR5LndlaWdodHMucmVndWxhcik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
12537
12561
 
12538
- var _emotionSourceMap$K = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAodHlwZSwgYnV0dG9uU3R5bGUsIGVudGl0aWVzLCBzaXplLCBob3Zlciwgb3V0bGluZWQsIGZ1bGxXaWR0aCkge1xyXG4gICAgICAgIHZhciBwYWRkaW5nID0gb3V0bGluZWRcclxuICAgICAgICAgICAgPyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAgICAgLnZlcnRpY2FsXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICAgICAgPyBzaXplID09PSAneFNtYWxsJ1xyXG4gICAgICAgICAgICAgICAgICAgID8gJzQuMjVweCdcclxuICAgICAgICAgICAgICAgICAgICA6IHNpemUgPT09ICdzbWFsbCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnNi41cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogc2l6ZSA9PT0gJ21lZGl1bSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJzMuNzVweCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogc2l6ZSA9PT0gJ2xhcmdlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJzlweCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICcyMC4yNXB4J1xyXG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWQ7XHJcbiAgICAgICAgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICAgIGNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZzogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLWxlZnQ6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLXJpZ2h0OiBcIiwgXCI7XFxuICAgICAgZGlzcGxheTogZmxleDtcXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgICBib3JkZXItcmFkaXVzOiBcIiwgXCI7XFxuICAgICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICAgIG91dGxpbmU6IG5vbmU7XFxuICAgICAgOmRpc2FibGVkIHtcXG4gICAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgICAgOmhvdmVyIHtcXG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgICAgfVxcbiAgICAgIH1cXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgICAgfVxcbiAgICBcIl0sIFtcIlxcbiAgICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgICBjb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlcjogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICB3aWR0aDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmc6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBwYWRkaW5nLXRvcDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1sZWZ0OiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgcGFkZGluZy1yaWdodDogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgIDpkaXNhYmxlZCB7XFxuICAgICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICAgIDpob3ZlciB7XFxuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICAgIH1cXG4gICAgICB9XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICAgIH1cXG4gICAgXCJdKSksIG91dGxpbmVkID8gJ3RyYW5zcGFyZW50JyA6IGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvciwgYnV0dG9uU3R5bGUuZm9udENvbG9yLCBvdXRsaW5lZFxyXG4gICAgICAgICAgICA/IHR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgICAgICA/IGVudGl0aWVzLmJ1dHRvbnMuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuZm9udENvbG9yXHJcbiAgICAgICAgICAgICAgICA6IGVudGl0aWVzLmJ1dHRvbnMuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGVudGl0aWVzLmhvY3MuY29sb3JzLnN3YXRjaGVzLmdyYXlTY2FsZS5fMTAwMFxyXG4gICAgICAgICAgICAgICAgOiAnbm9uZScsIG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgICAgID8gZW50aXRpZXMuYnV0dG9ucy5ib3hTaGFkb3coJ2xpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuZm9udENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgICAgICAgICA6IGVudGl0aWVzLmJ1dHRvbnMuYm94U2hhZG93KCd4TGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsICFvdXRsaW5lZCAmJlxyXG4gICAgICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcykuaW5zZXQsIHBhZGRpbmcsIHBhZGRpbmcsIG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpXHJcbiAgICAgICAgICAgICAgICAub3V0bGluZWRJbnNldC52ZXJ0aWNhbFxyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgICAgID8gJzE2cHgnXHJcbiAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCwgb3V0bGluZWRcclxuICAgICAgICAgICAgPyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcylcclxuICAgICAgICAgICAgICAgIC5vdXRsaW5lZEluc2V0LnZlcnRpY2FsXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICAgICAgPyAnMjRweCdcclxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcylcclxuICAgICAgICAgICAgLmJvcmRlclJhZGl1cywgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTtcclxuICAgIH0sXHJcbiAgICBidXR0b25UaXRsZTogZnVuY3Rpb24gKHR5cGUsIGJ1dHRvbkVudGl0eSwgc2l6ZSwgdGV4dEVudGl0eSwgZm9udFdlaWdodCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIGZvbnQtc2l6ZTogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gIFwiXSkpLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5mb250U2l6ZSwgZm9udFdlaWdodFxyXG4gICAgICAgID8gdGV4dEVudGl0eS53ZWlnaHRzW2ZvbnRXZWlnaHRdXHJcbiAgICAgICAgOiB0eXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgID8gdGV4dEVudGl0eS53ZWlnaHRzLmJvbGRcclxuICAgICAgICAgICAgOiB0ZXh0RW50aXR5LndlaWdodHMucmVndWxhcik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
12562
+ var _emotionSourceMap$K = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAodHlwZSwgYnV0dG9uU3R5bGUsIGVudGl0aWVzLCBzaXplLCBob3Zlciwgb3V0bGluZWQsIGZ1bGxXaWR0aCwgYmFja2dyb3VuZENvbG9yT3ZlcnJpZGUpIHtcclxuICAgICAgICB2YXIgcGFkZGluZyA9IG91dGxpbmVkXHJcbiAgICAgICAgICAgID8gY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGVudGl0aWVzLmJ1dHRvbnMuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgICAgIC52ZXJ0aWNhbFxyXG4gICAgICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgICAgID8gc2l6ZSA9PT0gJ3hTbWFsbCdcclxuICAgICAgICAgICAgICAgICAgICA/ICc0LjI1cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgOiBzaXplID09PSAnc21hbGwnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gJzYuNXB4J1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHNpemUgPT09ICdtZWRpdW0nXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICczLjc1cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHNpemUgPT09ICdsYXJnZSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICc5cHgnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnMjAuMjVweCdcclxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkO1xyXG4gICAgICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgICBjb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB3aWR0aDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLXRvcDogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgICAgcGFkZGluZy1yaWdodDogXCIsIFwiO1xcbiAgICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgICBvdXRsaW5lOiBub25lO1xcbiAgICAgIDpkaXNhYmxlZCB7XFxuICAgICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICAgIDpob3ZlciB7XFxuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICAgIH1cXG4gICAgICB9XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICAgIH1cXG4gICAgXCJdLCBbXCJcXG4gICAgICBiYWNrZ3JvdW5kOiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nOiBcIixcclxuICAgICAgICAgICAgXCI7XFxuICAgICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgICBwYWRkaW5nLWJvdHRvbTogXCIsIFwiO1xcbiAgICAgIHBhZGRpbmctbGVmdDogXCIsXHJcbiAgICAgICAgICAgIFwiO1xcbiAgICAgIHBhZGRpbmctcmlnaHQ6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgICAgICBcIjtcXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgICAgb3V0bGluZTogbm9uZTtcXG4gICAgICA6ZGlzYWJsZWQge1xcbiAgICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgICA6aG92ZXIge1xcbiAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgICB9XFxuICAgICAgfVxcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgICB9XFxuICAgIFwiXSkpLCBvdXRsaW5lZFxyXG4gICAgICAgICAgICA/ICd0cmFuc3BhcmVudCdcclxuICAgICAgICAgICAgOiBiYWNrZ3JvdW5kQ29sb3JPdmVycmlkZVxyXG4gICAgICAgICAgICAgICAgPyBiYWNrZ3JvdW5kQ29sb3JPdmVycmlkZVxyXG4gICAgICAgICAgICAgICAgOiBidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IsIGJ1dHRvblN0eWxlLmZvbnRDb2xvciwgb3V0bGluZWRcclxuICAgICAgICAgICAgPyBiYWNrZ3JvdW5kQ29sb3JPdmVycmlkZVxyXG4gICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJhY2tncm91bmRDb2xvck92ZXJyaWRlXHJcbiAgICAgICAgICAgICAgICA6IHR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmZvbnRDb2xvclxyXG4gICAgICAgICAgICAgICAgICAgIDogZW50aXRpZXMuYnV0dG9ucy5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3JcclxuICAgICAgICAgICAgOiB0eXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgICAgICA/IGVudGl0aWVzLmJ1dHRvbnMuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgZW50aXRpZXMuaG9jcy5jb2xvcnMuc3dhdGNoZXMuZ3JheVNjYWxlLl8xMDAwXHJcbiAgICAgICAgICAgICAgICA6ICdub25lJywgb3V0bGluZWRcclxuICAgICAgICAgICAgPyAnbm9uZSdcclxuICAgICAgICAgICAgOiBiYWNrZ3JvdW5kQ29sb3JPdmVycmlkZVxyXG4gICAgICAgICAgICAgICAgPyBlbnRpdGllcy5idXR0b25zLmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYmFja2dyb3VuZENvbG9yT3ZlcnJpZGUpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSlcclxuICAgICAgICAgICAgICAgIDogdHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgICAgICAgICA/IGVudGl0aWVzLmJ1dHRvbnMuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICAgICAgICAgIDogZW50aXRpZXMuYnV0dG9ucy5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgZnVsbFdpZHRoICYmICcxMDAlJywgIW91dGxpbmVkICYmXHJcbiAgICAgICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBlbnRpdGllcy5idXR0b25zLnNpemVzKS5pbnNldCwgcGFkZGluZywgcGFkZGluZywgb3V0bGluZWRcclxuICAgICAgICAgICAgPyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgZW50aXRpZXMuYnV0dG9ucy5zaXplcylcclxuICAgICAgICAgICAgICAgIC5vdXRsaW5lZEluc2V0LnZlcnRpY2FsXHJcbiAgICAgICAgICAgIDogdHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICAgICAgPyAnMTZweCdcclxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkLCBvdXRsaW5lZFxyXG4gICAgICAgICAgICA/IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBlbnRpdGllcy5idXR0b25zLnNpemVzKVxyXG4gICAgICAgICAgICAgICAgLm91dGxpbmVkSW5zZXQudmVydGljYWxcclxuICAgICAgICAgICAgOiB0eXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgICAgICA/ICcyNHB4J1xyXG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWQsIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBlbnRpdGllcy5idXR0b25zLnNpemVzKVxyXG4gICAgICAgICAgICAuYm9yZGVyUmFkaXVzLCBob3ZlciAmJiAndHJhbnNsYXRlWSgzcHgpJywgaG92ZXIgJiYgJ25vbmUnLCBob3ZlciAmJiAndHJhbnNmb3JtIDAuMnMsIGJveC1zaGFkb3cgMC4ycyBlYXNlLW91dCcpO1xyXG4gICAgfSxcclxuICAgIGJ1dHRvblRpdGxlOiBmdW5jdGlvbiAodHlwZSwgYnV0dG9uRW50aXR5LCBzaXplLCB0ZXh0RW50aXR5LCBmb250V2VpZ2h0KSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgZm9udC1zaXplOiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgZm9udC1zaXplOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgXCJdKSksIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmZvbnRTaXplLCBmb250V2VpZ2h0XHJcbiAgICAgICAgPyB0ZXh0RW50aXR5LndlaWdodHNbZm9udFdlaWdodF1cclxuICAgICAgICA6IHR5cGUgPT09ICdzbW9rZSdcclxuICAgICAgICAgICAgPyB0ZXh0RW50aXR5LndlaWdodHMuYm9sZFxyXG4gICAgICAgICAgICA6IHRleHRFbnRpdHkud2VpZ2h0cy5yZWd1bGFyKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
12539
12563
  var styles$I = {
12540
- buttonStyles: function (type, buttonStyle, entities, size, hover, outlined, fullWidth) {
12564
+ buttonStyles: function (type, buttonStyle, entities, size, hover, outlined, fullWidth, backgroundColorOverride) {
12541
12565
  var padding = outlined ? computeButtonSizeProperties(size, entities.buttons.sizes).outlinedInset.vertical : type === 'smoke' ? size === 'xSmall' ? '4.25px' : size === 'small' ? '6.5px' : size === 'medium' ? '3.75px' : size === 'large' ? '9px' : '20.25px' : undefined;
12542
- return /*#__PURE__*/css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n border: ", ";\n box-shadow: ", ";\n width: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\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$K], ["\n background: ", ";\n color: ", ";\n border: ", ";\n box-shadow: ", ";\n width: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\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$K])), outlined ? 'transparent' : buttonStyle.backgroundColor, buttonStyle.fontColor, outlined ? type === 'shadow' ? entities.buttons.borderSize + " solid " + buttonStyle.fontColor : entities.buttons.borderSize + " solid " + buttonStyle.backgroundColor : type === 'smoke' ? entities.buttons.borderSize + " solid " + entities.hocs.colors.swatches.grayScale._1000 : 'none', outlined ? 'none' : type === 'shadow' ? entities.buttons.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : entities.buttons.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), fullWidth && '100%', !outlined && computeButtonSizeProperties(size, entities.buttons.sizes).inset, padding, padding, outlined ? computeButtonSizeProperties(size, entities.buttons.sizes).outlinedInset.vertical : type === 'smoke' ? '16px' : undefined, outlined ? computeButtonSizeProperties(size, entities.buttons.sizes).outlinedInset.vertical : type === 'smoke' ? '24px' : undefined, computeButtonSizeProperties(size, entities.buttons.sizes).borderRadius, hover && 'translateY(3px)', hover && 'none', hover && 'transform 0.2s, box-shadow 0.2s ease-out');
12566
+ return /*#__PURE__*/css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n border: ", ";\n box-shadow: ", ";\n width: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\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$K], ["\n background: ", ";\n color: ", ";\n border: ", ";\n box-shadow: ", ";\n width: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\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$K])), outlined ? 'transparent' : backgroundColorOverride ? backgroundColorOverride : buttonStyle.backgroundColor, buttonStyle.fontColor, outlined ? backgroundColorOverride ? entities.buttons.borderSize + " solid " + backgroundColorOverride : type === 'shadow' ? entities.buttons.borderSize + " solid " + buttonStyle.fontColor : entities.buttons.borderSize + " solid " + buttonStyle.backgroundColor : type === 'smoke' ? entities.buttons.borderSize + " solid " + entities.hocs.colors.swatches.grayScale._1000 : 'none', outlined ? 'none' : backgroundColorOverride ? entities.buttons.boxShadow('xLight', Color$1(backgroundColorOverride).rgb().alpha(0.5).toString()) : type === 'shadow' ? entities.buttons.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : entities.buttons.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), fullWidth && '100%', !outlined && computeButtonSizeProperties(size, entities.buttons.sizes).inset, padding, padding, outlined ? computeButtonSizeProperties(size, entities.buttons.sizes).outlinedInset.vertical : type === 'smoke' ? '16px' : undefined, outlined ? computeButtonSizeProperties(size, entities.buttons.sizes).outlinedInset.vertical : type === 'smoke' ? '24px' : undefined, computeButtonSizeProperties(size, entities.buttons.sizes).borderRadius, hover && 'translateY(3px)', hover && 'none', hover && 'transform 0.2s, box-shadow 0.2s ease-out');
12543
12567
  },
12544
12568
  buttonTitle: function (type, buttonEntity, size, textEntity, fontWeight) {
12545
12569
  return /*#__PURE__*/css(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n font-family: inherit;\n font-size: ", ";\n white-space: nowrap;\n font-weight: ", ";\n " + _emotionSourceMap2$s], ["\n font-family: inherit;\n font-size: ", ";\n white-space: nowrap;\n font-weight: ", ";\n " + _emotionSourceMap2$s])), computeButtonSizeProperties(size, buttonEntity.sizes).fontSize, fontWeight ? textEntity.weights[fontWeight] : type === 'smoke' ? textEntity.weights.bold : textEntity.weights.regular);
@@ -12626,6 +12650,7 @@ var Button = function (_a) {
12626
12650
  onMouseEvent = _a.onMouseEvent,
12627
12651
  fullWidth = _a.fullWidth,
12628
12652
  textColorOverride = _a.textColorOverride,
12653
+ backgroundColorOverride = _a.backgroundColorOverride,
12629
12654
  disabledCaption = _a.disabledCaption,
12630
12655
  id = _a.id,
12631
12656
  icon = _a.icon,
@@ -12637,6 +12662,10 @@ var Button = function (_a) {
12637
12662
  var getColor = function () {
12638
12663
  if (textColorOverride) {
12639
12664
  return textColorOverride;
12665
+ }
12666
+
12667
+ if (outlined && backgroundColorOverride) {
12668
+ return backgroundColorOverride;
12640
12669
  } else {
12641
12670
  return type === 'shadow' ? 'primaryBody' : type === 'smoke' ? buttons.smoke.fontColor : outlined ? getButtonStyle(type, {
12642
12671
  primary: 'primaryBrand',
@@ -12687,7 +12716,7 @@ var Button = function (_a) {
12687
12716
  } : function () {
12688
12717
  return typeof onClick !== 'string' && (onClick === null || onClick === void 0 ? void 0 : onClick());
12689
12718
  },
12690
- css: styles$I.buttonStyles(type, buttonStyle, entities, size, hover, outlined, fullWidth),
12719
+ css: styles$I.buttonStyles(type, buttonStyle, entities, size, hover, outlined, fullWidth, backgroundColorOverride),
12691
12720
  disabled: disabled
12692
12721
  }, jsx(Span, {
12693
12722
  width: "100%",
@@ -14018,6 +14047,7 @@ var Input = function (_a) {
14018
14047
  hasSecurePassword = _l === void 0 ? false : _l,
14019
14048
  maxLength = _a.maxLength,
14020
14049
  isMaxLengthHit = _a.isMaxLengthHit,
14050
+ autoComplete = _a.autoComplete,
14021
14051
  onMaxLengthCap = _a.onMaxLengthCap,
14022
14052
  id = _a.id,
14023
14053
  onBlur = _a.onBlur;
@@ -14277,7 +14307,8 @@ var Input = function (_a) {
14277
14307
  handleOnChange(e.target.value, 0, 1);
14278
14308
  }
14279
14309
  },
14280
- onBlur: handleOnBlur
14310
+ onBlur: handleOnBlur,
14311
+ autoComplete: autoComplete
14281
14312
  }), type === 'number' && jsx(Div, {
14282
14313
  css: styles$x.numberInputButtons(isDisabled),
14283
14314
  zIndex: 1
@@ -14468,7 +14499,9 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
14468
14499
  width = props.width,
14469
14500
  children = props.children,
14470
14501
  _d = props.shouldScroll,
14471
- shouldScroll = _d === void 0 ? false : _d;
14502
+ shouldScroll = _d === void 0 ? false : _d,
14503
+ _e = props.borderRadius,
14504
+ borderRadius = _e === void 0 ? 'default' : _e;
14472
14505
  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
14473
14506
  variants: overlayVariants,
14474
14507
  animate: isOpen ? 'open' : 'closed',
@@ -14482,7 +14515,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
14482
14515
  variants: dialogVariants,
14483
14516
  css: styles$w.dialogContainer,
14484
14517
  backgroundColor: dialog.backgroundColor,
14485
- borderRadius: dialog.borderRadius,
14518
+ borderRadius: borderRadius,
14486
14519
  boxShadow: dialog.boxShadow,
14487
14520
  inset: insetOverride !== null && insetOverride !== void 0 ? insetOverride : dialog.defaultInset,
14488
14521
  outset: onClose ? {
@@ -15247,10 +15280,10 @@ var Image$1 = function (_a) {
15247
15280
  }, title));
15248
15281
  };
15249
15282
 
15250
- var _emotionSourceMap$s = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGNsb3NlQnV0dG9uQ29udGFpbmVyOiBmdW5jdGlvbiAodG9wLCByaWdodCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgdG9wOiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDBweCwgMHB4KTtcXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XFxuICAgIHotaW5kZXg6IDEwO1xcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC0ycHgsIDJweCk7XFxuICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwcHgsIDBweCk7XFxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjI1cyBlYXNlO1xcbiAgICB6LWluZGV4OiAxMDtcXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMnB4LCAycHgpO1xcbiAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjI1cyBlYXNlO1xcbiAgICB9XFxuICBcIl0pKSwgdG9wICE9PSBudWxsICYmIHRvcCAhPT0gdm9pZCAwID8gdG9wIDogJy04cHgnLCByaWdodCAhPT0gbnVsbCAmJiByaWdodCAhPT0gdm9pZCAwID8gcmlnaHQgOiAnLThweCcpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
15283
+ var _emotionSourceMap$s = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGNsb3NlQnV0dG9uQ29udGFpbmVyOiBmdW5jdGlvbiAodG9wLCByaWdodCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgdG9wOiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDBweCwgMHB4KTtcXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XFxuICAgIHotaW5kZXg6IDEwO1xcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC0ycHgsIDJweCk7XFxuICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwcHgsIDBweCk7XFxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjI1cyBlYXNlO1xcbiAgICB6LWluZGV4OiAxMDtcXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMnB4LCAycHgpO1xcbiAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjI1cyBlYXNlO1xcbiAgICB9XFxuICBcIl0pKSwgdG9wICE9PSBudWxsICYmIHRvcCAhPT0gdm9pZCAwID8gdG9wIDogJy0yM3B4JywgcmlnaHQgIT09IG51bGwgJiYgcmlnaHQgIT09IHZvaWQgMCA/IHJpZ2h0IDogJy0yM3B4Jyk7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
15251
15284
  var styles$q = {
15252
15285
  closeButtonContainer: function (top, right) {
15253
- return /*#__PURE__*/css(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n top: ", ";\n right: ", ";\n transform: translate(0px, 0px);\n transition: transform 0.25s ease;\n z-index: 10;\n :hover {\n transform: translate(-2px, 2px);\n transition: transform 0.25s ease;\n }\n " + _emotionSourceMap$s], ["\n top: ", ";\n right: ", ";\n transform: translate(0px, 0px);\n transition: transform 0.25s ease;\n z-index: 10;\n :hover {\n transform: translate(-2px, 2px);\n transition: transform 0.25s ease;\n }\n " + _emotionSourceMap$s])), top !== null && top !== void 0 ? top : '-8px', right !== null && right !== void 0 ? right : '-8px');
15286
+ return /*#__PURE__*/css(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n top: ", ";\n right: ", ";\n transform: translate(0px, 0px);\n transition: transform 0.25s ease;\n z-index: 10;\n :hover {\n transform: translate(-2px, 2px);\n transition: transform 0.25s ease;\n }\n " + _emotionSourceMap$s], ["\n top: ", ";\n right: ", ";\n transform: translate(0px, 0px);\n transition: transform 0.25s ease;\n z-index: 10;\n :hover {\n transform: translate(-2px, 2px);\n transition: transform 0.25s ease;\n }\n " + _emotionSourceMap$s])), top !== null && top !== void 0 ? top : '-23px', right !== null && right !== void 0 ? right : '-23px');
15254
15287
  }
15255
15288
  };
15256
15289
  var templateObject_1$s;
@@ -15270,8 +15303,8 @@ var CloseButton = function (_a) {
15270
15303
  display: "flex",
15271
15304
  justifyContent: "center",
15272
15305
  alignItems: "center",
15273
- inset: "x1",
15274
- borderRadius: 'default',
15306
+ inset: "x3",
15307
+ borderRadius: '20px',
15275
15308
  boxShadow: 'mediumLight',
15276
15309
  backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : '#424242e0',
15277
15310
  position: "absolute",
@@ -15279,7 +15312,7 @@ var CloseButton = function (_a) {
15279
15312
  }, jsx(Icon, {
15280
15313
  name: 'close',
15281
15314
  primaryColor: fill !== null && fill !== void 0 ? fill : 'inverseHeadingText',
15282
- size: size !== null && size !== void 0 ? size : 'xSmall'
15315
+ size: size !== null && size !== void 0 ? size : 16
15283
15316
  }));
15284
15317
  };
15285
15318
 
@@ -22134,23 +22167,21 @@ var ImageUploadWidget = function (_a) {
22134
22167
  };
22135
22168
 
22136
22169
  var ConfigurationCard = function (_a) {
22137
- var _b = _a.graphic,
22138
- graphic = _b === void 0 ? 'none' : _b,
22170
+ var graphic = _a.graphic,
22139
22171
  description = _a.description,
22140
22172
  cost = _a.cost,
22141
22173
  title = _a.title,
22174
+ secondaryTitle = _a.secondaryTitle,
22142
22175
  onSelect = _a.onSelect,
22143
22176
  configurationId = _a.configurationId,
22144
22177
  itemPriceTitle = _a.itemPriceTitle,
22145
- stackedCardImage = _a.stackedCardImage,
22146
22178
  layout = _a.layout,
22147
- _c = _a.type,
22148
- type = _c === void 0 ? 'addon' : _c,
22179
+ _b = _a.type,
22180
+ type = _b === void 0 ? 'addon' : _b,
22149
22181
  isFeatured = _a.isFeatured,
22150
- _d = _a.backgroundColor,
22151
- backgroundColor = _d === void 0 ? 'background' : _d,
22182
+ _c = _a.backgroundColor,
22183
+ backgroundColor = _c === void 0 ? 'background' : _c,
22152
22184
  isSelected = _a.isSelected;
22153
- var hasNoGraphic = graphic === 'none';
22154
22185
  var width = useWindowSize().width;
22155
22186
  var responsiveLayout = width < 420 ? 'vertical' : layout;
22156
22187
  return jsx(Flex, {
@@ -22159,64 +22190,43 @@ var ConfigurationCard = function (_a) {
22159
22190
  },
22160
22191
  position: "relative",
22161
22192
  boxShadow: "mediumDark",
22162
- backgroundColor: graphic === 'none' && type !== 'upsale' ? backgroundColor : type === 'upsale' ? isSelected ? {
22163
- swatch: 'primaryBrand',
22164
- shade: 'base'
22165
- } : backgroundColor : backgroundColor,
22193
+ backgroundColor: backgroundColor,
22166
22194
  cursor: "pointer",
22167
22195
  inset: {
22168
- vertical: 'x4',
22196
+ vertical: 'x2_5',
22169
22197
  horizontal: 'x2'
22170
22198
  },
22171
22199
  borderWidth: "default",
22172
22200
  borderRadius: "default",
22173
22201
  borderStyle: "solid",
22174
- borderColor: isSelected && type !== 'upsale' && type !== 'info' ? {
22202
+ borderColor: isSelected && type === 'upsale' ? {
22203
+ swatch: 'primaryBrand',
22204
+ shade: 'base'
22205
+ } : isSelected && type === 'addon' ? {
22175
22206
  swatch: 'success',
22176
22207
  shade: 'base'
22177
22208
  } : 'transparent'
22178
22209
  }, jsx(Div, {
22179
22210
  right: "x1",
22180
22211
  position: "absolute",
22181
- top: "x1"
22212
+ top: "x_75"
22182
22213
  }, isSelected && type === 'addon' ? jsx(AnimatedCheckMark, null) : type === 'info' ? jsx(Icon, {
22183
22214
  name: "information",
22184
22215
  size: "small",
22185
22216
  primaryColor: "secondaryBrand"
22186
- }) : type === 'upsale' && isFeatured ? jsx(Capsule, {
22187
- backgroundColor: !isSelected && type === 'upsale' ? {
22217
+ }) : type === 'upsale' && isFeatured && jsx(Capsule, {
22218
+ backgroundColor: {
22188
22219
  swatch: 'primaryBrand',
22189
22220
  shade: 'base'
22190
- } : 'background',
22191
- fontColor: isSelected && type === 'upsale' ? 'primaryBody' : 'inverseBody',
22221
+ },
22222
+ fontColor: "inverseBody",
22192
22223
  title: "Popular"
22193
- }) : jsx(React.Fragment, null)), jsx(Flex, {
22224
+ })), jsx(Flex, {
22194
22225
  justifyContent: "flex-start",
22195
22226
  alignItems: "center",
22196
22227
  width: "100%",
22197
22228
  flexDirection: responsiveLayout || layout === 'vertical' ? 'column' : 'row'
22198
- }, !hasNoGraphic && type !== 'upsale' ? jsx(Div, {
22199
- position: "relative",
22200
- width: {
22201
- xSmall: '100px',
22202
- small: '116px'
22203
- }
22204
- }, jsx(StackedCards, {
22205
- width: 100,
22206
- height: 75,
22207
- stackCount: 5,
22208
- backgroundImage: stackedCardImage
22209
- })) : graphic === 'none' ? jsx(React.Fragment, null) : !isSelected && type === 'upsale' ? jsx(Div, {
22210
- width: "x3",
22211
- height: "x3",
22212
- borderRadius: "circle",
22213
- borderWidth: "thin",
22214
- borderStyle: "solid",
22215
- borderColor: {
22216
- swatch: 'grayScale',
22217
- shade: '_900'
22218
- }
22219
- }) : graphic, jsx(Div, {
22229
+ }, graphic, jsx(Div, {
22220
22230
  minWidth: {
22221
22231
  small: '216px'
22222
22232
  },
@@ -22227,20 +22237,30 @@ var ConfigurationCard = function (_a) {
22227
22237
  horizontal: 'x2',
22228
22238
  left: 'x2'
22229
22239
  }
22230
- }, jsx(Text, {
22231
- color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
22240
+ }, jsx(Flex, null, jsx(Text, {
22241
+ color: "primaryBody",
22232
22242
  alignment: responsiveLayout ? 'center' : 'left',
22233
22243
  weight: "bold",
22234
22244
  type: "largeBody",
22235
22245
  content: title
22236
22246
  }), jsx(Text, {
22237
- color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
22247
+ outset: {
22248
+ left: 'x1'
22249
+ },
22250
+ color: "primaryBody",
22251
+ alignment: responsiveLayout ? 'center' : 'left',
22252
+ weight: "thin",
22253
+ type: "largeBody",
22254
+ content: secondaryTitle
22255
+ })), jsx(Text, {
22256
+ color: "primaryBody",
22238
22257
  alignment: responsiveLayout ? 'center' : 'left',
22239
22258
  type: {
22240
22259
  xSmall: 'footnote',
22241
22260
  medium: 'caption'
22242
- }
22243
- }, description)), cost && type !== 'info' && jsx(Flex, {
22261
+ },
22262
+ content: description
22263
+ })), cost && type !== 'info' && jsx(Flex, {
22244
22264
  flexDirection: "row",
22245
22265
  outset: responsiveLayout ? 'x0' : {
22246
22266
  left: 'auto'
@@ -22248,14 +22268,14 @@ var ConfigurationCard = function (_a) {
22248
22268
  inset: "x_5",
22249
22269
  alignItems: "center"
22250
22270
  }, jsx(Text, {
22251
- color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
22271
+ color: "primaryBody",
22252
22272
  lineHeight: 1,
22253
22273
  weight: "semiBold",
22254
22274
  inset: "0",
22255
22275
  type: "body",
22256
22276
  content: (typeof cost === 'number' ? "$" + cost.toFixed(2) : cost) + " "
22257
22277
  }), jsx(Text, {
22258
- color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
22278
+ color: "primaryBody",
22259
22279
  lineHeight: 1,
22260
22280
  inset: "0",
22261
22281
  type: "body",
@@ -22629,7 +22649,7 @@ var ComparisonItem = function (_a) {
22629
22649
  width: '100%',
22630
22650
  letterSpacing: '.235px'
22631
22651
  }
22632
- }), jsx(Text, {
22652
+ }), typeof description === 'string' ? jsx(Text, {
22633
22653
  inset: "x_25",
22634
22654
  type: "caption",
22635
22655
  color: "primaryBody",
@@ -22638,6 +22658,13 @@ var ComparisonItem = function (_a) {
22638
22658
  style: {
22639
22659
  width: '100%'
22640
22660
  }
22661
+ }) : description === null || description === void 0 ? void 0 : description.map(function (bullet) {
22662
+ return jsx(ListItem, {
22663
+ orientation: "horizontal"
22664
+ }, jsx(Text, {
22665
+ isInline: true,
22666
+ type: "caption"
22667
+ }, bullet));
22641
22668
  })), jsx(Flex, {
22642
22669
  outset: isMinified ? {
22643
22670
  right: 'x1'
@@ -23624,8 +23651,7 @@ var BulkSend = function (_a) {
23624
23651
  },
23625
23652
  isSelected: config.configurationId === section.activeConfigurationId,
23626
23653
  cost: config.configurationPrice,
23627
- itemPriceTitle: config.configurationItemPriceTitle,
23628
- stackedCardImage: config.frontPanelImage
23654
+ itemPriceTitle: config.configurationItemPriceTitle
23629
23655
  });
23630
23656
  })), index !== configurationSections.length - 1 && jsx(Div, {
23631
23657
  outset: {
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { HOCBaseProps } from "../../helpers/hoc-types/hocBasePropTypes";
3
+ import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
4
+ export declare type DivProps = {
5
+ children?: React.ReactNode;
6
+ outsideClick?: () => void;
7
+ clickElementBypass?: string;
8
+ } & HOCBaseProps & HOCMotionProps;
9
+ export declare const Companion: React.ForwardRefExoticComponent<{
10
+ children?: React.ReactNode;
11
+ outsideClick?: (() => void) | undefined;
12
+ clickElementBypass?: string | undefined;
13
+ } & HOCBaseProps & {
14
+ className?: string | undefined;
15
+ motionKey?: string | number | undefined;
16
+ id?: string | undefined;
17
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { SVGProps } from '../types/index';
3
+ export declare const Bag: FC<SVGProps>;
@@ -11,7 +11,7 @@ export declare type SVGProps = {
11
11
  entity: IconsEntity;
12
12
  orientation?: orientation;
13
13
  };
14
- 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' | 'userTag' | 'map' | 'mapLocation' | 'location' | 'creditCard' | 'calendar' | 'home';
14
+ 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' | 'userTag' | 'map' | 'mapLocation' | 'location' | 'creditCard' | 'calendar' | 'home' | 'bag';
15
15
  export declare type IconProps = {
16
16
  name: IconType;
17
17
  } & Omit<SVGProps, 'entity'>;
@@ -1,11 +1,11 @@
1
1
  import { TextEntity } from "../../theme/theming/entities";
2
2
  declare const _default: {
3
- heroTitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
4
- title: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
5
- subtitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
6
- largeBody: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
7
- body: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
8
- caption: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
9
- footnote: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: true | undefined) => import("@emotion/utils").SerializedStyles;
3
+ heroTitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
4
+ title: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
5
+ subtitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
6
+ largeBody: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
7
+ body: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
8
+ caption: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
9
+ footnote: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
10
10
  };
11
11
  export default _default;
@@ -15,7 +15,7 @@ export declare type TextProps = {
15
15
  weight?: WeightType;
16
16
  lineHeight?: number;
17
17
  whiteSpace?: WhiteSpaceType;
18
- isInline?: true;
18
+ isInline?: boolean;
19
19
  style?: React.CSSProperties;
20
20
  };
21
21
  export declare type WhiteSpaceType = 'normal' | 'nowrap';
@@ -435,7 +435,6 @@ export declare const useEntities: () => {
435
435
  };
436
436
  dialog: {
437
437
  backgroundColor: string;
438
- borderRadius: string;
439
438
  boxShadow: string;
440
439
  defaultInset: string;
441
440
  };
@@ -16,7 +16,8 @@ export declare type ButtonProps = {
16
16
  hover?: boolean;
17
17
  outlined?: boolean;
18
18
  fullWidth?: boolean;
19
- textColorOverride?: TextColor;
19
+ textColorOverride?: LiteralUnion<TextColor> | string;
20
+ backgroundColorOverride?: string;
20
21
  disabledCaption?: string;
21
22
  disabledDirection?: DirectionType;
22
23
  id?: string;
@@ -2,7 +2,7 @@ import { ButtonsEntity, Entities, TextEntity } from "../../theme/theming/entitie
2
2
  import { SizeType } from "../../types/global";
3
3
  import { ButtonType, ButtonStyle } from './button';
4
4
  declare const _default: {
5
- buttonStyles: (type: ButtonType, buttonStyle: ButtonStyle, entities: Entities, size: SizeType, hover?: boolean | undefined, outlined?: boolean | undefined, fullWidth?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
5
+ buttonStyles: (type: ButtonType, buttonStyle: ButtonStyle, entities: Entities, size: SizeType, hover?: boolean | undefined, outlined?: boolean | undefined, fullWidth?: boolean | undefined, backgroundColorOverride?: string | undefined) => import("@emotion/utils").SerializedStyles;
6
6
  buttonTitle: (type: ButtonType, buttonEntity: ButtonsEntity, size: SizeType, textEntity: TextEntity, fontWeight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined) => import("@emotion/utils").SerializedStyles;
7
7
  };
8
8
  export default _default;
@@ -3,7 +3,7 @@ import { entities } from "../../theme/theming/entities";
3
3
  declare type ColorType = keyof typeof entities.animatedCheckmark.colors;
4
4
  export declare type ComparisonItemProps = {
5
5
  title: string;
6
- description?: string;
6
+ description?: string | string[];
7
7
  isIncluded: boolean;
8
8
  checkMarkColor?: ColorType;
9
9
  maxWidth?: string;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
3
- import { Height, Width } from "../../helpers/hoc-types/hocBaseUnion";
3
+ import { Height, Width, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
4
4
  export declare type DialogProps = {
5
5
  zIndex?: number;
6
6
  isOpen: boolean;
@@ -14,6 +14,7 @@ export declare type DialogProps = {
14
14
  height?: Height;
15
15
  width?: Width;
16
16
  shouldScroll?: boolean;
17
+ borderRadius?: BorderRadius;
17
18
  };
18
19
  export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
19
20
  children: React.ReactNode;
@@ -31,6 +31,7 @@ export declare type InputProps = {
31
31
  hasSecurePassword?: boolean;
32
32
  maxLength?: number;
33
33
  isMaxLengthHit?: boolean;
34
+ autoComplete?: string;
34
35
  onMaxLengthCap?: (isCapped: boolean) => void;
35
36
  onBlur?: (e?: React.FocusEvent) => void;
36
37
  };
@@ -31,21 +31,21 @@ export declare const Option: React.ForwardRefExoticComponent<({
31
31
  alignment?: "left" | "center" | "right" | undefined;
32
32
  onClick?: ((id: number) => void) | undefined;
33
33
  isSelected: boolean;
34
- 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | undefined;
35
- 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | undefined;
34
+ 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
35
+ 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
36
36
  id: number;
37
37
  } & TextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
38
38
  alignment?: "left" | "center" | "right" | undefined;
39
39
  onClick?: ((id: number) => void) | undefined;
40
40
  isSelected: boolean;
41
- 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | undefined;
42
- 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | undefined;
41
+ 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
42
+ 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
43
43
  id: number;
44
44
  } & IconLabelProps & React.RefAttributes<HTMLDivElement>) | ({
45
45
  alignment?: "left" | "center" | "right" | undefined;
46
46
  onClick?: ((id: number) => void) | undefined;
47
47
  isSelected: boolean;
48
- 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | undefined;
49
- 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | undefined;
48
+ 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
49
+ 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" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
50
50
  id: number;
51
51
  } & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;
@@ -2,15 +2,15 @@ import React, { FC } from 'react';
2
2
  import { HOCColorKeysWithSwatch } from "../../helpers/hoc-types/entityValueTypes";
3
3
  declare type ConfigurationCardType = 'addon' | 'info' | 'upsale';
4
4
  export declare type ConfigurationCardProps = {
5
- graphic?: 'blank' | 'addressed' | 'withStamp' | 'none' | React.ReactNode;
5
+ graphic?: React.ReactNode;
6
6
  title: string;
7
+ secondaryTitle?: string;
7
8
  description?: string;
8
9
  cost?: number | string;
9
10
  isSelected?: boolean;
10
11
  onSelect?: (configurationId: string) => void;
11
12
  configurationId: string;
12
13
  itemPriceTitle?: string;
13
- stackedCardImage?: string;
14
14
  layout?: 'horizontal' | 'vertical';
15
15
  type?: ConfigurationCardType;
16
16
  isFeatured?: boolean;
@@ -1,6 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { SliderProgressColor } from "../../../../exports/molecules";
3
- import { ConfirmDialogProps } from "../../../../exports/organisms";
3
+ import { ConfigurationCardProps, ConfirmDialogProps } from "../../../../exports/organisms";
4
4
  export declare type ConfigurationOptionSection = {
5
5
  title: string;
6
6
  description: string;
@@ -10,13 +10,12 @@ export declare type ConfigurationOptionSection = {
10
10
  configurationList: ConfigurationListOption[];
11
11
  };
12
12
  declare type ConfigurationListOption = {
13
- graphicType: 'blank' | 'addressed' | 'withStamp' | 'none';
13
+ graphicType?: ConfigurationCardProps['graphic'];
14
14
  configurationId: string;
15
15
  configurationTitle: string;
16
16
  configurationDescription: string;
17
17
  configurationPrice?: number;
18
18
  configurationItemPriceTitle?: string;
19
- frontPanelImage?: string;
20
19
  };
21
20
  export declare type BulkSendProps = {
22
21
  quantity: number;
@@ -14,6 +14,7 @@ export declare const AllPanel: any;
14
14
  export declare const AText: any;
15
15
  export declare const Award: any;
16
16
  export declare const Background: any;
17
+ export declare const Bag: any;
17
18
  export declare const Brightness: any;
18
19
  export declare const Calendar: any;
19
20
  export declare const Campaigns: any;
@@ -10,4 +10,5 @@ export declare const ShadowButton: any;
10
10
  export declare const AccentButton: any;
11
11
  export declare const OutlinedButton: any;
12
12
  export declare const SmokeButton: any;
13
+ export declare const BackgroundOverride: any;
13
14
  export declare const DisabledButton: any;
@@ -1,4 +1,6 @@
1
1
  import { Meta } from '@storybook/react/types-6-0';
2
2
  declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
- export declare const IsIncluded: any;
4
+ export declare const WithSingleDescription: any;
5
+ export declare const WithMultiDescription: any;
6
+ export declare const WithoutDescription: any;
@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react/types-6-0';
2
2
  declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
4
  export declare const ConfigurationCardWithCallback: any;
5
- export declare const UpsaleDialog: any;
6
- export declare const ConfigurationInfoCard: any;
7
- export declare const VerticalCard: any;
5
+ export declare const Upsale: any;
6
+ export declare const Info: any;
7
+ export declare const Vertical: any;
@@ -435,7 +435,6 @@ declare const card: {
435
435
  };
436
436
  declare const dialog: {
437
437
  backgroundColor: string;
438
- borderRadius: string;
439
438
  boxShadow: string;
440
439
  defaultInset: string;
441
440
  };
@@ -938,7 +937,6 @@ export declare const entities: {
938
937
  };
939
938
  dialog: {
940
939
  backgroundColor: string;
941
- borderRadius: string;
942
940
  boxShadow: string;
943
941
  defaultInset: string;
944
942
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sendoutcards/quantum-design-ui",
3
- "version": "1.7.71",
3
+ "version": "1.7.74",
4
4
  "description": "UI component library for Quantum Design System",
5
5
  "module": "dist/index.es.js",
6
6
  "jsnext:main": "dist/index.es.js",