diff --git a/packages/config/CHANGELOG.md b/packages/config/CHANGELOG.md index 451d7575da..3c678cbfdb 100644 --- a/packages/config/CHANGELOG.md +++ b/packages/config/CHANGELOG.md @@ -1,5 +1,11 @@ # @gluestack-ui/config +## 1.0.12 + +### Patch Changes + +- Image height and width issue. + ## 1.0.11 ### Patch Changes diff --git a/packages/config/package.json b/packages/config/package.json index de8474e35e..6e41ee827d 100644 --- a/packages/config/package.json +++ b/packages/config/package.json @@ -1,6 +1,6 @@ { "name": "@gluestack-ui/config", - "version": "1.0.11", + "version": "1.0.12", "main": "build/gluestack-ui.config.js", "types": "build/gluestack-ui.config.d.ts", "module": "build/gluestack-ui.config", diff --git a/packages/config/src/theme/Image.ts b/packages/config/src/theme/Image.ts index 7c6ec1bc73..1758c0f490 100644 --- a/packages/config/src/theme/Image.ts +++ b/packages/config/src/theme/Image.ts @@ -2,6 +2,15 @@ import { createStyle } from '@gluestack-style/react'; export const Image = createStyle({ maxWidth: '$full', + _web: { + props: { + // set property to revert-layer as RNW always set image height width inline + style: { + height: 'revert-layer', + width: 'revert-layer', + }, + }, + }, variants: { size: { '2xs': { @@ -44,6 +53,7 @@ export const Image = createStyle({ }, }, }, + defaultProps: { size: 'md', },