added new color typesin Box

push-protocol · Jul 9, 2024 · 985bd11 · 985bd11
1 parent 1c5b875
commit 985bd11
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/blocks/box/Box.tsx b/src/blocks/box/Box.tsx
@@ -32,6 +32,7 @@ const StyledBox = styled.div.withConfig({
 `;
 const Box = forwardRef<HTMLElement, BoxProps>(({ as = 'div', ...props }, ref) => {
   const { mode } = useBlocksTheme();
+  // TODO: We need to remove color dependency from BlocksColors | ThemeModeColors to fix this error
   return (
     <StyledBox
       as={as}

diff --git a/src/blocks/box/Box.types.ts b/src/blocks/box/Box.types.ts
@@ -11,6 +11,7 @@ import {
   ValueOf,
 } from '../Blocks.types';
 import { FlattenSimpleInterpolation } from 'styled-components';
+import { ThemeColors } from 'blocks/theme/Theme.types';
 
 export type BoxResponsiveProps = {
   /* Sets align-items css property */
@@ -49,9 +50,9 @@ export type BoxNonResponsiveProps = {
   /* Sets border-radius css property */
   borderRadius?: RadiusType;
   /* Sets background-color css property */
-  backgroundColor?: BlocksColors | ThemeModeColors;
+  backgroundColor?: BlocksColors | ThemeModeColors | ThemeColors;
   /* Sets color css property */
-  color?: BlocksColors | ThemeModeColors;
+  color?: BlocksColors | ThemeModeColors | ThemeColors;
   /* Sets cursor css property */
   cursor?: CSSProperties['cursor'];
   /* Sets position css property */