fix: add support to sknui-box with default flex

skynexui · Jan 20, 2022 · 3d3d279 · 3d3d279 · vercel · Jan 20, 2022
1 parent 4314672
commit 3d3d279
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/lib/components/box/box.tsx b/lib/components/box/box.tsx
@@ -19,9 +19,18 @@ interface BoxProps {
   ref: Ref<unknown>;
 }
 
-export const Box = React.forwardRef(({ tag, ...props }: BoxProps, ref) => {
-  return <BoxBase as={tag} {...props} ref={ref} />;
-});
+export const Box = React.forwardRef(
+  ({ tag, className, ...props }: BoxProps, ref) => {
+    return (
+      <BoxBase
+        as={tag}
+        className={`${className} sknui-box`}
+        {...props}
+        ref={ref}
+      />
+    );
+  }
+);
 
 Box.defaultProps = {
   tag: 'div',

diff --git a/lib/components/provider/react/CSSReset.tsx b/lib/components/provider/react/CSSReset.tsx
@@ -563,6 +563,11 @@ Add the correct display in Chrome and Safari.
         --tw-border-opacity: 1;
         border-color: rgba(229, 231, 235, var(--tw-border-opacity));
       }
+
+      /** SkynexUI Styles */
+      .sknui-box {
+        display: flex;
+      }
     `}</style>
   );
 }