Merge branch 'main' into refactor/ui-textfield

sopt-makers · Oct 31, 2024 · 73c2291 · 73c2291
2 parents d8a2df6 + 62d2aa0
commit 73c2291
Show file tree

Hide file tree

Showing 14 changed files with 791 additions and 201 deletions.
diff --git a/apps/docs/CHANGELOG.md b/apps/docs/CHANGELOG.md
@@ -1,5 +1,20 @@
 # docs
 
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies [f16c80e]
+  - @sopt-makers/ui@2.7.3
+
+## 0.0.11
+
+### Patch Changes
+
+- Updated dependencies [17b473b]
+  - @sopt-makers/icons@1.0.6
+  - @sopt-makers/ui@2.7.2
+
 ## 0.0.10
 
 ### Patch Changes

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -1,7 +1,7 @@
 {
   "name": "docs",
   "private": true,
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/apps/docs/src/App.tsx b/apps/docs/src/App.tsx
@@ -4,7 +4,7 @@ import { ChangeEvent, useState } from 'react';
 
 import '@sopt-makers/ui/dist/index.css';
 
-import { FieldBox, SearchField, Test, TextArea, TextField } from '@sopt-makers/ui';
+import { FieldBox, SearchField, Test, TextArea, TextField, SelectV2 } from '@sopt-makers/ui';
 import { colors } from '@sopt-makers/colors';
 
 function App() {
@@ -46,6 +46,11 @@ function App() {
     setSearch('');
   };
 
+  const options = [
+    { label: 'Option 1', value: 'option1' },
+    { label: 'Option 2', value: 'option2' },
+  ];
+
   return (
     <>
       <Test text='Test Component' size='big' color='blue' />
@@ -88,6 +93,30 @@ function App() {
       >
         <span style={{ color: colors.white }}>여긴 본문</span>
       </FieldBox>
+      <div>
+        <SelectV2.Root
+          visibleOptions={2}
+          onChange={() => {
+            console.log('dsad');
+          }}
+          type='text'
+        >
+          <SelectV2.Trigger>
+            <SelectV2.TriggerContent placeholder='새로운 SelectV2' />
+          </SelectV2.Trigger>
+          <SelectV2.Menu>
+            {options.map((option) => (
+              <SelectV2.MenuItem
+                key={option.value}
+                option={option}
+                onClick={() => {
+                  console.log('custom logic');
+                }}
+              />
+            ))}
+          </SelectV2.Menu>
+        </SelectV2.Root>
+      </div>
     </>
   );
 }