diff --git a/package.json b/package.json
index 439eadb..eb3ee76 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "concept-be-design-system",
"description": "컨셉비 디자인 시스템",
- "version": "0.5.3",
+ "version": "0.5.5",
"type": "module",
"main": "dist/index.js",
"module": "dist/index.js",
diff --git a/src/App.tsx b/src/App.tsx
index c0706d6..15ac052 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
import { useState } from 'react';
-import { Alert, BottomSheet, Button, Confirm } from '.';
+import { Alert, BottomSheet, Button, Confirm, Text } from '.';
const App = () => {
const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
@@ -10,7 +10,7 @@ const App = () => {
return (
<>
-
+ 피드
setIsBottomSheetOpen(false)}
diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx
index 7d7ba33..ee4c1e8 100644
--- a/src/components/Text/Text.tsx
+++ b/src/components/Text/Text.tsx
@@ -1,9 +1,10 @@
import styled from '@emotion/styled';
import {
- ReactNode,
- ElementType,
ComponentPropsWithoutRef,
CSSProperties,
+ ElementType,
+ HTMLAttributes,
+ ReactNode,
} from 'react';
import { ReactComponent as SVGTextRequired } from '../../assets/svg/text_required.svg';
@@ -16,7 +17,8 @@ type Props = {
color?: ColorKeyType;
required?: boolean;
wordBreak?: CSSProperties['wordBreak'];
-} & ComponentPropsWithoutRef;
+} & ComponentPropsWithoutRef &
+ HTMLAttributes;
const Text = ({
as,
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 3c2b963..b4d9ac3 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -19,6 +19,10 @@ const color = {
} as const;
const font = {
+ suit10eb: {
+ fontSize: 10,
+ fontWeight: 800,
+ },
suit12r: {
fontSize: 12,
fontWeight: 400,