diff --git a/src/image.tsx b/src/image.tsx index fd47a92d37..e41539b2ab 100644 --- a/src/image.tsx +++ b/src/image.tsx @@ -6,7 +6,7 @@ import {AspectRatioContainer} from './utils/aspect-ratio-support'; import {getPrefixedDataAttributes} from './utils/dom'; import {useIsInverseVariant} from './theme-variant-context'; import {useAriaId, useTheme} from './hooks'; -import {VIVO_SKIN} from './skins/constants'; +import {VIVO_SKIN, VIVO_NEW_SKIN} from './skins/constants'; import {sprinkles} from './sprinkles.css'; import * as styles from './image.css'; import {vars} from './skins/skin-contract.css'; @@ -65,6 +65,25 @@ export const ImageError = React.forwardRef( {withIcon ? ( skinName === VIVO_SKIN ? ( + ) : skinName === VIVO_NEW_SKIN ? ( + + + + + ) : ( // We cannot use IconImageRegular because we want to avoid the usage of width and height props to allow this icon to be responsive