denwa-web-shared 1.0.17 → 1.0.19

package/dist/server/index.cjs.js

@@ -6645,13 +6645,16 @@ const BasePicture = ({
   image2x,
   image1xWebp,
   image2xWebp,
+  image1xAvif,
+  image2xAvif,
   mobileImage1x,
   mobileImage2x,
   mobileImage1xWebp,
   mobileImage2xWebp,
+  mobileImage1xAvif,
+  mobileImage2xAvif,
   type,
   alt,
-  bgColorClass,
   mobileMaxWidth = 450,
   loading = "lazy",
   ...pictureProps
@@ -6673,6 +6676,14 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    mobileImage1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
+      "source",
+      {
+        srcSet: `${mobileImage1xAvif} 1x${mobileImage2xAvif ? `, ${mobileImage2xAvif} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
+        type: "image/avif"
+      }
+    ),
     image1xWebp && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
@@ -6680,13 +6691,20 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    image1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
+      "source",
+      {
+        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
+        type: "image/avif"
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         ...imgProps,
-        className: cn(bgColorClass, imgProps == null ? void 0 : imgProps.className),
-        src: image1xWebp ? image1xWebp : image1x,
+        className: imgProps == null ? void 0 : imgProps.className,
+        src: image1x,
         alt,
         loading
       }

package/dist/server/index.es.js

@@ -6643,13 +6643,16 @@ const BasePicture = ({
   image2x,
   image1xWebp,
   image2xWebp,
+  image1xAvif,
+  image2xAvif,
   mobileImage1x,
   mobileImage2x,
   mobileImage1xWebp,
   mobileImage2xWebp,
+  mobileImage1xAvif,
+  mobileImage2xAvif,
   type,
   alt,
-  bgColorClass,
   mobileMaxWidth = 450,
   loading = "lazy",
   ...pictureProps
@@ -6671,6 +6674,14 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    mobileImage1xAvif && /* @__PURE__ */ jsx(
+      "source",
+      {
+        srcSet: `${mobileImage1xAvif} 1x${mobileImage2xAvif ? `, ${mobileImage2xAvif} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
+        type: "image/avif"
+      }
+    ),
     image1xWebp && /* @__PURE__ */ jsx(
       "source",
       {
@@ -6678,13 +6689,20 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    image1xAvif && /* @__PURE__ */ jsx(
+      "source",
+      {
+        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
+        type: "image/avif"
+      }
+    ),
     /* @__PURE__ */ jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     /* @__PURE__ */ jsx(
       "img",
       {
         ...imgProps,
-        className: cn(bgColorClass, imgProps == null ? void 0 : imgProps.className),
-        src: image1xWebp ? image1xWebp : image1x,
+        className: imgProps == null ? void 0 : imgProps.className,
+        src: image1x,
         alt,
         loading
       }

package/dist/server/ui/image.d.ts

@@ -1,20 +1,22 @@
 import { DetailedHTMLProps, FC, HTMLAttributes, ImgHTMLAttributes } from 'react';
 import { ImageType } from '../types';
-interface BasePictureProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+export interface BasePictureProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
     imgProps?: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
     image1x: string;
     image2x?: string;
     image1xWebp?: string;
     image2xWebp?: string;
+    image1xAvif?: string;
+    image2xAvif?: string;
     mobileImage1x?: string;
     mobileImage2x?: string;
     mobileImage1xWebp?: string;
     mobileImage2xWebp?: string;
+    mobileImage1xAvif?: string;
+    mobileImage2xAvif?: string;
     type: ImageType;
     alt: string;
-    bgColorClass: string;
     mobileMaxWidth?: number;
     loading?: 'eager' | 'lazy';
 }
 export declare const BasePicture: FC<BasePictureProps>;
-export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "denwa-web-shared",
   "private": false,
-  "version": "1.0.17",
+  "version": "1.0.19",
   "type": "module",
   "author": "Denwa",
   "main": "dist/denwa-web-shared.cjs.js",