diff --git a/src/blocks/Blocks.types.ts b/src/blocks/Blocks.types.ts index bae45495ad..e18b5a2177 100644 --- a/src/blocks/Blocks.types.ts +++ b/src/blocks/Blocks.types.ts @@ -39,6 +39,8 @@ export type BlocksSpaceType = | `${ThemeSpacing} ${ThemeSpacing}` | `${ThemeSpacing} ${ThemeSpacing} ${ThemeSpacing} ${ThemeSpacing}`; +export type BlocksGapType = ThemeSpacing | `${ThemeSpacing} ${ThemeSpacing}`; + export type PixelValue = `${number}px`; export type ValueOf = T[keyof T]; diff --git a/src/blocks/box/Box.types.ts b/src/blocks/box/Box.types.ts index e2df79cb31..11f6288ffb 100644 --- a/src/blocks/box/Box.types.ts +++ b/src/blocks/box/Box.types.ts @@ -9,6 +9,7 @@ import { ThemeModeBorder, ThemeModeColors, ValueOf, + BlocksGapType, } from '../Blocks.types'; import { FlattenSimpleInterpolation } from 'styled-components'; import { ThemeColors } from 'blocks/theme/Theme.types'; @@ -21,7 +22,7 @@ export type BoxResponsiveProps = { /* Sets flex-direction css property */ flexDirection?: ResponsiveProp; /* Sets gap between the elements */ - gap?: ResponsiveProp; + gap?: ResponsiveProp; /* Sets display css property */ display?: ResponsiveProp; /* Sets height css property */