@artsy/palette 40.6.0 → 40.7.0-canary.1422.31578.0

package/dist/elements/Image/Image.story.d.ts

@@ -33,3 +33,9 @@ export declare const ImageLazyLoadSrcSetPlaceHolderURL: {
         name: string;
     };
 };
+export declare const ImagePlaceholderURL: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/elements/Image/Image.story.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ImageWSrcSet = exports.ImageLazyLoadSrcSetPlaceHolderURL = exports.ImageLazyLoadSrcSet = exports.ImageLazyLoad = exports.Default = void 0;
+exports.default = exports.ImageWSrcSet = exports.ImagePlaceholderURL = exports.ImageLazyLoadSrcSetPlaceHolderURL = exports.ImageLazyLoadSrcSet = exports.ImageLazyLoad = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Image = require("../Image");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -84,4 +84,18 @@ ImageLazyLoadSrcSetPlaceHolderURL.displayName = "ImageLazyLoadSrcSetPlaceHolderU
 ImageLazyLoadSrcSetPlaceHolderURL.story = {
   name: "Image + lazyLoad + srcSet + placeHolderURL"
 };
+var ImagePlaceholderURL = function ImagePlaceholderURL() {
+  return /*#__PURE__*/_react.default.createElement(_Image.Image, {
+    width: "300px",
+    height: "200px",
+    placeHolderURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAQK0lEQVR4AQEgEN/vAP////////////////////////z//vr3//r18f/17ur/7+fi/+ng2v/j2NH/3c/J/9fHwf/SwLn/zbmz/8m0rv/Hsav/xrCr/8eyrf/KtrH/zru3/9PDv//Zy8j/4NTR/+fd2v/u5+P/9O/r//r38////fn////+////////////AP////////////////////////v//vr2//n08P/07un/7+fi/+nf2f/j19H/3c/I/9fHwP/Rv7j/zLmy/8m0rf/Hsar/xrCq/8exrP/JtbD/zbu3/9LCvv/Zysf/39TQ/+bd2v/t5uP/9O/r//r28v///fn////+////////////AP///////////////////////vv//fn2//n08P/07en/7ubh/+je2P/i1s//283H/9XFvv/Qvbb/y7ew/8exq//Frqj/xK2o/8Wvqv/Hsq7/y7i1/9HAvf/XycX/3tLP/+Xc2P/t5eL/8+7q//r28v///fj////+////////////AP///////////////////v///fr//Pn1//jz7v/z7Of/7eXf/+fd1v/g1M3/2cvE/9PDu//NurP/yLOs/8Sup//BqqT/wamj/8Grpv/Er6r/yLWx/869uv/VxsP/3NDN/+Ta1//r5OD/8u3p//n18f/+/Pf////9////////////AP///////////////////v///Pn/+/f0//bx7f/x6uX/6+Pd/+Xa1P/e0cr/18jA/9C/t//Ktq7/xK+n/8Cpof+9pZ7/vKOe/72loP/AqaX/xLCs/8q4tf/Rwr//2c3K/+HX1P/p4d7/8evn//f07//9+/b////8////////////AP///////////////////f/++/j/+vby//Xw6//v6OP/6eDa/+LX0P/bzsb/08S8/8y6sv/Fsaj/v6mg/7uimv+3npf/tpyW/7eemf+6op7/v6qm/8WzsP/Nvbv/1cnG/97U0f/m39v/7unl//by7v/8+vX////7////////////AP/////////////////++//8+fb/+PTw//Pu6f/t5uD/5t3X/9/Uzf/XysL/z7+2/8i1q//Aq6H/uqGY/7Sakf+xlY3/r5ON/7CVkP+0mpb/uaKf/8Csqv/IuLb/0cTB/9rQzf/k3Nj/7Obj//Tw7P/7+PP////6/////v//////AP/////////////+//78+v/6+PX/9vLu//Hr5//q497/49rT/9zQyP/Uxbz/y7qw/8OvpP+6o5n/s5mP/62Rh/+pi4L/qImC/6iLhv+skI3/spmX/7qlo//Dsa//zL+9/9bMyf/g2NX/6uTg//Lu6v/59/L///74/////f//////AP////////////78//z6+f/59vP/9PDs/+7p5P/o4dr/4NfQ/9jMxP/Pwbf/xrSq/72onP+0m4//rJCE/6WGe/+hf3b/n3x1/6B/ef+khYL/qo+N/7Ocm/+9qqn/x7m3/9LHxf/d1dL/5+Hd//Ds5//49fD//vz3/////P//////AP///////v7//fz7//v59//39PH/8u7q/+zm4f/l3tf/3dTM/9XIv//LvLH/wa6i/7ehk/+uk4X/pYV4/516bf+Ycmf/lm5m/5dxa/+beXb/ooWD/6uTkv+2o6L/wrOy/87CwP/Z0c7/5N7a/+7q5f/28+7//Pv1////+v////7/AP7+/v/9/f3//Pv6//n39v/18vD/8Ozo/+rk3//j29T/2tDI/9HEuv/Ht6v/vaib/7KZiv+niXr/nXpq/5VtXf+PYlX/jF5U/41hW/+Sa2j/mnl4/6SJif+wm5v/va2s/8q9vP/Wzcr/4dvY/+zo4//08uz/+/r0////+f////z/APz8/f/8/Pz/+vn5//f29f/z8e7/7urm/+ji3P/g2NH/2M3E/87Atf/DsqX/uKKU/6ySgf+hgG7/lm5b/4xeSv+FUT//gks+/4NPSP+IW1n/kWxs/52AgP+qlJT/uKem/8a5uP/Tysf/39nV/+rm4f/z8Ov/+vny////+P////v/APv7/P/7+/v/+fj4//b08//y7+3/7Ojl/+bg2v/e1s7/1crB/8u8sf/AraD/tJ2N/6eKeP+bd2L/j2JL/4ROM/98PB7/eTQc/3o5MP+ASkj/iWBg/5Z2eP+kjI3/s6Gh/8K1tP/QxsT/3dbT/+jk3//y7+n/+fjx///+9/////v/APr6+//6+vr/+Pf3//Xz8v/w7uz/6+fj/+Te2P/c1Mz/08e+/8i5rf+9qZv/sJiH/6OEcP+Wblb/iVc4/309B/90IQD/cAgA/3EaAP94Nzb/g1NV/5BucP+ghof/r52d/7+xsP/OxMH/29TR/+fi3f/w7uj/+Pfw//7+9v////r/APn6+//5+fr/9/f3//Tz8v/v7ev/6ubi/+Pd1//b0sr/0cW7/8a3qv+7ppf/rpSB/6B/af+SZ0z/hEwj/3cqAP9uAAD/aQAA/2oAAP9xIR//fUhL/4xmaf+cgYP/rZma/72urv/Mwr//2dPP/+Xh3P/w7ef/+Pfw//799v////n/APn5+v/4+Pn/9vb2//Py8f/v7Or/6eXh/+Lc1v/a0cn/0MS6/8W1qP+5pJT/rJF+/557Y/+PYkP/gUMC/3QUAP9qAAD/ZQAA/2YAAP9tAAD/ej9D/4lhZP+afYD/q5aX/7utrP/LwL7/2dLO/+Xg2//v7ef/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eTh/+Lb1f/Z0Mj/0MO5/8W0p/+4o5P/q497/515YP+OXz7/gD4A/3MAAP9oAAD/YwAA/2QAAP9sAAD/eTo+/4heYv+ZfH7/qpWW/7usq//KwL7/2NHO/+Xg2//v7Ob/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eXh/+Lb1f/a0Mj/0MO5/8W0p/+5opL/rI97/554YP+PXj3/gT4A/3QAAP9qAAD/ZQAA/2YAAP9tAAD/ejs//4lfYv+afH7/q5aW/7usq//KwL7/2NHO/+Xg2//v7eb/9/bv//399f////n/APn6+//4+fr/9vb3//Py8f/v7Or/6eXh/+Lc1v/a0cn/0cO5/8a0qP+6o5T/rZB9/596Y/+RYUL/hEIA/3cSAP9uAAD/aQAA/2oAAP9yBwP/fUFE/4xjZv+cf4H/rJeY/7ytrf/Mwb//2dLP/+Xh3P/v7ef/+Pfw//399v////n/APn6+//5+vr/9/f3//Tz8v/w7ev/6ubi/+Pd1//b0sr/0sW7/8i2qv+8pZb/sJKA/6N9Z/+VZkr/iEof/30oAP90AAD/cAAA/3EAAP94JiP/g0tN/5Bpa/+gg4T/r5qb/7+wr//Nw8D/29TQ/+bi3f/w7uj/+Pfw//7+9v////r/APr7/P/5+vv/+Pj4//X08//w7uz/6+fj/+Xe2P/d08z/1Me9/8q4rP+/qJr/s5aF/6eCbv+abFT/jlQ1/4Q6AP98HwD/eQsA/3oeBP+AOzj/ilZX/5Zwcv+kiIn/s5+f/8Kzsv/QxcP/3NXS/+jj3v/x7+n/+fjx//7+9/////v/APv8/f/6/Pz/+fn5//b19P/y8O3/7ejl/+bg2v/f1c7/1snA/827sP/Cq57/t5qL/6yIdv+gdF//lV9H/4xLLv+FOhn/gjMa/4M7Mf+ITUr/kWNi/515ev+qj4//uKSj/8W3tf/TyMb/39jU/+nl4P/y8Or/+vny////+P////v/APz+/v/7/f3/+vr6//f39f/z8e//7urm/+jh3P/h19D/2cvD/9C+tP/Gr6P/vJ+R/7GOfv+mfGr/nWtX/5RaRv+PTjv/jEo8/41PSP+SXVr/mm9u/6SCgv+wlpb/vamo/8m7uf/Wy8n/4drW/+vn4v/08ez/+/r0////+f////z/AP3////9/v7/+/z7//j49v/18/D/8Ozo/+rj3v/k2tP/3M7G/9PCuP/KtKj/wKWY/7eVhv+thXX/pHVl/51oWP+YX1D/llxR/5dgWv+ba2j/onp5/6uLi/+2nZz/wq+u/86/vf/Zz8z/5N3Z/+3p5P/18+7//Pv1////+v////3/AP7////+/////P38//r6+P/29PL/8u7q/+zm4f/m3Nb/39HJ/9fFvP/OuK3/xaqe/7ybjv+0jX//rIBy/6V0Z/+hbWH/n2ti/6Bvaf+keHT/qoWD/7OUk/+9pKP/x7Wz/9LEwv/d0tD/5uDc/+/r5v/39e///fz2////+///////AP///////////v/9//v7+f/49vP/9PDs/+7o4//o39n/4tTN/9rJwP/SvLL/yq+k/8Kilv+6lYn/s4l9/61/dP+peW//qHhw/6l8dv+shID/so+M/7qdm//Dq6n/zLq4/9bIxv/g1tP/6eLf//Ht6f/49vH//v34/////f//////AP/////////////+//39+v/5+PX/9fHu//Dq5f/r4dv/5NfQ/93MxP/WwLf/zrSq/8eonf/AnJH/uZGG/7SJf/+xhHv/sIN8/7GGgf+0jon/uZiV/8Ckov/Isq//0b+9/9rNyv/j2db/7OXh//Pv6//6+PP///75/////v//////AP////////////////7++//7+fb/9/Pv//Ls5//t497/59nT/+DPyP/ZxLz/0riv/8uto//Fopj/v5iP/7qRiP+3jYX/toyF/7ePiv+6lpL/v5+c/8WrqP/Nt7T/1cTB/97Qzf/m3Nn/7ufj//Xx7f/7+fT////6////////////AP///////////////////P/8+vf/+PTx//Tt6f/v5eD/6dzW/+PSy//cx7//1by0/8+xqP/Jp57/xJ6W/8CYj/+9lIz/vJSN/72Xkf/AnZj/xKai/8qwrf/RvLn/2cjF/+HU0P/o39v/8Onl//fy7v/8+vb////8////////////AP///////////////////f/9+/j/+vby//Xv6v/w5uH/693Y/+XUzf/eycL/2L+3/9K1rf/Mq6P/yKOb/8Sdlf/BmpL/wZqT/8Kdl//Eop7/yKun/861sf/VwLz/3MvI/+PW0//q4d3/8evn//j08P/9+/f////8////////////AP///////////////////v/+/Pn/+vbz//bv6//x6OP/7N/Z/+bVz//gy8T/2sG6/9S3r//Prqb/yqef/8ehmf/Fnpf/xJ6X/8Whm//HpqL/y66q/9G4tP/Xwr//3s3K/+XY1f/s49//8+zo//n18f/+/Pj////9////////////AP///////////////////v/+/fn/+/fz//fw7P/y6OP/7eDa/+fW0P/hzMb/28K7/9a5sf/RsKj/zKmh/8mjnP/HoJn/xqCa/8ejnv/JqaT/zbCs/9K6tv/YxMD/38/L/+bZ1v/t4+D/8+3p//n18f/+/Pj////+////////////HCU4UCaYN3YAAAAASUVORK5CYII=",
+    src: "https://picsum.photos/seed/example/300/200",
+    srcSet: "https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x"
+  });
+};
+exports.ImagePlaceholderURL = ImagePlaceholderURL;
+ImagePlaceholderURL.displayName = "ImagePlaceholderURL";
+ImagePlaceholderURL.story = {
+  name: "Image + placeholderURL"
+};
 //# sourceMappingURL=Image.story.js.map

