Refactor/#19: Box 및 Flex 컴포넌트 box sizing 옵션 추가 (#20)

* feat: Box 및 Flex 컴포넌트 box-sizing 옵션 추가 * chore: 0.4.3 버전 업데이트
ConceptBe · Mar 6, 2024 · d80c5d2 · d80c5d2
1 parent 15d20e7
commit d80c5d2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "concept-be-design-system",
   "description": "컨셉비 디자인 시스템",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

diff --git a/src/components/Box/Box.tsx b/src/components/Box/Box.tsx
@@ -40,6 +40,7 @@ export interface Props {
   opacity?: CSSProperties['opacity'];
   zIndex?: CSSProperties['zIndex'];
   shadow?: CSSProperties['boxShadow'];
+  boxSizing?: CSSProperties['boxSizing'];
 }
 
 const Box = styled.div<Props>`
@@ -86,6 +87,7 @@ const Box = styled.div<Props>`
   opacity: ${({ opacity }) => opacity};
   z-index: ${({ zIndex }) => zIndex};
   box-shadow: ${({ shadow }) => shadow};
+  box-sizing: ${({ boxSizing }) => boxSizing};
 `;
 
 export default Box;
diff --git a/src/components/Flex/Flex.tsx b/src/components/Flex/Flex.tsx
@@ -51,6 +51,7 @@ export interface Props {
   opacity?: CSSProperties['opacity'];
   zIndex?: CSSProperties['zIndex'];
   shadow?: CSSProperties['boxShadow'];
+  boxSizing?: CSSProperties['boxSizing'];
 }
 
 const Flex = styled.div<Props>`
@@ -108,6 +109,7 @@ const Flex = styled.div<Props>`
   opacity: ${({ opacity }) => opacity};
   z-index: ${({ zIndex }) => zIndex};
   box-shadow: ${({ shadow }) => shadow};
+  box-sizing: ${({ boxSizing }) => boxSizing};
 `;
 
 export default Flex;