@commonsku/styles 1.17.10 → 1.17.11

package/dist/index.cjs

@@ -2386,7 +2386,7 @@ function MenuIcon(_a) {
         React__default.default.createElement("path", { d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1Zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1ZM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1Z", fill: color }));
 }
 
-var iconSizes$7 = {
+var iconSizes$8 = {
     tiny: {
         'font-size': fontStyles.button.small.fontSize,
     },
@@ -2410,7 +2410,7 @@ var getSizeStyle$2 = function (style, defaults) {
     return function (_a) {
         var size = _a.size;
         if (size) {
-            return _.get(iconSizes$7, [size, style]) || defaults;
+            return _.get(iconSizes$8, [size, style]) || defaults;
         }
         return defaults;
     };
@@ -2475,7 +2475,7 @@ function HandleIcon(_a) {
         React__default.default.createElement("path", { d: "M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z", fill: color }));
 }
 
-var iconSizes$6 = {
+var iconSizes$7 = {
     tiny: {
         width: 16,
         height: 18,
@@ -2509,11 +2509,11 @@ var iconSizes$6 = {
 };
 function ShoppingCartIcon(_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 ? "Shopping Cart" : _d, props = __rest(_a, ["color", "size", "altText"]);
-    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "ShoppingCartIcon", iconSizes: iconSizes$6, altText: altText }, props),
+    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "ShoppingCartIcon", iconSizes: iconSizes$7, altText: altText }, props),
         React__default.default.createElement("path", { d: "M15.5463 11C16.2963 11 16.9563 10.59 17.2963 9.97L20.8763 3.48C21.2463 2.82 20.7663 2 20.0063 2H5.20634L4.26634 0H0.996338V2H2.99634L6.59634 9.59L5.24634 12.03C4.51634 13.37 5.47634 15 6.99634 15H18.9963V13H6.99634L8.09634 11H15.5463ZM6.15634 4H18.3063L15.5463 9H8.52634L6.15634 4ZM6.99634 16C5.89634 16 5.00634 16.9 5.00634 18C5.00634 19.1 5.89634 20 6.99634 20C8.09634 20 8.99634 19.1 8.99634 18C8.99634 16.9 8.09634 16 6.99634 16ZM16.9963 16C15.8963 16 15.0063 16.9 15.0063 18C15.0063 19.1 15.8963 20 16.9963 20C18.0963 20 18.9963 19.1 18.9963 18C18.9963 16.9 18.0963 16 16.9963 16Z", fill: color })));
 }
 
-var iconSizes$5 = {
+var iconSizes$6 = {
     tiny: {
         width: 14,
         height: 15,
@@ -2547,7 +2547,7 @@ var iconSizes$5 = {
 };
 function AddShoppingCartIcon(_a) {
     var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c; _a.altText; var props = __rest(_a, ["color", "size", "altText"]);
-    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "AddShoppingCartIcon", iconSizes: iconSizes$5 }, props),
+    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "AddShoppingCartIcon", iconSizes: iconSizes$6 }, props),
         React__default.default.createElement("path", { d: "M10.4199 8.5H12.4199V5.5H15.4199V3.5H12.4199V0.5H10.4199V3.5H7.41992V5.5H10.4199V8.5ZM6.41992 17.5C5.31992 17.5 4.42992 18.4 4.42992 19.5C4.42992 20.6 5.31992 21.5 6.41992 21.5C7.51992 21.5 8.41992 20.6 8.41992 19.5C8.41992 18.4 7.51992 17.5 6.41992 17.5ZM16.4199 17.5C15.3199 17.5 14.4299 18.4 14.4299 19.5C14.4299 20.6 15.3199 21.5 16.4199 21.5C17.5199 21.5 18.4199 20.6 18.4199 19.5C18.4199 18.4 17.5199 17.5 16.4199 17.5ZM7.51992 12.5H14.9699C15.7199 12.5 16.3799 12.09 16.7199 11.47L20.5799 4.46L18.8399 3.5L14.9699 10.5H7.94992L3.68992 1.5H0.419922V3.5H2.41992L6.01992 11.09L4.66992 13.53C3.93992 14.87 4.89992 16.5 6.41992 16.5H18.4199V14.5H6.41992L7.51992 12.5Z", fill: color })));
 }
 
