@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 +94 -68
- package/dist/src/atoms/companion/companion.d.ts +17 -0
- package/dist/src/atoms/iconography/icons/bag.d.ts +3 -0
- package/dist/src/atoms/iconography/types/index.d.ts +1 -1
- package/dist/src/atoms/typography/styles.d.ts +7 -7
- package/dist/src/atoms/typography/text.d.ts +1 -1
- package/dist/src/hooks/useEntities.d.ts +0 -1
- package/dist/src/molecules/button/button.d.ts +2 -1
- package/dist/src/molecules/button/styles.d.ts +1 -1
- package/dist/src/molecules/comparisonItem/comparisonItem.d.ts +1 -1
- package/dist/src/molecules/dialog/dialog.d.ts +2 -1
- package/dist/src/molecules/input/input.d.ts +1 -0
- package/dist/src/molecules/select/components/option.d.ts +6 -6
- package/dist/src/organisms/configurationCard/configurationCard.d.ts +2 -2
- package/dist/src/portfolios/soc/components/bulkSend/bulkSend.d.ts +2 -3
- package/dist/src/stories/atoms/Icons.stories.d.ts +1 -0
- package/dist/src/stories/molecules/Button.stories.d.ts +1 -0
- package/dist/src/stories/molecules/ComparisonItem.stories.d.ts +3 -1
- package/dist/src/stories/organisms/ConfigurationCard.stories.d.ts +3 -3
- package/dist/src/theme/theming/entities.d.ts +0 -2
- package/package.json +1 -1
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,
|
|
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,
|
|
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:
|
|
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,
|
|
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 : '-
|
|
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: "
|
|
15274
|
-
borderRadius: '
|
|
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 :
|
|
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
|
|
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
|
-
|
|
22148
|
-
type =
|
|
22179
|
+
_b = _a.type,
|
|
22180
|
+
type = _b === void 0 ? 'addon' : _b,
|
|
22149
22181
|
isFeatured = _a.isFeatured,
|
|
22150
|
-
|
|
22151
|
-
backgroundColor =
|
|
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:
|
|
22163
|
-
swatch: 'primaryBrand',
|
|
22164
|
-
shade: 'base'
|
|
22165
|
-
} : backgroundColor : backgroundColor,
|
|
22193
|
+
backgroundColor: backgroundColor,
|
|
22166
22194
|
cursor: "pointer",
|
|
22167
22195
|
inset: {
|
|
22168
|
-
vertical: '
|
|
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
|
|
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: "
|
|
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
|
|
22187
|
-
backgroundColor:
|
|
22217
|
+
}) : type === 'upsale' && isFeatured && jsx(Capsule, {
|
|
22218
|
+
backgroundColor: {
|
|
22188
22219
|
swatch: 'primaryBrand',
|
|
22189
22220
|
shade: 'base'
|
|
22190
|
-
}
|
|
22191
|
-
fontColor:
|
|
22221
|
+
},
|
|
22222
|
+
fontColor: "inverseBody",
|
|
22192
22223
|
title: "Popular"
|
|
22193
|
-
})
|
|
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
|
-
},
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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>>;
|
|
@@ -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?:
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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;
|
|
@@ -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,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?:
|
|
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
|
|
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;
|
|
@@ -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
|
|
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
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
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
|
};
|