package/dist/elements/Image/Image.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.story.js","names":["_react","_interopRequireDefault","require","_Image","obj","__esModule","default","_default","title","exports","Default","createElement","Image","id","className","width","height","src","displayName","story","name","ImageWSrcSet","srcSet","ImageLazyLoad","Fragment","Array","from","map","_","i","key","lazyLoad","concat","ImageLazyLoadSrcSet","ImageLazyLoadSrcSetPlaceHolderURL","placeHolderURL"],"sources":["../../../src/elements/Image/Image.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\n\nexport default {\n  title: \"Components/Image\",\n}\n\nexport const Default = () => {\n  return (\n    <Image\n      id=\"example\"\n      className=\"example\"\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n    />\n  )\n}\n\nDefault.story = {\n  name: \"Image\",\n}\n\nexport const ImageWSrcSet = () => {\n  return (\n    <Image\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageWSrcSet.story = {\n  name: \"Image + srcSet\",\n}\n\nexport const ImageLazyLoad = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoad.story = {\n  name: \"Image + lazyLoad\",\n}\n\nexport const ImageLazyLoadSrcSet = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n          srcSet={`https://picsum.photos/seed/${i}/300/200 1x, https://picsum.photos/seed/${i}/600/400 2x`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoadSrcSet.story = {\n  name: \"Image + lazyLoad + srcSet\",\n}\n\nexport const ImageLazyLoadSrcSetPlaceHolderURL = () => {\n  return (\n    <Image\n      lazyLoad\n      width=\"300px\"\n      height=\"200px\"\n      placeHolderURL=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAQK0lEQVR4AQEgEN/vAP////////////////////////z//vr3//r18f/17ur/7+fi/+ng2v/j2NH/3c/J/9fHwf/SwLn/zbmz/8m0rv/Hsav/xrCr/8eyrf/KtrH/zru3/9PDv//Zy8j/4NTR/+fd2v/u5+P/9O/r//r38////fn////+////////////AP////////////////////////v//vr2//n08P/07un/7+fi/+nf2f/j19H/3c/I/9fHwP/Rv7j/zLmy/8m0rf/Hsar/xrCq/8exrP/JtbD/zbu3/9LCvv/Zysf/39TQ/+bd2v/t5uP/9O/r//r28v///fn////+////////////AP///////////////////////vv//fn2//n08P/07en/7ubh/+je2P/i1s//283H/9XFvv/Qvbb/y7ew/8exq//Frqj/xK2o/8Wvqv/Hsq7/y7i1/9HAvf/XycX/3tLP/+Xc2P/t5eL/8+7q//r28v///fj////+////////////AP///////////////////v///fr//Pn1//jz7v/z7Of/7eXf/+fd1v/g1M3/2cvE/9PDu//NurP/yLOs/8Sup//BqqT/wamj/8Grpv/Er6r/yLWx/869uv/VxsP/3NDN/+Ta1//r5OD/8u3p//n18f/+/Pf////9////////////AP///////////////////v///Pn/+/f0//bx7f/x6uX/6+Pd/+Xa1P/e0cr/18jA/9C/t//Ktq7/xK+n/8Cpof+9pZ7/vKOe/72loP/AqaX/xLCs/8q4tf/Rwr//2c3K/+HX1P/p4d7/8evn//f07//9+/b////8////////////AP///////////////////f/++/j/+vby//Xw6//v6OP/6eDa/+LX0P/bzsb/08S8/8y6sv/Fsaj/v6mg/7uimv+3npf/tpyW/7eemf+6op7/v6qm/8WzsP/Nvbv/1cnG/97U0f/m39v/7unl//by7v/8+vX////7////////////AP/////////////////++//8+fb/+PTw//Pu6f/t5uD/5t3X/9/Uzf/XysL/z7+2/8i1q//Aq6H/uqGY/7Sakf+xlY3/r5ON/7CVkP+0mpb/uaKf/8Csqv/IuLb/0cTB/9rQzf/k3Nj/7Obj//Tw7P/7+PP////6/////v//////AP/////////////+//78+v/6+PX/9vLu//Hr5//q497/49rT/9zQyP/Uxbz/y7qw/8OvpP+6o5n/s5mP/62Rh/+pi4L/qImC/6iLhv+skI3/spmX/7qlo//Dsa//zL+9/9bMyf/g2NX/6uTg//Lu6v/59/L///74/////f//////AP////////////78//z6+f/59vP/9PDs/+7p5P/o4dr/4NfQ/9jMxP/Pwbf/xrSq/72onP+0m4//rJCE/6WGe/+hf3b/n3x1/6B/ef+khYL/qo+N/7Ocm/+9qqn/x7m3/9LHxf/d1dL/5+Hd//Ds5//49fD//vz3/////P//////AP///////v7//fz7//v59//39PH/8u7q/+zm4f/l3tf/3dTM/9XIv//LvLH/wa6i/7ehk/+uk4X/pYV4/516bf+Ycmf/lm5m/5dxa/+beXb/ooWD/6uTkv+2o6L/wrOy/87CwP/Z0c7/5N7a/+7q5f/28+7//Pv1////+v////7/AP7+/v/9/f3//Pv6//n39v/18vD/8Ozo/+rk3//j29T/2tDI/9HEuv/Ht6v/vaib/7KZiv+niXr/nXpq/5VtXf+PYlX/jF5U/41hW/+Sa2j/mnl4/6SJif+wm5v/va2s/8q9vP/Wzcr/4dvY/+zo4//08uz/+/r0////+f////z/APz8/f/8/Pz/+vn5//f29f/z8e7/7urm/+ji3P/g2NH/2M3E/87Atf/DsqX/uKKU/6ySgf+hgG7/lm5b/4xeSv+FUT//gks+/4NPSP+IW1n/kWxs/52AgP+qlJT/uKem/8a5uP/Tysf/39nV/+rm4f/z8Ov/+vny////+P////v/APv7/P/7+/v/+fj4//b08//y7+3/7Ojl/+bg2v/e1s7/1crB/8u8sf/AraD/tJ2N/6eKeP+bd2L/j2JL/4ROM/98PB7/eTQc/3o5MP+ASkj/iWBg/5Z2eP+kjI3/s6Gh/8K1tP/QxsT/3dbT/+jk3//y7+n/+fjx///+9/////v/APr6+//6+vr/+Pf3//Xz8v/w7uz/6+fj/+Te2P/c1Mz/08e+/8i5rf+9qZv/sJiH/6OEcP+Wblb/iVc4/309B/90IQD/cAgA/3EaAP94Nzb/g1NV/5BucP+ghof/r52d/7+xsP/OxMH/29TR/+fi3f/w7uj/+Pfw//7+9v////r/APn6+//5+fr/9/f3//Tz8v/v7ev/6ubi/+Pd1//b0sr/0cW7/8a3qv+7ppf/rpSB/6B/af+SZ0z/hEwj/3cqAP9uAAD/aQAA/2oAAP9xIR//fUhL/4xmaf+cgYP/rZma/72urv/Mwr//2dPP/+Xh3P/w7ef/+Pfw//799v////n/APn5+v/4+Pn/9vb2//Py8f/v7Or/6eXh/+Lc1v/a0cn/0MS6/8W1qP+5pJT/rJF+/557Y/+PYkP/gUMC/3QUAP9qAAD/ZQAA/2YAAP9tAAD/ej9D/4lhZP+afYD/q5aX/7utrP/LwL7/2dLO/+Xg2//v7ef/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eTh/+Lb1f/Z0Mj/0MO5/8W0p/+4o5P/q497/515YP+OXz7/gD4A/3MAAP9oAAD/YwAA/2QAAP9sAAD/eTo+/4heYv+ZfH7/qpWW/7usq//KwL7/2NHO/+Xg2//v7Ob/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eXh/+Lb1f/a0Mj/0MO5/8W0p/+5opL/rI97/554YP+PXj3/gT4A/3QAAP9qAAD/ZQAA/2YAAP9tAAD/ejs//4lfYv+afH7/q5aW/7usq//KwL7/2NHO/+Xg2//v7eb/9/bv//399f////n/APn6+//4+fr/9vb3//Py8f/v7Or/6eXh/+Lc1v/a0cn/0cO5/8a0qP+6o5T/rZB9/596Y/+RYUL/hEIA/3cSAP9uAAD/aQAA/2oAAP9yBwP/fUFE/4xjZv+cf4H/rJeY/7ytrf/Mwb//2dLP/+Xh3P/v7ef/+Pfw//399v////n/APn6+//5+vr/9/f3//Tz8v/w7ev/6ubi/+Pd1//b0sr/0sW7/8i2qv+8pZb/sJKA/6N9Z/+VZkr/iEof/30oAP90AAD/cAAA/3EAAP94JiP/g0tN/5Bpa/+gg4T/r5qb/7+wr//Nw8D/29TQ/+bi3f/w7uj/+Pfw//7+9v////r/APr7/P/5+vv/+Pj4//X08//w7uz/6+fj/+Xe2P/d08z/1Me9/8q4rP+/qJr/s5aF/6eCbv+abFT/jlQ1/4Q6AP98HwD/eQsA/3oeBP+AOzj/ilZX/5Zwcv+kiIn/s5+f/8Kzsv/QxcP/3NXS/+jj3v/x7+n/+fjx//7+9/////v/APv8/f/6/Pz/+fn5//b19P/y8O3/7ejl/+bg2v/f1c7/1snA/827sP/Cq57/t5qL/6yIdv+gdF//lV9H/4xLLv+FOhn/gjMa/4M7Mf+ITUr/kWNi/515ev+qj4//uKSj/8W3tf/TyMb/39jU/+nl4P/y8Or/+vny////+P////v/APz+/v/7/f3/+vr6//f39f/z8e//7urm/+jh3P/h19D/2cvD/9C+tP/Gr6P/vJ+R/7GOfv+mfGr/nWtX/5RaRv+PTjv/jEo8/41PSP+SXVr/mm9u/6SCgv+wlpb/vamo/8m7uf/Wy8n/4drW/+vn4v/08ez/+/r0////+f////z/AP3////9/v7/+/z7//j49v/18/D/8Ozo/+rj3v/k2tP/3M7G/9PCuP/KtKj/wKWY/7eVhv+thXX/pHVl/51oWP+YX1D/llxR/5dgWv+ba2j/onp5/6uLi/+2nZz/wq+u/86/vf/Zz8z/5N3Z/+3p5P/18+7//Pv1////+v////3/AP7////+/////P38//r6+P/29PL/8u7q/+zm4f/m3Nb/39HJ/9fFvP/OuK3/xaqe/7ybjv+0jX//rIBy/6V0Z/+hbWH/n2ti/6Bvaf+keHT/qoWD/7OUk/+9pKP/x7Wz/9LEwv/d0tD/5uDc/+/r5v/39e///fz2////+///////AP///////////v/9//v7+f/49vP/9PDs/+7o4//o39n/4tTN/9rJwP/SvLL/yq+k/8Kilv+6lYn/s4l9/61/dP+peW//qHhw/6l8dv+shID/so+M/7qdm//Dq6n/zLq4/9bIxv/g1tP/6eLf//Ht6f/49vH//v34/////f//////AP/////////////+//39+v/5+PX/9fHu//Dq5f/r4dv/5NfQ/93MxP/WwLf/zrSq/8eonf/AnJH/uZGG/7SJf/+xhHv/sIN8/7GGgf+0jon/uZiV/8Ckov/Isq//0b+9/9rNyv/j2db/7OXh//Pv6//6+PP///75/////v//////AP////////////////7++//7+fb/9/Pv//Ls5//t497/59nT/+DPyP/ZxLz/0riv/8uto//Fopj/v5iP/7qRiP+3jYX/toyF/7ePiv+6lpL/v5+c/8WrqP/Nt7T/1cTB/97Qzf/m3Nn/7ufj//Xx7f/7+fT////6////////////AP///////////////////P/8+vf/+PTx//Tt6f/v5eD/6dzW/+PSy//cx7//1by0/8+xqP/Jp57/xJ6W/8CYj/+9lIz/vJSN/72Xkf/AnZj/xKai/8qwrf/RvLn/2cjF/+HU0P/o39v/8Onl//fy7v/8+vb////8////////////AP///////////////////f/9+/j/+vby//Xv6v/w5uH/693Y/+XUzf/eycL/2L+3/9K1rf/Mq6P/yKOb/8Sdlf/BmpL/wZqT/8Kdl//Eop7/yKun/861sf/VwLz/3MvI/+PW0//q4d3/8evn//j08P/9+/f////8////////////AP///////////////////v/+/Pn/+vbz//bv6//x6OP/7N/Z/+bVz//gy8T/2sG6/9S3r//Prqb/yqef/8ehmf/Fnpf/xJ6X/8Whm//HpqL/y66q/9G4tP/Xwr//3s3K/+XY1f/s49//8+zo//n18f/+/Pj////9////////////AP///////////////////v/+/fn/+/fz//fw7P/y6OP/7eDa/+fW0P/hzMb/28K7/9a5sf/RsKj/zKmh/8mjnP/HoJn/xqCa/8ejnv/JqaT/zbCs/9K6tv/YxMD/38/L/+bZ1v/t4+D/8+3p//n18f/+/Pj////+////////////HCU4UCaYN3YAAAAASUVORK5CYII=\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageLazyLoadSrcSetPlaceHolderURL.story = {\n  name: \"Image + lazyLoad + srcSet + placeHolderURL\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Image.story.js","names":["_react","_interopRequireDefault","require","_Image","obj","__esModule","default","_default","title","exports","Default","createElement","Image","id","className","width","height","src","displayName","story","name","ImageWSrcSet","srcSet","ImageLazyLoad","Fragment","Array","from","map","_","i","key","lazyLoad","concat","ImageLazyLoadSrcSet","ImageLazyLoadSrcSetPlaceHolderURL","placeHolderURL","ImagePlaceholderURL"],"sources":["../../../src/elements/Image/Image.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\n\nexport default {\n  title: \"Components/Image\",\n}\n\nexport const Default = () => {\n  return (\n    <Image\n      id=\"example\"\n      className=\"example\"\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n    />\n  )\n}\n\nDefault.story = {\n  name: \"Image\",\n}\n\nexport const ImageWSrcSet = () => {\n  return (\n    <Image\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageWSrcSet.story = {\n  name: \"Image + srcSet\",\n}\n\nexport const ImageLazyLoad = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoad.story = {\n  name: \"Image + lazyLoad\",\n}\n\nexport const ImageLazyLoadSrcSet = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n          srcSet={`https://picsum.photos/seed/${i}/300/200 1x, https://picsum.photos/seed/${i}/600/400 2x`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoadSrcSet.story = {\n  name: \"Image + lazyLoad + srcSet\",\n}\n\nexport const ImageLazyLoadSrcSetPlaceHolderURL = () => {\n  return (\n    <Image\n      lazyLoad\n      width=\"300px\"\n      height=\"200px\"\n      placeHolderURL=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAQK0lEQVR4AQEgEN/vAP////////////////////////z//vr3//r18f/17ur/7+fi/+ng2v/j2NH/3c/J/9fHwf/SwLn/zbmz/8m0rv/Hsav/xrCr/8eyrf/KtrH/zru3/9PDv//Zy8j/4NTR/+fd2v/u5+P/9O/r//r38////fn////+////////////AP////////////////////////v//vr2//n08P/07un/7+fi/+nf2f/j19H/3c/I/9fHwP/Rv7j/zLmy/8m0rf/Hsar/xrCq/8exrP/JtbD/zbu3/9LCvv/Zysf/39TQ/+bd2v/t5uP/9O/r//r28v///fn////+////////////AP///////////////////////vv//fn2//n08P/07en/7ubh/+je2P/i1s//283H/9XFvv/Qvbb/y7ew/8exq//Frqj/xK2o/8Wvqv/Hsq7/y7i1/9HAvf/XycX/3tLP/+Xc2P/t5eL/8+7q//r28v///fj////+////////////AP///////////////////v///fr//Pn1//jz7v/z7Of/7eXf/+fd1v/g1M3/2cvE/9PDu//NurP/yLOs/8Sup//BqqT/wamj/8Grpv/Er6r/yLWx/869uv/VxsP/3NDN/+Ta1//r5OD/8u3p//n18f/+/Pf////9////////////AP///////////////////v///Pn/+/f0//bx7f/x6uX/6+Pd/+Xa1P/e0cr/18jA/9C/t//Ktq7/xK+n/8Cpof+9pZ7/vKOe/72loP/AqaX/xLCs/8q4tf/Rwr//2c3K/+HX1P/p4d7/8evn//f07//9+/b////8////////////AP///////////////////f/++/j/+vby//Xw6//v6OP/6eDa/+LX0P/bzsb/08S8/8y6sv/Fsaj/v6mg/7uimv+3npf/tpyW/7eemf+6op7/v6qm/8WzsP/Nvbv/1cnG/97U0f/m39v/7unl//by7v/8+vX////7////////////AP/////////////////++//8+fb/+PTw//Pu6f/t5uD/5t3X/9/Uzf/XysL/z7+2/8i1q//Aq6H/uqGY/7Sakf+xlY3/r5ON/7CVkP+0mpb/uaKf/8Csqv/IuLb/0cTB/9rQzf/k3Nj/7Obj//Tw7P/7+PP////6/////v//////AP/////////////+//78+v/6+PX/9vLu//Hr5//q497/49rT/9zQyP/Uxbz/y7qw/8OvpP+6o5n/s5mP/62Rh/+pi4L/qImC/6iLhv+skI3/spmX/7qlo//Dsa//zL+9/9bMyf/g2NX/6uTg//Lu6v/59/L///74/////f//////AP////////////78//z6+f/59vP/9PDs/+7p5P/o4dr/4NfQ/9jMxP/Pwbf/xrSq/72onP+0m4//rJCE/6WGe/+hf3b/n3x1/6B/ef+khYL/qo+N/7Ocm/+9qqn/x7m3/9LHxf/d1dL/5+Hd//Ds5//49fD//vz3/////P//////AP///////v7//fz7//v59//39PH/8u7q/+zm4f/l3tf/3dTM/9XIv//LvLH/wa6i/7ehk/+uk4X/pYV4/516bf+Ycmf/lm5m/5dxa/+beXb/ooWD/6uTkv+2o6L/wrOy/87CwP/Z0c7/5N7a/+7q5f/28+7//Pv1////+v////7/AP7+/v/9/f3//Pv6//n39v/18vD/8Ozo/+rk3//j29T/2tDI/9HEuv/Ht6v/vaib/7KZiv+niXr/nXpq/5VtXf+PYlX/jF5U/41hW/+Sa2j/mnl4/6SJif+wm5v/va2s/8q9vP/Wzcr/4dvY/+zo4//08uz/+/r0////+f////z/APz8/f/8/Pz/+vn5//f29f/z8e7/7urm/+ji3P/g2NH/2M3E/87Atf/DsqX/uKKU/6ySgf+hgG7/lm5b/4xeSv+FUT//gks+/4NPSP+IW1n/kWxs/52AgP+qlJT/uKem/8a5uP/Tysf/39nV/+rm4f/z8Ov/+vny////+P////v/APv7/P/7+/v/+fj4//b08//y7+3/7Ojl/+bg2v/e1s7/1crB/8u8sf/AraD/tJ2N/6eKeP+bd2L/j2JL/4ROM/98PB7/eTQc/3o5MP+ASkj/iWBg/5Z2eP+kjI3/s6Gh/8K1tP/QxsT/3dbT/+jk3//y7+n/+fjx///+9/////v/APr6+//6+vr/+Pf3//Xz8v/w7uz/6+fj/+Te2P/c1Mz/08e+/8i5rf+9qZv/sJiH/6OEcP+Wblb/iVc4/309B/90IQD/cAgA/3EaAP94Nzb/g1NV/5BucP+ghof/r52d/7+xsP/OxMH/29TR/+fi3f/w7uj/+Pfw//7+9v////r/APn6+//5+fr/9/f3//Tz8v/v7ev/6ubi/+Pd1//b0sr/0cW7/8a3qv+7ppf/rpSB/6B/af+SZ0z/hEwj/3cqAP9uAAD/aQAA/2oAAP9xIR//fUhL/4xmaf+cgYP/rZma/72urv/Mwr//2dPP/+Xh3P/w7ef/+Pfw//799v////n/APn5+v/4+Pn/9vb2//Py8f/v7Or/6eXh/+Lc1v/a0cn/0MS6/8W1qP+5pJT/rJF+/557Y/+PYkP/gUMC/3QUAP9qAAD/ZQAA/2YAAP9tAAD/ej9D/4lhZP+afYD/q5aX/7utrP/LwL7/2dLO/+Xg2//v7ef/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eTh/+Lb1f/Z0Mj/0MO5/8W0p/+4o5P/q497/515YP+OXz7/gD4A/3MAAP9oAAD/YwAA/2QAAP9sAAD/eTo+/4heYv+ZfH7/qpWW/7usq//KwL7/2NHO/+Xg2//v7Ob/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eXh/+Lb1f/a0Mj/0MO5/8W0p/+5opL/rI97/554YP+PXj3/gT4A/3QAAP9qAAD/ZQAA/2YAAP9tAAD/ejs//4lfYv+afH7/q5aW/7usq//KwL7/2NHO/+Xg2//v7eb/9/bv//399f////n/APn6+//4+fr/9vb3//Py8f/v7Or/6eXh/+Lc1v/a0cn/0cO5/8a0qP+6o5T/rZB9/596Y/+RYUL/hEIA/3cSAP9uAAD/aQAA/2oAAP9yBwP/fUFE/4xjZv+cf4H/rJeY/7ytrf/Mwb//2dLP/+Xh3P/v7ef/+Pfw//399v////n/APn6+//5+vr/9/f3//Tz8v/w7ev/6ubi/+Pd1//b0sr/0sW7/8i2qv+8pZb/sJKA/6N9Z/+VZkr/iEof/30oAP90AAD/cAAA/3EAAP94JiP/g0tN/5Bpa/+gg4T/r5qb/7+wr//Nw8D/29TQ/+bi3f/w7uj/+Pfw//7+9v////r/APr7/P/5+vv/+Pj4//X08//w7uz/6+fj/+Xe2P/d08z/1Me9/8q4rP+/qJr/s5aF/6eCbv+abFT/jlQ1/4Q6AP98HwD/eQsA/3oeBP+AOzj/ilZX/5Zwcv+kiIn/s5+f/8Kzsv/QxcP/3NXS/+jj3v/x7+n/+fjx//7+9/////v/APv8/f/6/Pz/+fn5//b19P/y8O3/7ejl/+bg2v/f1c7/1snA/827sP/Cq57/t5qL/6yIdv+gdF//lV9H/4xLLv+FOhn/gjMa/4M7Mf+ITUr/kWNi/515ev+qj4//uKSj/8W3tf/TyMb/39jU/+nl4P/y8Or/+vny////+P////v/APz+/v/7/f3/+vr6//f39f/z8e//7urm/+jh3P/h19D/2cvD/9C+tP/Gr6P/vJ+R/7GOfv+mfGr/nWtX/5RaRv+PTjv/jEo8/41PSP+SXVr/mm9u/6SCgv+wlpb/vamo/8m7uf/Wy8n/4drW/+vn4v/08ez/+/r0////+f////z/AP3////9/v7/+/z7//j49v/18/D/8Ozo/+rj3v/k2tP/3M7G/9PCuP/KtKj/wKWY/7eVhv+thXX/pHVl/51oWP+YX1D/llxR/5dgWv+ba2j/onp5/6uLi/+2nZz/wq+u/86/vf/Zz8z/5N3Z/+3p5P/18+7//Pv1////+v////3/AP7////+/////P38//r6+P/29PL/8u7q/+zm4f/m3Nb/39HJ/9fFvP/OuK3/xaqe/7ybjv+0jX//rIBy/6V0Z/+hbWH/n2ti/6Bvaf+keHT/qoWD/7OUk/+9pKP/x7Wz/9LEwv/d0tD/5uDc/+/r5v/39e///fz2////+///////AP///////////v/9//v7+f/49vP/9PDs/+7o4//o39n/4tTN/9rJwP/SvLL/yq+k/8Kilv+6lYn/s4l9/61/dP+peW//qHhw/6l8dv+shID/so+M/7qdm//Dq6n/zLq4/9bIxv/g1tP/6eLf//Ht6f/49vH//v34/////f//////AP/////////////+//39+v/5+PX/9fHu//Dq5f/r4dv/5NfQ/93MxP/WwLf/zrSq/8eonf/AnJH/uZGG/7SJf/+xhHv/sIN8/7GGgf+0jon/uZiV/8Ckov/Isq//0b+9/9rNyv/j2db/7OXh//Pv6//6+PP///75/////v//////AP////////////////7++//7+fb/9/Pv//Ls5//t497/59nT/+DPyP/ZxLz/0riv/8uto//Fopj/v5iP/7qRiP+3jYX/toyF/7ePiv+6lpL/v5+c/8WrqP/Nt7T/1cTB/97Qzf/m3Nn/7ufj//Xx7f/7+fT////6////////////AP///////////////////P/8+vf/+PTx//Tt6f/v5eD/6dzW/+PSy//cx7//1by0/8+xqP/Jp57/xJ6W/8CYj/+9lIz/vJSN/72Xkf/AnZj/xKai/8qwrf/RvLn/2cjF/+HU0P/o39v/8Onl//fy7v/8+vb////8////////////AP///////////////////f/9+/j/+vby//Xv6v/w5uH/693Y/+XUzf/eycL/2L+3/9K1rf/Mq6P/yKOb/8Sdlf/BmpL/wZqT/8Kdl//Eop7/yKun/861sf/VwLz/3MvI/+PW0//q4d3/8evn//j08P/9+/f////8////////////AP///////////////////v/+/Pn/+vbz//bv6//x6OP/7N/Z/+bVz//gy8T/2sG6/9S3r//Prqb/yqef/8ehmf/Fnpf/xJ6X/8Whm//HpqL/y66q/9G4tP/Xwr//3s3K/+XY1f/s49//8+zo//n18f/+/Pj////9////////////AP///////////////////v/+/fn/+/fz//fw7P/y6OP/7eDa/+fW0P/hzMb/28K7/9a5sf/RsKj/zKmh/8mjnP/HoJn/xqCa/8ejnv/JqaT/zbCs/9K6tv/YxMD/38/L/+bZ1v/t4+D/8+3p//n18f/+/Pj////+////////////HCU4UCaYN3YAAAAASUVORK5CYII=\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageLazyLoadSrcSetPlaceHolderURL.story = {\n  name: \"Image + lazyLoad + srcSet + placeHolderURL\",\n}\n\nexport const ImagePlaceholderURL = () => {\n  return (\n    <Image\n      width=\"300px\"\n      height=\"200px\"\n      placeHolderURL=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAQK0lEQVR4AQEgEN/vAP////////////////////////z//vr3//r18f/17ur/7+fi/+ng2v/j2NH/3c/J/9fHwf/SwLn/zbmz/8m0rv/Hsav/xrCr/8eyrf/KtrH/zru3/9PDv//Zy8j/4NTR/+fd2v/u5+P/9O/r//r38////fn////+////////////AP////////////////////////v//vr2//n08P/07un/7+fi/+nf2f/j19H/3c/I/9fHwP/Rv7j/zLmy/8m0rf/Hsar/xrCq/8exrP/JtbD/zbu3/9LCvv/Zysf/39TQ/+bd2v/t5uP/9O/r//r28v///fn////+////////////AP///////////////////////vv//fn2//n08P/07en/7ubh/+je2P/i1s//283H/9XFvv/Qvbb/y7ew/8exq//Frqj/xK2o/8Wvqv/Hsq7/y7i1/9HAvf/XycX/3tLP/+Xc2P/t5eL/8+7q//r28v///fj////+////////////AP///////////////////v///fr//Pn1//jz7v/z7Of/7eXf/+fd1v/g1M3/2cvE/9PDu//NurP/yLOs/8Sup//BqqT/wamj/8Grpv/Er6r/yLWx/869uv/VxsP/3NDN/+Ta1//r5OD/8u3p//n18f/+/Pf////9////////////AP///////////////////v///Pn/+/f0//bx7f/x6uX/6+Pd/+Xa1P/e0cr/18jA/9C/t//Ktq7/xK+n/8Cpof+9pZ7/vKOe/72loP/AqaX/xLCs/8q4tf/Rwr//2c3K/+HX1P/p4d7/8evn//f07//9+/b////8////////////AP///////////////////f/++/j/+vby//Xw6//v6OP/6eDa/+LX0P/bzsb/08S8/8y6sv/Fsaj/v6mg/7uimv+3npf/tpyW/7eemf+6op7/v6qm/8WzsP/Nvbv/1cnG/97U0f/m39v/7unl//by7v/8+vX////7////////////AP/////////////////++//8+fb/+PTw//Pu6f/t5uD/5t3X/9/Uzf/XysL/z7+2/8i1q//Aq6H/uqGY/7Sakf+xlY3/r5ON/7CVkP+0mpb/uaKf/8Csqv/IuLb/0cTB/9rQzf/k3Nj/7Obj//Tw7P/7+PP////6/////v//////AP/////////////+//78+v/6+PX/9vLu//Hr5//q497/49rT/9zQyP/Uxbz/y7qw/8OvpP+6o5n/s5mP/62Rh/+pi4L/qImC/6iLhv+skI3/spmX/7qlo//Dsa//zL+9/9bMyf/g2NX/6uTg//Lu6v/59/L///74/////f//////AP////////////78//z6+f/59vP/9PDs/+7p5P/o4dr/4NfQ/9jMxP/Pwbf/xrSq/72onP+0m4//rJCE/6WGe/+hf3b/n3x1/6B/ef+khYL/qo+N/7Ocm/+9qqn/x7m3/9LHxf/d1dL/5+Hd//Ds5//49fD//vz3/////P//////AP///////v7//fz7//v59//39PH/8u7q/+zm4f/l3tf/3dTM/9XIv//LvLH/wa6i/7ehk/+uk4X/pYV4/516bf+Ycmf/lm5m/5dxa/+beXb/ooWD/6uTkv+2o6L/wrOy/87CwP/Z0c7/5N7a/+7q5f/28+7//Pv1////+v////7/AP7+/v/9/f3//Pv6//n39v/18vD/8Ozo/+rk3//j29T/2tDI/9HEuv/Ht6v/vaib/7KZiv+niXr/nXpq/5VtXf+PYlX/jF5U/41hW/+Sa2j/mnl4/6SJif+wm5v/va2s/8q9vP/Wzcr/4dvY/+zo4//08uz/+/r0////+f////z/APz8/f/8/Pz/+vn5//f29f/z8e7/7urm/+ji3P/g2NH/2M3E/87Atf/DsqX/uKKU/6ySgf+hgG7/lm5b/4xeSv+FUT//gks+/4NPSP+IW1n/kWxs/52AgP+qlJT/uKem/8a5uP/Tysf/39nV/+rm4f/z8Ov/+vny////+P////v/APv7/P/7+/v/+fj4//b08//y7+3/7Ojl/+bg2v/e1s7/1crB/8u8sf/AraD/tJ2N/6eKeP+bd2L/j2JL/4ROM/98PB7/eTQc/3o5MP+ASkj/iWBg/5Z2eP+kjI3/s6Gh/8K1tP/QxsT/3dbT/+jk3//y7+n/+fjx///+9/////v/APr6+//6+vr/+Pf3//Xz8v/w7uz/6+fj/+Te2P/c1Mz/08e+/8i5rf+9qZv/sJiH/6OEcP+Wblb/iVc4/309B/90IQD/cAgA/3EaAP94Nzb/g1NV/5BucP+ghof/r52d/7+xsP/OxMH/29TR/+fi3f/w7uj/+Pfw//7+9v////r/APn6+//5+fr/9/f3//Tz8v/v7ev/6ubi/+Pd1//b0sr/0cW7/8a3qv+7ppf/rpSB/6B/af+SZ0z/hEwj/3cqAP9uAAD/aQAA/2oAAP9xIR//fUhL/4xmaf+cgYP/rZma/72urv/Mwr//2dPP/+Xh3P/w7ef/+Pfw//799v////n/APn5+v/4+Pn/9vb2//Py8f/v7Or/6eXh/+Lc1v/a0cn/0MS6/8W1qP+5pJT/rJF+/557Y/+PYkP/gUMC/3QUAP9qAAD/ZQAA/2YAAP9tAAD/ej9D/4lhZP+afYD/q5aX/7utrP/LwL7/2dLO/+Xg2//v7ef/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eTh/+Lb1f/Z0Mj/0MO5/8W0p/+4o5P/q497/515YP+OXz7/gD4A/3MAAP9oAAD/YwAA/2QAAP9sAAD/eTo+/4heYv+ZfH7/qpWW/7usq//KwL7/2NHO/+Xg2//v7Ob/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eXh/+Lb1f/a0Mj/0MO5/8W0p/+5opL/rI97/554YP+PXj3/gT4A/3QAAP9qAAD/ZQAA/2YAAP9tAAD/ejs//4lfYv+afH7/q5aW/7usq//KwL7/2NHO/+Xg2//v7eb/9/bv//399f////n/APn6+//4+fr/9vb3//Py8f/v7Or/6eXh/+Lc1v/a0cn/0cO5/8a0qP+6o5T/rZB9/596Y/+RYUL/hEIA/3cSAP9uAAD/aQAA/2oAAP9yBwP/fUFE/4xjZv+cf4H/rJeY/7ytrf/Mwb//2dLP/+Xh3P/v7ef/+Pfw//399v////n/APn6+//5+vr/9/f3//Tz8v/w7ev/6ubi/+Pd1//b0sr/0sW7/8i2qv+8pZb/sJKA/6N9Z/+VZkr/iEof/30oAP90AAD/cAAA/3EAAP94JiP/g0tN/5Bpa/+gg4T/r5qb/7+wr//Nw8D/29TQ/+bi3f/w7uj/+Pfw//7+9v////r/APr7/P/5+vv/+Pj4//X08//w7uz/6+fj/+Xe2P/d08z/1Me9/8q4rP+/qJr/s5aF/6eCbv+abFT/jlQ1/4Q6AP98HwD/eQsA/3oeBP+AOzj/ilZX/5Zwcv+kiIn/s5+f/8Kzsv/QxcP/3NXS/+jj3v/x7+n/+fjx//7+9/////v/APv8/f/6/Pz/+fn5//b19P/y8O3/7ejl/+bg2v/f1c7/1snA/827sP/Cq57/t5qL/6yIdv+gdF//lV9H/4xLLv+FOhn/gjMa/4M7Mf+ITUr/kWNi/515ev+qj4//uKSj/8W3tf/TyMb/39jU/+nl4P/y8Or/+vny////+P////v/APz+/v/7/f3/+vr6//f39f/z8e//7urm/+jh3P/h19D/2cvD/9C+tP/Gr6P/vJ+R/7GOfv+mfGr/nWtX/5RaRv+PTjv/jEo8/41PSP+SXVr/mm9u/6SCgv+wlpb/vamo/8m7uf/Wy8n/4drW/+vn4v/08ez/+/r0////+f////z/AP3////9/v7/+/z7//j49v/18/D/8Ozo/+rj3v/k2tP/3M7G/9PCuP/KtKj/wKWY/7eVhv+thXX/pHVl/51oWP+YX1D/llxR/5dgWv+ba2j/onp5/6uLi/+2nZz/wq+u/86/vf/Zz8z/5N3Z/+3p5P/18+7//Pv1////+v////3/AP7////+/////P38//r6+P/29PL/8u7q/+zm4f/m3Nb/39HJ/9fFvP/OuK3/xaqe/7ybjv+0jX//rIBy/6V0Z/+hbWH/n2ti/6Bvaf+keHT/qoWD/7OUk/+9pKP/x7Wz/9LEwv/d0tD/5uDc/+/r5v/39e///fz2////+///////AP///////////v/9//v7+f/49vP/9PDs/+7o4//o39n/4tTN/9rJwP/SvLL/yq+k/8Kilv+6lYn/s4l9/61/dP+peW//qHhw/6l8dv+shID/so+M/7qdm//Dq6n/zLq4/9bIxv/g1tP/6eLf//Ht6f/49vH//v34/////f//////AP/////////////+//39+v/5+PX/9fHu//Dq5f/r4dv/5NfQ/93MxP/WwLf/zrSq/8eonf/AnJH/uZGG/7SJf/+xhHv/sIN8/7GGgf+0jon/uZiV/8Ckov/Isq//0b+9/9rNyv/j2db/7OXh//Pv6//6+PP///75/////v//////AP////////////////7++//7+fb/9/Pv//Ls5//t497/59nT/+DPyP/ZxLz/0riv/8uto//Fopj/v5iP/7qRiP+3jYX/toyF/7ePiv+6lpL/v5+c/8WrqP/Nt7T/1cTB/97Qzf/m3Nn/7ufj//Xx7f/7+fT////6////////////AP///////////////////P/8+vf/+PTx//Tt6f/v5eD/6dzW/+PSy//cx7//1by0/8+xqP/Jp57/xJ6W/8CYj/+9lIz/vJSN/72Xkf/AnZj/xKai/8qwrf/RvLn/2cjF/+HU0P/o39v/8Onl//fy7v/8+vb////8////////////AP///////////////////f/9+/j/+vby//Xv6v/w5uH/693Y/+XUzf/eycL/2L+3/9K1rf/Mq6P/yKOb/8Sdlf/BmpL/wZqT/8Kdl//Eop7/yKun/861sf/VwLz/3MvI/+PW0//q4d3/8evn//j08P/9+/f////8////////////AP///////////////////v/+/Pn/+vbz//bv6//x6OP/7N/Z/+bVz//gy8T/2sG6/9S3r//Prqb/yqef/8ehmf/Fnpf/xJ6X/8Whm//HpqL/y66q/9G4tP/Xwr//3s3K/+XY1f/s49//8+zo//n18f/+/Pj////9////////////AP///////////////////v/+/fn/+/fz//fw7P/y6OP/7eDa/+fW0P/hzMb/28K7/9a5sf/RsKj/zKmh/8mjnP/HoJn/xqCa/8ejnv/JqaT/zbCs/9K6tv/YxMD/38/L/+bZ1v/t4+D/8+3p//n18f/+/Pj////+////////////HCU4UCaYN3YAAAAASUVORK5CYII=\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImagePlaceholderURL.story = {\n  name: \"Image + placeholderURL\",\n}\n"],"mappings":"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"}

