diff --git a/CHANGELOG.md b/CHANGELOG.md index 5ac871e4..f50cfc4f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,7 +10,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) ### Added ### Changed -- [MINOR] Correction for using `childSizeResponsive.base` size in `EqualGrid` +- [MINOR] Correction for using `sizeResponsive.base` size in `EqualGrid` +- [MINOR] Correction for using `heightResponsive.base`, `widthResponsive.base` size in `EqualGrid`, `Box` and `Stack` ### Removed diff --git a/src/layouts/stack/component.tsx b/src/layouts/stack/component.tsx index 8360a0be..abec0689 100644 --- a/src/layouts/stack/component.tsx +++ b/src/layouts/stack/component.tsx @@ -146,8 +146,8 @@ export function Stack({ const paddingBottom = (props.paddingEnd && direction === Direction.Vertical) ? props.paddingEnd : undefined; const paddingLeft = (props.paddingStart && direction === Direction.Horizontal) ? props.paddingStart : undefined; const paddingRight = (props.paddingEnd && direction === Direction.Horizontal) ? props.paddingEnd : undefined; - const height = props.height || (isFullHeight ? '100%' : 'auto'); - const width = props.width || (isFullWidth ? '100%' : 'auto'); + const height = props.height ?? props.heightResponsive?.base ?? (isFullHeight ? '100%' : 'auto'); + const width = props.width ?? props.widthResponsive?.base ?? (isFullWidth ? '100%' : 'auto'); const maxHeight = props.maxHeight ?? null; const maxWidth = props.maxWidth ?? null; const minHeight = props.minHeight ?? null; diff --git a/src/particles/box/component.tsx b/src/particles/box/component.tsx index fed0bd48..de74420e 100644 --- a/src/particles/box/component.tsx +++ b/src/particles/box/component.tsx @@ -40,8 +40,8 @@ export function Box({ isFullWidth = true, ...props }: IBoxProps): React.ReactElement { - const height = props.height || (props.isFullHeight ? '100%' : 'auto'); - const width = props.width || (isFullWidth ? '100%' : 'auto'); + const height = props.height ?? props.heightResponsive?.base ?? (props.isFullHeight ? '100%' : 'auto'); + const width = props.width ?? props.widthResponsive?.base ?? (isFullWidth ? '100%' : 'auto'); const blockType = width === '100%' ? 'block' : 'flex'; const combinedStyles: React.CSSProperties = { ...props.style,