added gap type

push-protocol · Jul 11, 2024 · 4bd4cdd · 4bd4cdd
1 parent 1c3c1dc
commit 4bd4cdd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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> = T[keyof T];

diff --git 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<CSSProperties['flexDirection']>;
   /* Sets gap between the elements */
-  gap?: ResponsiveProp<BlocksSpaceType>;
+  gap?: ResponsiveProp<BlocksGapType | BlocksSpaceType>;
   /* Sets display css property */
   display?: ResponsiveProp<CSSProperties['display']>;
   /* Sets height css property */