@@ -2622,7 +2622,7 @@ function HelpIcon(_a) {
         React__default.default.createElement("path", { d: "M9 16H11V14H9V16ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM10 4C7.79 4 6 5.79 6 8H8C8 6.9 8.9 6 10 6C11.1 6 12 6.9 12 8C12 10 9 9.75 9 13H11C11 10.75 14 10.5 14 8C14 5.79 12.21 4 10 4Z", fill: color }));
 }
 
-var iconSizes$4 = {
+var iconSizes$5 = {
     tiny: {
         width: 188,
         height: 44,
@@ -2657,7 +2657,7 @@ var iconSizes$4 = {
 function FileUploadIcon(_a) {
     var _b = _a.color; _b === void 0 ? teal.main : _b; var _c = _a.size, size = _c === void 0 ? "medium" : _c; _a.altText; var props = __rest(_a, ["color", "size", "altText"]);
     var clipId = "clip0_2603_83254_".concat(_.uniqueId('clip'));
-    return React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "FileUploadIcon", iconSizes: iconSizes$4 }, props),
+    return React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "FileUploadIcon", iconSizes: iconSizes$5 }, props),
         React__default.default.createElement("g", { clipPath: "url(#".concat(clipId, ")") },
             React__default.default.createElement("path", { d: "M74.6667 13.3333V50.6667H37.3333V13.3333H74.6667ZM74.6667 8H37.3333C34.4 8 32 10.4 32 13.3333V50.6667C32 53.6 34.4 56 37.3333 56H74.6667C77.6 56 80 53.6 80 50.6667V13.3333C80 10.4 77.6 8 74.6667 8ZM61.7067 31.6267L53.7067 41.9467L48 35.04L40 45.3333H72L61.7067 31.6267Z", fill: "#B8C4CB" })),
         React__default.default.createElement("path", { d: "M97.26 19H99.9C102.36 19 104.28 17.08 104.28 14.8C104.28 12.52 102.36 10.6 99.9 10.6H97.26V19ZM98.16 18.16V11.44H99.9C101.88 11.44 103.38 12.94 103.38 14.8C103.38 16.66 101.88 18.16 99.9 18.16H98.16ZM105.96 19H106.8V15.82C106.8 14.68 107.64 13.96 108.6 13.96H108.96V13.12H108.72C107.4 13.12 106.8 14.02 106.8 14.02V13.24H105.96V19ZM113.577 19H114.417V15.34C114.417 14.08 113.457 13.12 112.137 13.12C110.757 13.12 109.977 14.2 109.977 14.2L110.517 14.74C110.517 14.74 111.117 13.9 112.137 13.9C112.977 13.9 113.577 14.5 113.577 15.34L111.357 15.7C110.277 15.88 109.677 16.48 109.677 17.44C109.677 18.28 110.517 19.12 111.717 19.12C112.977 19.12 113.577 18.22 113.577 18.22V19ZM113.577 16.42C113.577 17.56 112.797 18.34 111.717 18.34C110.937 18.34 110.517 17.92 110.517 17.44C110.517 16.9 110.877 16.552 111.597 16.42L113.577 16.06V16.42ZM116.151 20.32C116.151 20.32 116.931 21.52 118.551 21.52C120.111 21.52 121.371 20.26 121.371 18.64V13.24H120.531V14.02C120.531 14.02 119.991 13.12 118.611 13.12C117.111 13.12 115.911 14.38 115.911 16C115.911 17.62 117.111 18.88 118.611 18.88C119.991 18.88 120.531 17.98 120.531 17.98V18.64C120.531 19.84 119.631 20.74 118.551 20.74C117.351 20.74 116.691 19.78 116.691 19.78L116.151 20.32ZM118.611 18.1C117.591 18.1 116.751 17.2 116.751 16C116.751 14.8 117.591 13.9 118.611 13.9C119.691 13.9 120.531 14.8 120.531 16C120.531 17.2 119.691 18.1 118.611 18.1ZM129.292 19H130.132V15.34C130.132 14.08 129.172 13.12 127.852 13.12C126.472 13.12 125.692 14.2 125.692 14.2L126.232 14.74C126.232 14.74 126.832 13.9 127.852 13.9C128.692 13.9 129.292 14.5 129.292 15.34L127.072 15.7C125.992 15.88 125.392 16.48 125.392 17.44C125.392 18.28 126.232 19.12 127.432 19.12C128.692 19.12 129.292 18.22 129.292 18.22V19ZM129.292 16.42C129.292 17.56 128.512 18.34 127.432 18.34C126.652 18.34 126.232 17.92 126.232 17.44C126.232 16.9 126.592 16.552 127.312 16.42L129.292 16.06V16.42ZM132.046 19H132.886V15.82C132.886 14.68 133.666 13.9 134.686 13.9C135.586 13.9 136.246 14.56 136.246 15.58V19H137.086V15.58C137.086 14.08 136.126 13.12 134.746 13.12C133.486 13.12 132.886 14.08 132.886 14.08V13.24H132.046V19ZM143.387 19H144.227V10.6H143.387V14.08C143.387 14.08 142.727 13.12 141.407 13.12C139.847 13.12 138.587 14.38 138.587 16.12C138.587 17.86 139.847 19.12 141.407 19.12C142.727 19.12 143.387 18.16 143.387 18.16V19ZM141.407 18.34C140.327 18.34 139.427 17.44 139.427 16.12C139.427 14.8 140.327 13.9 141.407 13.9C142.427 13.9 143.387 14.86 143.387 16.12C143.387 17.38 142.427 18.34 141.407 18.34ZM153.102 19H153.942V10.6H153.102V14.08C153.102 14.08 152.442 13.12 151.122 13.12C149.562 13.12 148.302 14.38 148.302 16.12C148.302 17.86 149.562 19.12 151.122 19.12C152.442 19.12 153.102 18.16 153.102 18.16V19ZM151.122 18.34C150.042 18.34 149.142 17.44 149.142 16.12C149.142 14.8 150.042 13.9 151.122 13.9C152.142 13.9 153.102 14.86 153.102 16.12C153.102 17.38 152.142 18.34 151.122 18.34ZM155.917 19H156.757V15.82C156.757 14.68 157.597 13.96 158.557 13.96H158.917V13.12H158.677C157.357 13.12 156.757 14.02 156.757 14.02V13.24H155.917V19ZM162.457 19.12C164.077 19.12 165.397 17.8 165.397 16.12C165.397 14.44 164.077 13.12 162.457 13.12C160.837 13.12 159.517 14.44 159.517 16.12C159.517 17.8 160.837 19.12 162.457 19.12ZM162.457 18.34C161.317 18.34 160.357 17.368 160.357 16.12C160.357 14.86 161.317 13.9 162.457 13.9C163.597 13.9 164.557 14.86 164.557 16.12C164.557 17.38 163.597 18.34 162.457 18.34ZM166.898 21.52H167.738V18.16C167.738 18.16 168.398 19.12 169.718 19.12C171.278 19.12 172.538 17.86 172.538 16.12C172.538 14.38 171.278 13.12 169.718 13.12C168.398 13.12 167.738 14.08 167.738 14.08V13.24H166.898V21.52ZM169.718 18.34C168.698 18.34 167.738 17.38 167.738 16.12C167.738 14.86 168.698 13.9 169.718 13.9C170.798 13.9 171.698 14.8 171.698 16.12C171.698 17.44 170.798 18.34 169.718 18.34ZM97.02 33H97.86V29.82C97.86 28.68 98.64 27.9 99.66 27.9C100.56 27.9 101.22 28.56 101.22 29.58V33H102.06V29.58C102.06 28.08 101.1 27.12 99.72 27.12C98.46 27.12 97.86 28.08 97.86 28.08V24.6H97.02V33ZM108.3 31.38C108.3 31.38 107.652 32.34 106.44 32.34C105.36 32.34 104.46 31.44 104.4 30.42L109.08 30.432C109.08 30.432 109.14 30.24 109.14 30C109.14 28.32 107.94 27.12 106.38 27.12C104.88 27.12 103.56 28.44 103.56 30.12C103.56 31.8 104.88 33.12 106.44 33.12C108 33.12 108.84 31.92 108.84 31.92L108.3 31.38ZM104.4 29.7C104.52 28.74 105.36 27.9 106.38 27.9C107.4 27.9 108.18 28.68 108.3 29.7H104.4ZM110.636 33H111.476V29.82C111.476 28.68 112.316 27.96 113.276 27.96H113.636V27.12H113.396C112.076 27.12 111.476 28.02 111.476 28.02V27.24H110.636V33ZM118.975 31.38C118.975 31.38 118.327 32.34 117.115 32.34C116.035 32.34 115.135 31.44 115.075 30.42L119.755 30.432C119.755 30.432 119.815 30.24 119.815 30C119.815 28.32 118.615 27.12 117.055 27.12C115.555 27.12 114.235 28.44 114.235 30.12C114.235 31.8 115.555 33.12 117.115 33.12C118.675 33.12 119.515 31.92 119.515 31.92L118.975 31.38ZM115.075 29.7C115.195 28.74 116.035 27.9 117.055 27.9C118.075 27.9 118.855 28.68 118.975 29.7H115.075ZM126.351 33.12C127.971 33.12 129.291 31.8 129.291 30.12C129.291 28.44 127.971 27.12 126.351 27.12C124.731 27.12 123.411 28.44 123.411 30.12C123.411 31.8 124.731 33.12 126.351 33.12ZM126.351 32.34C125.211 32.34 124.251 31.368 124.251 30.12C124.251 28.86 125.211 27.9 126.351 27.9C127.491 27.9 128.451 28.86 128.451 30.12C128.451 31.38 127.491 32.34 126.351 32.34ZM130.792 33H131.632V29.82C131.632 28.68 132.472 27.96 133.432 27.96H133.792V27.12H133.552C132.232 27.12 131.632 28.02 131.632 28.02V27.24H130.792V33Z", fill: "#899CA9" }),
@@ -2667,7 +2667,7 @@ function FileUploadIcon(_a) {
                 React__default.default.createElement("rect", { width: "64", height: "64", fill: "white", transform: "translate(24)" }))));
 }
 
