@webstudio-is/image 0.173.0 → 0.175.0

package/lib/index.js

@@ -118,7 +118,7 @@ var Image = forwardRef(
       quality,
       loader,
       optimize
-    }) ?? { src: imagePlaceholderSvg };
+    }) ?? { src: imagePlaceholderDataUrl };
     return /* @__PURE__ */ jsx(
       "img",
       {
@@ -133,14 +133,14 @@ var Image = forwardRef(
   }
 );
 Image.displayName = "Image";
-var imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
+var imagePlaceholderDataUrl = `data:image/svg+xml;base64,${btoa(`<svg
   width="140"
   height="140"
   viewBox="0 0 600 600"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
   >
-  <rect width="600" height="600" fill="hsla(0, 0%, 80%, 0.2)" />
+  <rect width="600" height="600" fill="#DFE3E6" />
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
@@ -202,5 +202,6 @@ export {
   Image,
   allSizes,
   createImageLoader,
-  getImageAttributes
+  getImageAttributes,
+  imagePlaceholderDataUrl
 };

package/lib/types/image.d.ts

@@ -7,4 +7,5 @@ type ImageProps = ComponentProps<typeof defaultTag> & {
     loader: ImageLoader;
 };
 export declare const Image: import("react").ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+export declare const imagePlaceholderDataUrl: string;
 export {};

package/lib/types/index.d.ts

@@ -1,4 +1,4 @@
-export { Image } from "./image";
+export { Image, imagePlaceholderDataUrl } from "./image";
 export type { ImageLoader } from "./image-optimize";
 export * from "./image-loaders";
 export * from "./image-optimize";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/image",
-  "version": "0.173.0",
+  "version": "0.175.0",
   "description": "Image optimization",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",