package/dist/elements/Image/LazyImage.js

@@ -13,12 +13,10 @@ var _CleanTag = require("../CleanTag");
 var _Skeleton = require("../Skeleton");
 var _Image = require("./Image");
 var _Box = require("../Box");
-var _excluded = ["preload", "imageComponent"],
-  _excluded2 = ["src", "srcSet", "title", "alt", "aria-label", "width", "height", "borderRadius", "style", "onError", "placeHolderURL"];
+var _excluded = ["preload", "imageComponent", "src", "srcSet", "title", "alt", "aria-label", "width", "height", "borderRadius", "style", "onError", "onLoad", "placeHolderURL"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -44,63 +42,53 @@ var InnerLazyImage = (0, _styledComponents.default)(_CleanTag.CleanTag.as(_react
 InnerLazyImage.displayName = "InnerLazyImage";
 /** LazyImage */
 var LazyImage = function LazyImage(_ref) {
+  var _imageProps;
   var _ref$preload = _ref.preload,
     preload = _ref$preload === void 0 ? false : _ref$preload,
     _ref$imageComponent = _ref.imageComponent,
     ImageComponent = _ref$imageComponent === void 0 ? _Image.BaseImage : _ref$imageComponent,
-    props = _objectWithoutProperties(_ref, _excluded);
+    src = _ref.src,
+    srcSet = _ref.srcSet,
+    title = _ref.title,
+    alt = _ref.alt,
+    ariaLabel = _ref["aria-label"],
+    width = _ref.width,
+    height = _ref.height,
+    borderRadius = _ref.borderRadius,
+    style = _ref.style,
+    onError = _ref.onError,
+    onLoad = _ref.onLoad,
+    placeHolderURL = _ref.placeHolderURL,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isImageLoaded = _useState2[0],
     setImageLoaded = _useState2[1];
-  var src = props.src,
-    srcSet = props.srcSet,
-    title = props.title,
-    alt = props.alt,
-    ariaLabel = props["aria-label"],
-    width = props.width,
-    height = props.height,
-    borderRadius = props.borderRadius,
-    style = props.style,
-    onError = props.onError,
-    placeHolderURL = props.placeHolderURL,
-    containerProps = _objectWithoutProperties(props, _excluded2);
-  if (preload) {
-    return /*#__PURE__*/_react.default.createElement(ImageComponent, props);
-  }
-  var handleLoad = function handleLoad() {
-    return setImageLoaded(true);
+  var handleLoad = function handleLoad(event) {
+    setImageLoaded(true);
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad(event);
   };
 
   // If there is a placeholder, use a regular Box to avoid a grey background.
   var Wrapper = placeHolderURL ? _Box.Box : _Skeleton.SkeletonBox;
-  var placeHolderStyle = placeHolderURL ? {
+  var imageProps = (_imageProps = {}, _defineProperty(_imageProps, "aria-label", ariaLabel), _defineProperty(_imageProps, "alt", alt), _defineProperty(_imageProps, "borderRadius", borderRadius), _defineProperty(_imageProps, "height", "100%"), _defineProperty(_imageProps, "omitFromProps", imagePropsToOmit), _defineProperty(_imageProps, "onError", onError), _defineProperty(_imageProps, "onLoad", handleLoad), _defineProperty(_imageProps, "src", src), _defineProperty(_imageProps, "srcSet", srcSet), _defineProperty(_imageProps, "style", _objectSpread(_objectSpread({}, style), {}, {
+    opacity: isImageLoaded ? "1" : "0",
+    // Avoids the placeholder image showing underneath the image
+    display: placeHolderURL ? "block" : style === null || style === void 0 ? void 0 : style.display
+  })), _defineProperty(_imageProps, "title", title), _defineProperty(_imageProps, "width", "100%"), _imageProps);
+  var containerProps = _objectSpread(_objectSpread({
+    borderRadius: borderRadius,
+    height: height,
+    width: width
+  }, placeHolderURL ? {
     backgroundImage: "url(".concat(placeHolderURL, ")"),
     backgroundRepeat: "no-repeat",
     backgroundSize: "cover"
-  } : {};
-  return /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
-    width: width,
-    height: height,
-    borderRadius: borderRadius
-  }, placeHolderStyle, containerProps), /*#__PURE__*/_react.default.createElement(InnerLazyImage, {
-    omitFromProps: imagePropsToOmit,
-    onError: onError,
-    src: src,
-    srcSet: srcSet,
-    title: title,
-    alt: alt,
-    "aria-label": ariaLabel,
-    borderRadius: borderRadius,
-    width: "100%",
-    height: "100%",
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      opacity: isImageLoaded ? "1" : "0",
-      display: placeHolderURL ? "block" : style === null || style === void 0 ? void 0 : style.display // Avoids the placeholder image showing underneath the image
-    }),
-
-    onLoad: handleLoad
-  }), /*#__PURE__*/_react.default.createElement("noscript", null, /*#__PURE__*/_react.default.createElement(ImageComponent, props)));
+  } : {}), rest);
+  if (preload) {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, containerProps, /*#__PURE__*/_react.default.createElement(ImageComponent, imageProps));
+  }
+  return /*#__PURE__*/_react.default.createElement(Wrapper, containerProps, /*#__PURE__*/_react.default.createElement(InnerLazyImage, imageProps), /*#__PURE__*/_react.default.createElement("noscript", null, /*#__PURE__*/_react.default.createElement(ImageComponent, imageProps)));
 };
 exports.LazyImage = LazyImage;
 LazyImage.displayName = "LazyImage";

