@commonsku/styles 1.14.6 → 1.14.7

package/dist/index.js

@@ -2245,6 +2245,30 @@ function EllipsisIcon(_a) {
         React__default.createElement("path", { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z", fill: color }));
 }
 
+function CreditCardIcon(_a) {
+    var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Credit Card" : _d, props = __rest(_a, ["color", "size", "altText"]);
+    return React__default.createElement(SVG, __assign({ size: size, "aria-labelledby": "CreditCardIcon" }, props),
+        React__default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React__default.createElement("title", { id: "CreditCardIcon" }, altText),
+        React__default.createElement("path", { d: "M18 0H2C0.89 0 0.00999999 0.89 0.00999999 2L0 14C0 15.11 0.89 16 2 16H18C19.11 16 20 15.11 20 14V2C20 0.89 19.11 0 18 0ZM18 14H2V8H18V14ZM18 4H2V2H18V4Z", fill: color }));
+}
+
+function ShopIcon(_a) {
+    var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Credit Card" : _d, props = __rest(_a, ["color", "size", "altText"]);
+    return React__default.createElement(SVG, __assign({ size: size, "aria-labelledby": "ShopIcon" }, props),
+        React__default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React__default.createElement("title", { id: "ShopIcon" }, altText),
+        React__default.createElement("path", { d: "M19.8978 5.89L18.8478 1.52C18.6278 0.62 17.8478 0 16.9378 0H3.04781C2.14781 0 1.35781 0.63 1.14781 1.52L0.0978093 5.89C-0.142191 6.91 0.0778095 7.95 0.717809 8.77C0.797809 8.88 0.907809 8.96 0.997809 9.06V16C0.997809 17.1 1.89781 18 2.99781 18H16.9978C18.0978 18 18.9978 17.1 18.9978 16V9.06C19.0878 8.97 19.1978 8.88 19.2778 8.78C19.9178 7.96 20.1478 6.91 19.8978 5.89ZM16.9078 1.99L17.9578 6.36C18.0578 6.78 17.9678 7.2 17.7078 7.53C17.5678 7.71 17.2678 8 16.7678 8C16.1578 8 15.6278 7.51 15.5578 6.86L14.9778 2L16.9078 1.99ZM10.9978 2H12.9578L13.4978 6.52C13.5478 6.91 13.4278 7.3 13.1678 7.59C12.9478 7.85 12.6278 8 12.2178 8C11.5478 8 10.9978 7.41 10.9978 6.69V2ZM6.48781 6.52L7.03781 2H8.99781V6.69C8.99781 7.41 8.44781 8 7.70781 8C7.36781 8 7.05781 7.85 6.81781 7.59C6.56781 7.3 6.44781 6.91 6.48781 6.52ZM2.03781 6.36L3.04781 2H5.01781L4.43781 6.86C4.35781 7.51 3.83781 8 3.22781 8C2.73781 8 2.42781 7.71 2.29781 7.53C2.02781 7.21 1.93781 6.78 2.03781 6.36ZM2.99781 16V9.97C3.07781 9.98 3.14781 10 3.22781 10C4.09781 10 4.88781 9.64 5.46781 9.05C6.06781 9.65 6.86781 10 7.77781 10C8.64781 10 9.42781 9.64 10.0078 9.07C10.5978 9.64 11.3978 10 12.2978 10C13.1378 10 13.9378 9.65 14.5378 9.05C15.1178 9.64 15.9078 10 16.7778 10C16.8578 10 16.9278 9.98 17.0078 9.97V16H2.99781Z", fill: color }));
+}
+
+function HistoryIcon(_a) {
+    var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Credit Card" : _d, props = __rest(_a, ["color", "size", "altText"]);
+    return React__default.createElement(SVG, __assign({ size: size, "aria-labelledby": "HistoryIcon" }, props),
+        React__default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React__default.createElement("title", { id: "HistoryIcon" }, altText),
+        React__default.createElement("path", { d: "M12.5 0C7.53 0 3.5 4.03 3.5 9H0.5L4.39 12.89L4.46 13.03L8.5 9H5.5C5.5 5.13 8.63 2 12.5 2C16.37 2 19.5 5.13 19.5 9C19.5 12.87 16.37 16 12.5 16C10.57 16 8.82 15.21 7.56 13.94L6.14 15.36C7.77 16.99 10.01 18 12.5 18C17.47 18 21.5 13.97 21.5 9C21.5 4.03 17.47 0 12.5 0ZM11.5 5V10L15.75 12.52L16.52 11.24L13 9.15V5H11.5Z", fill: color }));
+}
+
 var avatarSizes = {
     tiny: {
         size: '24px',
@@ -2935,7 +2959,7 @@ var LabeledRadio = function (_a) {
 };
 var LabeledRadioInButton = function (_a) {
     var label = _a.label, name = _a.name, checked = _a.checked, disabled = _a.disabled, labelStyle = _a.labelStyle, radioIconStyle = _a.radioIconStyle, flexGrow = _a.flexGrow, onChange = _a.onChange, props = __rest(_a, ["label", "name", "checked", "disabled", "labelStyle", "radioIconStyle", "flexGrow", "onChange"]);
-    return (React__default.createElement(LabeledRadio, __assign({ label: label, checked: checked, disabled: disabled, onChange: onChange, labelStyle: {
+    return (React__default.createElement(LabeledRadio, { label: label, checked: checked, disabled: disabled, onChange: onChange, labelStyle: {
             padding: "13px 40px",
             backgroundColor: disabled ? neutrals['40'] : checked ? colors.white : teal['20'],
             border: disabled ? "solid 3px ".concat(neutrals['40']) : checked ? "solid 3px ".concat(teal.main) : "solid 3px ".concat(teal['20']),
@@ -2943,7 +2967,7 @@ var LabeledRadioInButton = function (_a) {
             color: disabled ? neutrals['70'] : teal.main,
             flexGrow: flexGrow ? 1 : undefined,
             justifyContent: 'center',
-        }, radioIconStyle: {} }, props)));
+        }, radioIconStyle: {} }));
 };
 var LabeledRadioGroup = function (_a) {
     var name = _a.name, value = _a.value, radios = _a.radios, onChange = _a.onChange, props = __rest(_a, ["name", "value", "radios", "onChange"]);
@@ -3797,10 +3821,9 @@ var Img = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var props = _objectSpread2(_objectSpread2({
+      var props = _objectSpread2(_objectSpread2({}, this.props), {}, {
+        src: this.state.src,
         onError: this.onError
-      }, this.props), {}, {
-        src: this.state.src
       });
 
       return /*#__PURE__*/React__default.createElement("img", Object.assign({
@@ -3832,7 +3855,7 @@ var Artwork = function (_a) {
     return React__default.createElement(ArtworkWrapper, { cssHeight: props.cssHeight ? props.cssHeight : props.picture ? 17 : 0, onClick: !props.picture && props.onClick ? props.onClick : undefined },
         props.picture ?
             React__default.createElement(ArtworkPicture, { onClick: function (e) { return props.onClick ? props.onClick(e) : null; }, cssHeight: props.cssHeight ? props.cssHeight : 17 },
-                React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" }, onError: props.onError }))
+                React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" } }))
             :
                 React__default.createElement(IconDoc, { ext: extension(props.name), style: { width: "3vw" } }),
         !props.edit ?
@@ -5624,13 +5647,13 @@ function AlertNotification(_a) {
     var _b = _a.alertType, alertType = _b === void 0 ? "neutral" : _b, _c = _a.learnMore, learnMore = _c === void 0 ? false : _c, href = _a.href, linkText = _a.linkText, children = _a.children, _d = _a.style, props = __rest(_a, ["alertType", "learnMore", "href", "linkText", "children", "style"]);
     function notificationIcon() {
         if (alertType === "success") {
-            return React__default.createElement(CompletedCheckmarkIcon, { color: colors.green.dark, mr: 8, style: { flexShrink: "0" } });
+            return React__default.createElement(CompletedCheckmarkIcon, { color: colors.green.dark, mr: 8, style: { flexShrink: 0 } });
         }
         else if (alertType === "error") {
-            return React__default.createElement(AlertIcon, { color: colors.errors.dark, mr: 8, style: { flexShrink: "0" } });
+            return React__default.createElement(AlertIcon, { color: colors.errors.dark, mr: 8, style: { flexShrink: 0 } });
         }
         else {
-            return React__default.createElement(InfoIcon, { color: colors.navy.dark, mr: 8, style: { flexShrink: "0" } });
+            return React__default.createElement(InfoIcon, { color: colors.navy.dark, mr: 8, style: { flexShrink: 0 } });
         }
     }
     NotificationVariantStyles(alertType);
@@ -6595,6 +6618,7 @@ exports.CommentIcon = CommentIcon;
 exports.CompletedCheckmarkIcon = CompletedCheckmarkIcon;
 exports.CouponIcon = CouponIcon;
 exports.CreatableSelect = SKUCreatableSelect;
+exports.CreditCardIcon = CreditCardIcon;
 exports.CustomDateInput = CustomDateInput;
 exports.Datepicker = Datepicker;
 exports.DaysBodyWrapper = DaysBodyWrapper;
@@ -6635,6 +6659,7 @@ exports.H5 = H5;
 exports.H6 = H6;
 exports.HeaderWrapper = HeaderWrapper;
 exports.HeadlessTable = HeadlessTable;
+exports.HistoryIcon = HistoryIcon;
 exports.IconButton = IconButton;
 exports.IconDoc = IconDoc;
 exports.InfoIcon = InfoIcon;
@@ -6706,6 +6731,7 @@ exports.SalesOrderCircleIcon = SalesOrderCircleIcon;
 exports.SearchIcon = SearchIcon;
 exports.Select = SKUSelect;
 exports.SharedStyles = SharedStyles;
+exports.ShopIcon = ShopIcon;
 exports.ShowPopup = ShowPopup;
 exports.SidePanel = SidePanel;
 exports.SimpleWindowedTable = SimpleWindowedTable;