-var iconSizes$3 = {
+var iconSizes$4 = {
     tiny: {
         width: 12,
         height: 12,
@@ -2735,13 +2735,13 @@ function DoubleArrowIcon(_a) {
             'M16.4065 8.94078C15.8865 9.46078 15.8865 10.3008 16.4065 10.8208L21.5665 16.0074L16.3932 21.1808C15.8732 21.7008 15.8732 22.5408 16.3932 23.0608C16.9132 23.5808 17.7532 23.5808 18.2732 23.0608L24.3932 16.9408C24.9132 16.4208 24.9132 15.5808 24.3932 15.0608L18.2865 8.94078C17.7665 8.42078 16.9265 8.42078 16.4065 8.94078Z',
         ];
     }, [direction]);
-    return (React__default.default.createElement(SVG$1, __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", iconSizes: iconSizes$3, size: size }, props),
+    return (React__default.default.createElement(SVG$1, __assign({ fill: "none", xmlns: "http://www.w3.org/2000/svg", iconSizes: iconSizes$4, size: size }, props),
         React__default.default.createElement("title", { id: "DoubleArrowIcon" }, iconAltText),
         React__default.default.createElement("path", { d: directionPaths[0], fill: color }),
         React__default.default.createElement("path", { d: directionPaths[1], fill: color })));
 }
 
-var iconSizes$2 = {
+var iconSizes$3 = {
     tiny: {
         width: 16,
         height: 16,
@@ -2776,7 +2776,7 @@ var iconSizes$2 = {
 function ImageIcon(props) {
     var _a = props.color, color = _a === void 0 ? teal.main : _a, _b = props.size, size = _b === void 0 ? "medium" : _b, _c = props.altText, altText = _c === void 0 ? "ImageIcon" : _c, rest = __rest(props, ["color", "size", "altText"]);
     var id = _.uniqueId('clip0_1244_70960');
-    return (React__default.default.createElement(SVG$1, __assign({ size: size, iconSizes: iconSizes$2, "aria-labelledby": altText, fill: "none" }, rest),
+    return (React__default.default.createElement(SVG$1, __assign({ size: size, iconSizes: iconSizes$3, "aria-labelledby": altText, fill: "none" }, rest),
         React__default.default.createElement("g", { clipPath: "url(#".concat(id, ")") },
             React__default.default.createElement("path", { d: "M25.3333 6.66667V25.3333H6.66667V6.66667H25.3333ZM25.3333 4H6.66667C5.2 4 4 5.2 4 6.66667V25.3333C4 26.8 5.2 28 6.66667 28H25.3333C26.8 28 28 26.8 28 25.3333V6.66667C28 5.2 26.8 4 25.3333 4ZM18.8533 15.8133L14.8533 20.9733L12 17.52L8 22.6667H24L18.8533 15.8133Z", fill: color })),
         React__default.default.createElement("defs", null,
@@ -2784,7 +2784,7 @@ function ImageIcon(props) {
                 React__default.default.createElement("rect", { width: "32", height: "32", fill: "white" })))));
 }
 
-var iconSizes$1 = {
+var iconSizes$2 = {
     tiny: {
         width: 81,
         height: 80,
@@ -2818,14 +2818,14 @@ var iconSizes$1 = {
 };
 function StarLightIcon(_a) {
     var _b = _a.color; _b === void 0 ? teal.main : _b; var _c = _a.size, size = _c === void 0 ? "medium" : _c; _a.altText; var props = __rest(_a, ["color", "size", "altText"]);
-    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "StarLightIcon", iconSizes: iconSizes$1 }, props),
+    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "StarLightIcon", iconSizes: iconSizes$2 }, props),
         React__default.default.createElement("g", { id: "light", transform: "matrix(0.357231,0,0,0.357231,-1.53898,1.04263)" },
             React__default.default.createElement("rect", { x: "4.308", y: "-0.3", width: "279.931", height: "279.931", style: { fill: 'none' } }),
             React__default.default.createElement("g", { transform: "matrix(1.69264,0,0,1.69264,-1244.22,-2149.68)" },
                 React__default.default.createElement("path", { d: "M816.161,1280.05C816.87,1278.39 818.503,1277.31 820.31,1277.31C822.117,1277.31 823.75,1278.39 824.459,1280.05L844.406,1326.83L895.064,1331.35C896.864,1331.51 898.395,1332.73 898.954,1334.44C899.512,1336.16 898.991,1338.05 897.628,1339.24L859.299,1372.67L870.66,1422.24C871.064,1424 870.377,1425.83 868.914,1426.9C867.452,1427.96 865.497,1428.05 863.946,1427.12L820.31,1400.99L776.674,1427.12C775.123,1428.05 773.168,1427.96 771.706,1426.9C770.243,1425.83 769.556,1424 769.96,1422.24L781.321,1372.67L742.992,1339.24C741.629,1338.05 741.108,1336.16 741.666,1334.44C742.225,1332.73 743.756,1331.51 745.556,1331.35L796.214,1326.83L816.161,1280.05Z", style: { fill: 'rgb(236,248,255)', } })))));
 }
 
-var iconSizes = {
+var iconSizes$1 = {
     tiny: {
         width: 81,
         height: 80,
@@ -2859,7 +2859,7 @@ var iconSizes = {
 };
 function StarDarkIcon(_a) {
     var _b = _a.color; _b === void 0 ? teal.main : _b; var _c = _a.size, size = _c === void 0 ? "medium" : _c; _a.altText; var props = __rest(_a, ["color", "size", "altText"]);
-    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "StarDarkIcon", iconSizes: iconSizes }, props),
+    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "StarDarkIcon", iconSizes: iconSizes$1 }, props),
         React__default.default.createElement("g", { transform: "matrix(1,0,0,1,-126,0)" },
             React__default.default.createElement("g", { id: "dark", transform: "matrix(0.357231,0,0,0.357231,124.961,0.10718)" },
                 React__default.default.createElement("rect", { x: "4.308", y: "-0.3", width: "279.931", height: "279.931", style: { fill: 'none' } }),
@@ -2961,6 +2961,21 @@ function DesignIcon(_a) {
         React__default.default.createElement("path", { fill: color, d: "m16.239 11.51 1.57-1.57-3.75-3.75-1.57 1.57-4.14-4.13c-.78-.78-2.05-.78-2.83 0l-1.9 1.9c-.78.78-.78 2.05 0 2.83l4.13 4.13-4.6 4.61c-.1.1-.15.22-.15.36v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15l4.62-4.62 4.13 4.13c1.32 1.32 2.76.07 2.83 0l1.9-1.9c.78-.78.78-2.05 0-2.83l-4.13-4.12Zm-7.06-.44-4.14-4.13 1.89-1.9 1.27 1.27-.47.49a.996.996 0 1 0 1.41 1.41l.48-.48 1.45 1.45-1.89 1.89Zm7.88 7.89-4.13-4.13 1.9-1.9 1.45 1.45-.48.48a.996.996 0 1 0 1.41 1.41l.48-.48 1.27 1.27-1.9 1.9ZM20.709 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34c-.47-.47-1.12-.29-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83Z" }));
 }
 
+var iconSizes = iconSize;
+function ResizableIcon(_a) {
+    var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.altText, altText = _c === void 0 ? "Resizable Icon" : _c, props = __rest(_a, ["color", "altText"]);
+    var size = iconSizes[props.size || "medium"];
+    var clipId = _.uniqueId('ResizableIcon');
+    return (React__default.default.createElement(SVG$1, __assign({ "aria-labelledby": "ResizableIcon" }, props, { size: props.size || "medium" }),
+        React__default.default.createElement("title", { id: "ResizableIcon" }, altText),
+        React__default.default.createElement("g", { "clip-path": "url(#".concat(clipId, ")") },
+            React__default.default.createElement("path", { d: "M16.24 11.5094L17.81 9.93944L14.06 6.18944L12.49 7.75944L8.35 3.62944C7.57 2.84944 6.3 2.84944 5.52 3.62944L3.62 5.52944C2.84 6.30944 2.84 7.57944 3.62 8.35944L7.75 12.4894L3.15 17.0994C3.05 17.1994 3 17.3194 3 17.4594V20.4994C3 20.7794 3.22 20.9994 3.5 20.9994H6.54C6.67 20.9994 6.8 20.9494 6.89 20.8494L11.51 16.2294L15.64 20.3594C16.96 21.6794 18.4 20.4294 18.47 20.3594L20.37 18.4594C21.15 17.6794 21.15 16.4094 20.37 15.6294L16.24 11.5094ZM9.18 11.0694L5.04 6.93944L6.93 5.03944L8.2 6.30944L7.73 6.79944C7.34 7.18944 7.34 7.81944 7.73 8.20944C8.12 8.59944 8.75 8.59944 9.14 8.20944L9.62 7.72944L11.07 9.17944L9.18 11.0694ZM17.06 18.9594L12.93 14.8294L14.83 12.9294L16.28 14.3794L15.8 14.8594C15.41 15.2494 15.41 15.8794 15.8 16.2694C16.19 16.6594 16.82 16.6594 17.21 16.2694L17.69 15.7894L18.96 17.0594L17.06 18.9594Z", fill: color }),
+            React__default.default.createElement("path", { d: "M20.71 7.03944C21.1 6.64944 21.1 6.01944 20.71 5.62944L18.37 3.28944C17.9 2.81944 17.25 2.99944 16.96 3.28944L15.13 5.11944L18.88 8.86944L20.71 7.03944Z", fill: color })),
+        React__default.default.createElement("defs", null,
+            React__default.default.createElement("clipPath", { id: clipId },
+                React__default.default.createElement("rect", { width: size.width, height: size.height, fill: "white" })))));
+}
+
 var avatarSizes = {
     tiny: {
         size: '24px',
@@ -8214,6 +8229,7 @@ exports.RadioIcon = RadioIcon;
 exports.RadioLabel = RadioLabel;
 exports.ReceiptLongIcon = ReceiptLongIcon;
 exports.RenderChild = RenderChild;
+exports.ResizableIcon = ResizableIcon;
 exports.ResponsiveTable = ResponsiveTable;
 exports.Row = Row;
 exports.SHARED_STYLE_MAPS = SHARED_STYLE_MAPS;