package/dist/elements/Image/LazyImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","props","_useState","useState","_useState2","isImageLoaded","setImageLoaded","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","placeHolderURL","containerProps","createElement","handleLoad","Wrapper","Box","SkeletonBox","placeHolderStyle","backgroundImage","concat","backgroundRepeat","backgroundSize","omitFromProps","opacity","display","onLoad","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: () => void\n    onError?: (event: React.SyntheticEvent<any, Event>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<React.PropsWithChildren<LazyImageProps>> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  ...props\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const {\n    src,\n    srcSet,\n    title,\n    alt,\n    [\"aria-label\"]: ariaLabel,\n    width,\n    height,\n    borderRadius,\n    style,\n    onError,\n    placeHolderURL,\n    ...containerProps\n  } = props\n\n  if (preload) {\n    return <ImageComponent {...props} />\n  }\n\n  const handleLoad = () => setImageLoaded(true)\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const placeHolderStyle = placeHolderURL\n    ? {\n        backgroundImage: `url(${placeHolderURL})`,\n        backgroundRepeat: \"no-repeat\",\n        backgroundSize: \"cover\",\n      }\n    : {}\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      borderRadius={borderRadius}\n      {...placeHolderStyle}\n      {...containerProps}\n    >\n      <InnerLazyImage\n        omitFromProps={imagePropsToOmit}\n        onError={onError}\n        src={src}\n        srcSet={srcSet}\n        title={title}\n        alt={alt}\n        aria-label={ariaLabel}\n        borderRadius={borderRadius}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          ...style,\n          opacity: isImageLoaded ? \"1\" : \"0\",\n          display: placeHolderURL ? \"block\" : style?.display, // Avoids the placeholder image showing underneath the image\n        }}\n        onLoad={handleLoad}\n      />\n      <noscript>\n        <ImageComponent {...props} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_imageProps","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","onLoad","placeHolderURL","rest","_useState","useState","_useState2","isImageLoaded","setImageLoaded","handleLoad","event","Wrapper","Box","SkeletonBox","imageProps","opacity","display","containerProps","backgroundImage","concat","backgroundRepeat","backgroundSize","createElement","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: (event: React.SyntheticEvent<HTMLImageElement>) => void\n    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<React.PropsWithChildren<LazyImageProps>> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  src,\n  srcSet,\n  title,\n  alt,\n  [\"aria-label\"]: ariaLabel,\n  width,\n  height,\n  borderRadius,\n  style,\n  onError,\n  onLoad,\n  placeHolderURL,\n  ...rest\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const handleLoad = (event: React.SyntheticEvent<HTMLImageElement>) => {\n    setImageLoaded(true)\n    onLoad?.(event)\n  }\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const imageProps = {\n    [\"aria-label\"]: ariaLabel,\n    alt,\n    borderRadius,\n    height: \"100%\",\n    omitFromProps: imagePropsToOmit,\n    onError,\n    onLoad: handleLoad,\n    src,\n    srcSet,\n    style: {\n      ...style,\n      opacity: isImageLoaded ? \"1\" : \"0\",\n      // Avoids the placeholder image showing underneath the image\n      display: placeHolderURL ? \"block\" : style?.display,\n    },\n    title,\n    width: \"100%\",\n  }\n\n  const containerProps = {\n    borderRadius,\n    height,\n    width,\n    ...(placeHolderURL\n      ? {\n          backgroundImage: `url(${placeHolderURL})`,\n          backgroundRepeat: \"no-repeat\",\n          backgroundSize: \"cover\",\n        }\n      : {}),\n    ...rest,\n  }\n\n  if (preload) {\n    return (\n      <Wrapper {...containerProps}>\n        <ImageComponent {...imageProps} />\n      </Wrapper>\n    )\n  }\n\n  return (\n    <Wrapper {...containerProps}>\n      <InnerLazyImage {...imageProps} />\n\n      <noscript>\n        <ImageComponent {...imageProps} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "40.6.0",
+  "version": "40.7.0-canary.1422.31578.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -189,5 +189,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "bec45782017ed955c40f3e8dfa5946a476314db3"
+  "gitHead": "2088c7e4e7082cd6d03d78f16178d633464fcbfc"
 }