fixup! Feat(web-react): Introduce Box component #DS-1595

lmc-eu · Dec 31, 2024 · c7b431b · c7b431b
1 parent dc0fb7f
commit c7b431b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 14 deletions.
diff --git a/packages/web-react/src/components/Box/Box.tsx b/packages/web-react/src/components/Box/Box.tsx
@@ -14,18 +14,11 @@ const Box = <T extends ElementType = 'div'>(props: SpiritBoxProps<T>) => {
   const propsWithDefaults = { ...defaultProps, ...props };
   const { elementType: ElementTag = 'div', children, ...restProps } = propsWithDefaults;
 
-  const { classProps, props: modifiedProps, styleProps: boxStyle } = useBoxStyleProps(restProps);
+  const { classProps, props: modifiedProps } = useBoxStyleProps(restProps);
   const { styleProps, props: otherProps } = useStyleProps(modifiedProps);
 
-  const boxStyleProps = {
-    style: {
-      ...styleProps.style,
-      ...boxStyle,
-    },
-  };
-
   return (
-    <ElementTag {...otherProps} {...boxStyleProps} className={classNames(classProps, styleProps.className)}>
+    <ElementTag {...otherProps} {...styleProps} className={classNames(classProps, styleProps.className)}>
       {children}
     </ElementTag>
   );

diff --git a/packages/web-react/src/components/Box/useBoxStyleProps.ts b/packages/web-react/src/components/Box/useBoxStyleProps.ts
@@ -12,8 +12,6 @@ export interface UseBoxStyleProps<T> {
   classProps: string;
   /** Props for the box element. */
   props: T;
-  /** Style props for the box element */
-  styleProps: BoxCSSProperties;
 }
 
 export const generateResponsiveUtilityClasses = (
@@ -52,8 +50,6 @@ export const useBoxStyleProps = (
     paddingY,
     ...restProps
   } = props || {};
-  const boxStyle: BoxCSSProperties = {};
-
   const boxBackgroundColor = backgroundColor ? `bg-${backgroundColor}` : '';
   let boxBorderColor = borderColor ? borderColor.replace('', 'border-') : '';
   let boxBorderRadius = '';
@@ -90,6 +86,5 @@ export const useBoxStyleProps = (
   return {
     classProps: boxClasses,
     props: restProps,
-    styleProps: boxStyle,
   };
 };