Merge branch 'develop' into feat/#206_image-modal

Author: shinhyojeong

package.json

@@ -20,7 +20,7 @@
     "@emotion/core": "^11.0.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@offer-ui/react": "^0.3.1",
+    "@offer-ui/react": "^0.3.2",
     "@suspensive/react": "^1.20.7",
     "@tanstack/react-query": "^5.8.3",
     "axios": "^1.2.3",

src/components/common/Header/SearchArea/index.tsx

@@ -6,10 +6,7 @@ export const SearchArea = ({ onClose }: SearchAreaProps) => {
   return (
     <Styled.SearchAreaWrapper>
       <Styled.InputWrapper>
-        <Styled.SearchInput
-          placeholder="검색어를 입력하세요"
-          styleType="search"
-        />
+        <Styled.SearchInput placeholder="검색어를 입력하세요" />
         <Styled.CancelButton styleType="ghost" onClick={onClose}>
           취소
         </Styled.CancelButton>

src/components/common/Header/SearchArea/styled.ts

@@ -18,7 +18,7 @@ const InputWrapper = styled.div`
   padding: 36px 16px;
 `
 
-const SearchInput = styled(Input)`
+const SearchInput = styled(Input.Search)`
   width: 100%;
   margin: 0;
 `

src/components/common/Header/index.tsx

@@ -47,10 +47,7 @@ const Header = (): ReactElement => {
             </Link>
             {isActivePath && (
               <Styled.InputWrapper>
-                <Styled.SearchInput
-                  placeholder="검색어를 입력하세요"
-                  styleType="search"
-                />
+                <Styled.SearchInput placeholder="검색어를 입력하세요" />
               </Styled.InputWrapper>
             )}
           </Styled.LogoInputSection>

src/components/common/Header/styled.ts

@@ -52,7 +52,7 @@ const InputWrapper = styled.div`
   }
 `
 
-const SearchInput = styled(Input)`
+const SearchInput = styled(Input.Search)`
   width: 426px;
   margin: 0;
   ${({ theme }): string => theme.mediaQuery.tablet || theme.mediaQuery.mobile} {

src/components/messagebox/ChattingRoom/index.tsx

@@ -39,7 +39,7 @@ export const ChattingRoom = ({ id, onClose }: ChattingRoomProps) => {
         <Chatting messages={MESSAGES_MOCK} userId={1} />
       </Styled.ChattingWrapper>
       <Styled.InputWrapper>
-        <Input styleType="chatting" />
+        <Input.Chatting />
       </Styled.InputWrapper>
     </Styled.Container>
   )

src/pages/post/index.tsx

@@ -127,7 +127,6 @@ const PostPage = (): ReactElement => {
               maxLength={40}
               name="title"
               placeholder="제목을 입력해주세요(40자 이내)"
-              styleType="edit"
               onChange={handleUpdatePostForm}
             />
             <StyledTitleLength styleType="subtitle01M">
@@ -294,7 +293,7 @@ const StyledRadio = styled(Radio)`
   `}
 `
 
-const StyledTitleInput = styled(Input)`
+const StyledTitleInput = styled(Input.Edit)`
   ${({ theme }): string => `
     ${theme.input.edit.large}
 

yarn.lock

@@ -1864,10 +1864,10 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@offer-ui/react@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@offer-ui/react/-/react-0.3.1.tgz#f5e36879ec083d9a6e4e994c96312c7ee06154ef"
-  integrity sha512-D/iQjUUQASCDUNYuRpM4xYHfsBjIN5iNv+DBULEQLHaejpEg+C80cqUK9mhdiAHVVvXGIt3p7P+nycDAHVRoPA==
+"@offer-ui/react@^0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@offer-ui/react/-/react-0.3.2.tgz#b35fdd96da47fdb57f8f61506617ef7636f11f24"
+  integrity sha512-m7OoOoHU3xTl09XIKYlq1PWKjidzLENOXzNA0Ir1ASVFkQcbmcnrWr5yXBQJgxNEKT5n0yAVwf1EiU9NS4ADcQ==
 
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"