From ce2d017fb25c9e21d466d8df132a9d463a2ecda7 Mon Sep 17 00:00:00 2001 From: Kim Min-gyu <99083803+cobocho@users.noreply.github.com> Date: Thu, 13 Jun 2024 00:44:54 +0900 Subject: [PATCH] =?UTF-8?q?design:=20=EC=8A=A4=ED=86=A0=EB=A6=AC=EB=B6=81?= =?UTF-8?q?=20=EC=BB=A4=EC=8A=A4=ED=84=B0=EB=A7=88=EC=9D=B4=EC=A7=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../onboarding/job/page.stories.tsx | 15 +-- apps/workshop/.storybook/manager.ts | 16 +++ apps/workshop/package.json | 6 +- apps/workshop/public/logo.png | Bin 0 -> 984 bytes pnpm-lock.yaml | 124 +++++++++++++++++- 5 files changed, 144 insertions(+), 17 deletions(-) create mode 100644 apps/workshop/.storybook/manager.ts create mode 100644 apps/workshop/public/logo.png diff --git a/apps/web/src/app/(onboarding)/onboarding/job/page.stories.tsx b/apps/web/src/app/(onboarding)/onboarding/job/page.stories.tsx index 887710c..d7c6f7f 100644 --- a/apps/web/src/app/(onboarding)/onboarding/job/page.stories.tsx +++ b/apps/web/src/app/(onboarding)/onboarding/job/page.stories.tsx @@ -10,19 +10,12 @@ import { OnBoardingProvider } from '../_context/useOnboarding' import OnboardingJobPage from './page' -const meta = { +const meta: Meta = { title: 'OnboardingJob', component: OnboardingJobPage, parameters: { layout: 'centered', }, -} satisfies Meta - -export default meta - -type Story = StoryObj - -export const Preview: Story = { decorators: [ (Story) => ( @@ -35,3 +28,9 @@ export const Preview: Story = { ), ], } + +export default meta + +type Story = StoryObj + +export const Preview: Story = {} diff --git a/apps/workshop/.storybook/manager.ts b/apps/workshop/.storybook/manager.ts new file mode 100644 index 0000000..36cd16b --- /dev/null +++ b/apps/workshop/.storybook/manager.ts @@ -0,0 +1,16 @@ +import { addons } from '@storybook/manager-api' +import { themes } from '@storybook/theming' +import { create } from '@storybook/theming/create' + +addons.setConfig({ + theme: create({ + base: 'light', + brandTitle: 'Vook Client Workshop', + brandImage: '/logo.png', + + colorPrimary: '#3A10E5', + colorSecondary: '#5D5CE5', + + barTextColor: '#FFFFFF', + }), +}) diff --git a/apps/workshop/package.json b/apps/workshop/package.json index 3a39c0e..a025de2 100644 --- a/apps/workshop/package.json +++ b/apps/workshop/package.json @@ -9,10 +9,10 @@ "build-storybook": "storybook build" }, "dependencies": { + "@vook-client/api": "*", "@vook-client/design-system": "*", "react": "^18.3.1", - "react-dom": "^18.3.1", - "@vook-client/api": "*" + "react-dom": "^18.3.1" }, "devDependencies": { "@chromatic-com/storybook": "^1.3.3", @@ -22,9 +22,11 @@ "@storybook/addon-onboarding": "^8.0.10", "@storybook/addon-styling-webpack": "^1.0.0", "@storybook/blocks": "^8.0.10", + "@storybook/manager-api": "^8.1.7", "@storybook/react": "^8.0.10", "@storybook/react-vite": "^8.0.10", "@storybook/test": "^8.0.10", + "@storybook/theming": "^8.1.7", "@types/react": "^18.2.15", "@types/react-dom": "^18.2.7", "@vanilla-extract/vite-plugin": "^4.0.9", diff --git a/apps/workshop/public/logo.png b/apps/workshop/public/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..58251ddd606e4e44c21e36f127578d7d323799d7 GIT binary patch literal 984 zcmV;}11J26P)ufwQnH!7OnJRuX6#mvkkeZOO1W zolZ8p#}&a@@Bo{IfaFT3F&9QQ@;CF0*{rbb;QG&fk>VDH-$BIiWUf=z9FIrG>UzDR z?|b`5v-y>-dg((8>~OWd(Bj(1-n1BgvHKLRfLxefw~M)_U~=~Es@schKXiL#{dN=L z$H-cIU)l6rT{v^k;#7 ziPAG>CBz7UmkqlT6zd~@R|!jHVVZfiq`jb0K%5wl-s_2)Ot20w+}zmhS>FloB}RU{ zhabHdQ`+_j;}5(4;(1TOJF zOGhtm`xkMLziNpv(D`%;R8L`+f;`(wn6vJH^(YbEwK-&s_ASY0F@~*?spvlo+uQja z@mhbvyv!tv!O?Llgu~%*8=US#sOwq=wFXi&863yK!)xIF4-yi;3fP`Kwk@+$tpCFL zTg*33Z*b(uSXI?1Hz+2o4Pxq(XI-*ozvL9|!!$1L->^b0wt<_83iFj<`#bio zKma!)2}Dbqj#cc3f&E|tCIs==pF1BFmXN{?@HN6$coT}UXJFqZ-|~np)!Y-@%p=<~ z{B>NxFRmSn`<-F|xpA;#AIw(p=)T1Ef9{428#Zis0R90FgH13kUTf=12.1.7' dependencies: '@vanilla-extract/webpack-plugin': 2.3.8(@types/node@20.12.12)(webpack@5.91.0) - next: 14.2.3(@babel/core@7.24.5)(react-dom@18.3.1)(react@18.3.1) + next: 14.2.3(@babel/core@7.23.7)(react-dom@18.3.1)(react@18.3.1) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -18014,7 +18124,7 @@ packages: engines: { node: '>= 0.4.0' } dev: true - /next@14.2.3(@babel/core@7.24.5)(react-dom@18.3.1)(react@18.3.1): + /next@14.2.3(@babel/core@7.23.7)(react-dom@18.3.1)(react@18.3.1): resolution: { integrity: sha512-dowFkFTR8v79NPJO4QsBUtxv0g9BrS/phluVpMAt2ku7H+cbcBJlopXjkWlwxrk/xGqMemr7JkGPGemPrLLX7A==, @@ -18043,7 +18153,7 @@ packages: postcss: 8.4.31 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - styled-jsx: 5.1.1(@babel/core@7.24.5)(react@18.3.1) + styled-jsx: 5.1.1(@babel/core@7.23.7)(react@18.3.1) optionalDependencies: '@next/swc-darwin-arm64': 14.2.3 '@next/swc-darwin-x64': 14.2.3 @@ -21623,7 +21733,7 @@ packages: webpack: 5.91.0(esbuild@0.20.2) dev: true - /styled-jsx@5.1.1(@babel/core@7.24.5)(react@18.3.1): + /styled-jsx@5.1.1(@babel/core@7.23.7)(react@18.3.1): resolution: { integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==, @@ -21639,7 +21749,7 @@ packages: babel-plugin-macros: optional: true dependencies: - '@babel/core': 7.24.5 + '@babel/core': 7.23.7 client-only: 0.0.1 react: 18.3.1