chore: 초기화면, 회원가입, 기타 페이지 얼루가 컴포넌트 3.3.2 버전 적용

package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@eolluga/eolluga-ui": "^3.2.9",
+    "@eolluga/eolluga-ui": "^3.3.2",
     "@hookform/resolvers": "^3.9.0",
     "@mui/material": "^6.1.2",
     "@mui/x-date-pickers": "^7.18.0",

src/app/global-error.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { Flexbox, deleteTokenFromCookie } from '@/shared'
-import { ButtonMobile } from '@eolluga/eolluga-ui'
+import { ButtonMobile } from '@eolluga/eolluga-ui/Navigation'
 import Link from 'next/link'
 
 export default function GlobalError({
@@ -23,7 +23,7 @@ export default function GlobalError({
           <Flexbox direction="col" className="w-full gap-4 px-4">
             <ButtonMobile
               size="L"
-              style="primary"
+              mode="primary"
               state="enabled"
               type="text"
               text1="다시 시도하기"

src/widgets/join/ui/LoginButton.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Icon } from '@eolluga/eolluga-ui'
+import Icon from '@eolluga/eolluga-ui/icon/Icon'
 import Link from 'next/link'
 import { sendRNFunction } from '@/shared'
 import { useEffect } from 'react'

src/widgets/join/ui/RoleSelection.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { ButtonMobile, TopBar } from '@eolluga/eolluga-ui'
+import { ButtonMobile, TopBar } from '@eolluga/eolluga-ui/Navigation'
 import { Flexbox } from '@/shared'
 import BadgeCard from './BadgeCard'
 import useJoin from '../hooks/useJoin'
@@ -33,7 +33,7 @@ export default function RoleSelection({ handlePreviousStep }: RoleSelectionProps
           onClick={handleMemberClick}
           size="L"
           state="enabled"
-          style="primary"
+          mode="primary"
           text1="네 직원이에요"
           type="text"
         />

src/widgets/join/ui/SignupName.tsx

@@ -2,8 +2,9 @@
 
 import { useState } from 'react'
 import { useRouter } from 'next/navigation'
+import { ButtonMobile, TopBar } from '@eolluga/eolluga-ui/Navigation'
+import { TextField } from '@eolluga/eolluga-ui/Input'
 import FlexBox from '@/shared/ui/Flexbox'
-import { ButtonMobile, TopBar, TextField } from '@eolluga/eolluga-ui'
 import { ToastMessage } from '@/shared'
 import { useAtom } from 'jotai'
 import { uid, memberIdAtom } from '@/widgets/join/atoms/joinAtoms' // 중복 제거
@@ -137,7 +138,7 @@ export default function SignupName({
         <TextField
           onChange={handleNameChange}
           size="L"
-          style="outlined"
+          mode="outlined"
           label="이름"
           placeholder="이름을 입력해주세요"
           value={name}
@@ -146,7 +147,7 @@ export default function SignupName({
         <TextField
           onChange={handlePhoneChangeWrap}
           size="L"
-          style="outlined"
+          mode="outlined"
           label="전화번호"
           placeholder="전화번호를 입력해주세요"
           value={phone}
@@ -170,8 +171,8 @@ export default function SignupName({
       <FlexBox direction="col" className="w-full p-spacing-04 absolute bottom-4">
         <ButtonMobile
           size="L"
-          style="primary"
-          state={getButtonState()}
+          mode="primary"
+          state={name && phone ? 'enabled' : 'disabled'}
           type="text"
           text1={buttonText}
           onClick={handleStartClick}

src/widgets/join/ui/SignupStore.tsx

@@ -3,7 +3,10 @@
 'use client'
 
 import FlexBox from '@/shared/ui/Flexbox'
-import { ButtonMobile, Dialog, Scrim, TextField, TopBar } from '@eolluga/eolluga-ui'
+import { ButtonMobile, TopBar } from '@eolluga/eolluga-ui/Navigation'
+import { TextField } from '@eolluga/eolluga-ui/Input'
+import { Scrim } from '@eolluga/eolluga-ui/Layout'
+import { Dialog } from '@eolluga/eolluga-ui/Feedback'
 import { useState } from 'react'
 import ToastMessage from '@/shared/ui/ToastMessage'
 import { useAtom } from 'jotai'
@@ -128,7 +131,7 @@ export default function SignupStore({
         <TextField
           onChange={isOwner ? handleStoreChange : hadleStoreIdChange}
           size="L"
-          style="underlined"
+          mode="underlined"
           label={isOwner ? '가게 이름' : '근무 중인 가게 코드'}
           placeholder={isOwner ? '가게 이름을 입력해주세요' : '가게 코드를 입력해주세요'}
           value={isOwner ? store : storeId.slice(0, 4)}
@@ -138,7 +141,7 @@ export default function SignupStore({
         <TextField
           onChange={handleNameChange}
           size="L"
-          style="underlined"
+          mode="underlined"
           label="이름"
           placeholder="이름을 입력해주세요"
           state="readOnly"
@@ -157,7 +160,7 @@ export default function SignupStore({
           )}
           <ButtonMobile
             size="L"
-            style="primary"
+            mode="primary"
             state={getButtonState()}
             type="text"
             text1={isOwner ? '가게 코드 받기' : '코드 승인 받기'}

src/widgets/join/ui/UserProfile.tsx

@@ -1,5 +1,6 @@
 import FlexBox from '@/shared/ui/Flexbox'
-import { Avatar, ButtonMobile, TopBar } from '@eolluga/eolluga-ui'
+import { ButtonMobile, TopBar } from '@eolluga/eolluga-ui/Navigation'
+import { Avatar } from '@eolluga/eolluga-ui/Display'
 import { useRouter } from 'next/navigation'
 import useJoin from '../hooks/useJoin'
 
@@ -34,7 +35,7 @@ export default function UserProfile({
         <FlexBox direction="col" className="w-full px-spacing-04 py-spacing-03 absolute bottom-4">
           <ButtonMobile
             size="L"
-            style="primary"
+            mode="primary"
             state="enabled"
             type="text"
             text1={isOwner ? '프로필 생성하기' : '출근하기'}

yarn.lock

@@ -1016,10 +1016,10 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz#5e13fac887f08c44f76b0ccaf3370eb00fec9bb6"
   integrity sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==
 
-"@eolluga/eolluga-ui@^3.2.9":
-  version "3.2.9"
-  resolved "https://registry.yarnpkg.com/@eolluga/eolluga-ui/-/eolluga-ui-3.2.9.tgz#7cb21d8b3669356818a522abadc5322c94d3ee5b"
-  integrity sha512-yarFC1cF3IKCavSu/PbU6dcZngK8S6vlyYmScbQp7BdiypxaBlWc7PzzXZEGxK2SF5GYiSval5ftzazUh7+Jpw==
+"@eolluga/eolluga-ui@^3.3.2":
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/@eolluga/eolluga-ui/-/eolluga-ui-3.3.2.tgz#12114aa496b449402bdb2effe2713890cc97dbc0"
+  integrity sha512-dox/W69HA9Kdz2AJPJl1pAPcGsIia4C95v9IGkmjQGM1FIJxpHoy7ZOS8NtDZ+m3+TMkqGdTPelFuymrhDKpAg==
   dependencies:
     "@svgr/rollup" "^8.1.0"
     dayjs "^1.11.12"