Socket
Socket
Sign inDemoInstall

@yamada-ui/image

Package Overview
Dependencies
Maintainers
1
Versions
754
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@yamada-ui/image - npm Package Compare versions

Comparing version 0.0.0-dev-20231104154042 to 0.0.0-dev-20231113164540

8

dist/image.d.ts

@@ -17,15 +17,15 @@ import * as _yamada_ui_core from '@yamada-ui/core';

*/
fallbackStrategy?: 'onError' | 'beforeLoadOrError';
fallbackStrategy?: "onError" | "beforeLoadOrError";
/**
* The CSS `box-size` property.
*/
size?: CSSUIProps['boxSize'];
size?: CSSUIProps["boxSize"];
/**
* The CSS `object-fit` property.
*/
fit?: CSSUIProps['objectFit'];
fit?: CSSUIProps["objectFit"];
};
type ImageProps = Omit<HTMLUIProps<'img'>, keyof UseImageProps> & UseImageProps & ImageOptions;
type ImageProps = Omit<HTMLUIProps<"img">, keyof UseImageProps> & UseImageProps & ImageOptions;
declare const Image: _yamada_ui_core.Component<"img", ImageProps>;
export { Image, ImageProps };

@@ -20,7 +20,7 @@ import { ImgHTMLAttributes } from 'react';

*/
onLoad?: HTMLImageElementProps['onLoad'];
onLoad?: HTMLImageElementProps["onLoad"];
/**
* A callback for when there was an error loading the image `src`.
*/
onError?: HTMLImageElementProps['onError'];
onError?: HTMLImageElementProps["onError"];
/**

@@ -36,10 +36,10 @@ * If `true`, opt out of the `fallbackSrc` logic and use as `img`.

*/
crossOrigin?: HTMLImageElementProps['crossOrigin'];
crossOrigin?: HTMLImageElementProps["crossOrigin"];
/**
* The image `loading` attribute.
*/
loading?: HTMLImageElementProps['loading'];
loading?: HTMLImageElementProps["loading"];
};
type Status = 'loading' | 'failed' | 'pending' | 'loaded';
declare const shouldShowFallbackImage: (status: Status, fallbackStrategy: 'onError' | 'beforeLoadOrError') => boolean;
type Status = "loading" | "failed" | "pending" | "loaded";
declare const shouldShowFallbackImage: (status: Status, fallbackStrategy: "onError" | "beforeLoadOrError") => boolean;
declare const useImage: ({ loading, src, srcSet, onLoad, onError, crossOrigin, sizes, ignoreFallback, }: UseImageProps) => Status;

@@ -46,0 +46,0 @@ type UseImageReturn = ReturnType<typeof useImage>;

{
"name": "@yamada-ui/image",
"version": "0.0.0-dev-20231104154042",
"version": "0.0.0-dev-20231113164540",
"description": "Yamada UI media and image component",

@@ -38,4 +38,4 @@ "keywords": [

"dependencies": {
"@yamada-ui/core": "0.0.0-dev-20231104154042",
"@yamada-ui/utils": "0.0.0-dev-20231104154042"
"@yamada-ui/core": "0.0.0-dev-20231113164540",
"@yamada-ui/utils": "0.3.3"
},

@@ -42,0 +42,0 @@ "devDependencies": {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc