v2.0.0

.github/CODEOWNERS

@@ -5,4 +5,4 @@
 # the repo. Unless a later match takes precedence,
 # @global-owner1 and @global-owner2 will be requested for
 # review when someone opens a pull request.
-* @nijuy @Hanna922
+* @nijuy @seocylucky @fecapark

.github/workflows/deploy.yml

@@ -10,17 +10,18 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout source code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: 'pnpm'
 
       - name: Install dependencies
         run: pnpm install
@@ -33,7 +34,7 @@ jobs:
 
       - name: Extract version from package.json
         id: version
-        run: echo ::set-output name=VERSION::$(node -p "require('./package.json').version")
+        run: echo "VERSION=$(node -p "require('./package.json').version")" >> $GITHUB_OUTPUT
 
       - name: Deploy to s3
         env:
@@ -44,7 +45,7 @@ jobs:
             --recursive \
             --region ap-northeast-2 \
             ./storybook-static \
-            s3://yds-react-storybook/${{ steps.version.outputs.VERSION }}
+            s3://handy-react-storybook/${{ steps.version.outputs.VERSION }}
 
       - name: Publish to NPM
         run: npm publish

.storybook/preview-head.html

@@ -1,5 +1,6 @@
 <link
-  href="//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css"
   rel="stylesheet"
-  type="text/css"
+  as="style"
+  crossorigin
+  href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
 />

iconsAsset/convert.mjs

@@ -111,7 +111,7 @@ type Story = StoryObj<typeof IconBase>;
 
 const Container = styled.div\`
   display: grid;
-  grid-template-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(4, 1fr);
   gap: 2rem;
 \`;
 
@@ -138,7 +138,7 @@ const Render = (args: any) => {
 
 export const Primary: Story = {
   args: {
-    size: 24,
+    size: '24px',
   },
   render: Render,
 };