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,