From fc308857f8afce655296ab01896275aa03c917fb Mon Sep 17 00:00:00 2001
From: "k.tada" <white.rv0925@gmail.com>
Date: Wed, 20 Nov 2024 15:39:43 +0900
Subject: [PATCH 1/5] =?UTF-8?q?feat(panel-switch):=20WizPanelSwitch?=
 =?UTF-8?q?=E3=81=AE=E3=83=91=E3=82=B9=E3=82=92Input=E3=81=8B=E3=82=89Base?=
 =?UTF-8?q?=E7=9B=B4=E4=B8=8B=E3=81=AB=E7=A7=BB=E5=8B=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/wiz-ui-next/src/components/base/index.ts               | 1 +
 packages/wiz-ui-next/src/components/base/inputs/index.ts        | 1 -
 .../src/components/base/{inputs => }/panel-switch/index.ts      | 0
 .../base/{inputs => }/panel-switch/panel-switch.stories.ts      | 2 +-
 .../components/base/{inputs => }/panel-switch/panel-switch.vue  | 0
 .../src/components/base/{inputs => }/panel-switch/types.ts      | 0
 6 files changed, 2 insertions(+), 2 deletions(-)
 rename packages/wiz-ui-next/src/components/base/{inputs => }/panel-switch/index.ts (100%)
 rename packages/wiz-ui-next/src/components/base/{inputs => }/panel-switch/panel-switch.stories.ts (95%)
 rename packages/wiz-ui-next/src/components/base/{inputs => }/panel-switch/panel-switch.vue (100%)
 rename packages/wiz-ui-next/src/components/base/{inputs => }/panel-switch/types.ts (100%)

diff --git a/packages/wiz-ui-next/src/components/base/index.ts b/packages/wiz-ui-next/src/components/base/index.ts
index 6072f7f9a..b2e169f58 100644
--- a/packages/wiz-ui-next/src/components/base/index.ts
+++ b/packages/wiz-ui-next/src/components/base/index.ts
@@ -35,3 +35,4 @@ export * from "./popup-button-group";
 export * from "./show-more-less";
 export * from "./information-panel";
 export * from "./loading-overlay";
+export * from "./panel-switch";
diff --git a/packages/wiz-ui-next/src/components/base/inputs/index.ts b/packages/wiz-ui-next/src/components/base/inputs/index.ts
index e1e0948f6..83272b14a 100644
--- a/packages/wiz-ui-next/src/components/base/inputs/index.ts
+++ b/packages/wiz-ui-next/src/components/base/inputs/index.ts
@@ -7,7 +7,6 @@ export * from "./selectbox";
 export * from "./radio";
 export * from "./radio-new";
 export * from "./toggle-switch";
-export * from "./panel-switch";
 export * from "./timepicker";
 export * from "./date-picker";
 export * from "./upload";
diff --git a/packages/wiz-ui-next/src/components/base/inputs/panel-switch/index.ts b/packages/wiz-ui-next/src/components/base/panel-switch/index.ts
similarity index 100%
rename from packages/wiz-ui-next/src/components/base/inputs/panel-switch/index.ts
rename to packages/wiz-ui-next/src/components/base/panel-switch/index.ts
diff --git a/packages/wiz-ui-next/src/components/base/inputs/panel-switch/panel-switch.stories.ts b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
similarity index 95%
rename from packages/wiz-ui-next/src/components/base/inputs/panel-switch/panel-switch.stories.ts
rename to packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
index 9a442ad81..886db6bc6 100644
--- a/packages/wiz-ui-next/src/components/base/inputs/panel-switch/panel-switch.stories.ts
+++ b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
@@ -4,7 +4,7 @@ import { ref } from "vue";
 import { WizPanelSwitch } from ".";
 
 export default {
-  title: "Base/Input/PanelSwitch",
+  title: "Base/PanelSwitch",
   component: WizPanelSwitch,
   argTypes: {
     input: {
diff --git a/packages/wiz-ui-next/src/components/base/inputs/panel-switch/panel-switch.vue b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.vue
similarity index 100%
rename from packages/wiz-ui-next/src/components/base/inputs/panel-switch/panel-switch.vue
rename to packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.vue
diff --git a/packages/wiz-ui-next/src/components/base/inputs/panel-switch/types.ts b/packages/wiz-ui-next/src/components/base/panel-switch/types.ts
similarity index 100%
rename from packages/wiz-ui-next/src/components/base/inputs/panel-switch/types.ts
rename to packages/wiz-ui-next/src/components/base/panel-switch/types.ts

From a4f39dcdcd30fb1dda4ca028f29baa60360b289a Mon Sep 17 00:00:00 2001
From: "k.tada" <white.rv0925@gmail.com>
Date: Wed, 20 Nov 2024 15:47:30 +0900
Subject: [PATCH 2/5] =?UTF-8?q?feat(panel-switch):=20WizPanelSwitch?=
 =?UTF-8?q?=E3=81=ABwidth=E3=83=91=E3=83=A9=E3=83=A1=E3=83=BC=E3=82=BF?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../base/panel-switch/panel-switch.stories.ts | 20 +++++++++++++------
 .../base/panel-switch/panel-switch.vue        |  6 +++++-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
index 886db6bc6..6e8991fd2 100644
--- a/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
+++ b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
@@ -27,12 +27,20 @@ const Template: StoryFn<typeof WizPanelSwitch> = (args) => ({
 `,
 });
 
+const items = [
+  { label: "test1", value: 1 },
+  { label: "test2", value: 2 },
+  { label: "test3", value: 3 },
+  { label: "test4", value: 4 },
+];
+
 export const Default = Template.bind({});
 Default.args = {
-  items: [
-    { label: "test1", value: 1 },
-    { label: "test2", value: 2 },
-    { label: "test3", value: 3 },
-    { label: "test4", value: 4 },
-  ],
+  items,
+};
+
+export const Width = Template.bind({});
+Width.args = {
+  items,
+  width: "300px",
 };
diff --git a/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.vue b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.vue
index 36935bb81..4d4033fd1 100644
--- a/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.vue
+++ b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="panelSwitchStyle">
+  <div :class="panelSwitchStyle" :style="{ ...(width ? { width } : {}) }">
     <label
       v-for="(item, key) in items"
       :key="key"
@@ -55,6 +55,10 @@ const props = defineProps({
     type: Array as PropType<panelItems[]>,
     required: true,
   },
+  width: {
+    type: String,
+    required: false,
+  },
 });
 
 interface Emit {

From 684209c361ebf26995bc9bb318d930082d2be2f9 Mon Sep 17 00:00:00 2001
From: "k.tada" <white.rv0925@gmail.com>
Date: Wed, 20 Nov 2024 15:51:54 +0900
Subject: [PATCH 3/5] chore: changeset

---
 .changeset/big-numbers-rhyme.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/big-numbers-rhyme.md

diff --git a/.changeset/big-numbers-rhyme.md b/.changeset/big-numbers-rhyme.md
new file mode 100644
index 000000000..f2f3d2876
--- /dev/null
+++ b/.changeset/big-numbers-rhyme.md
@@ -0,0 +1,5 @@
+---
+"@wizleap-inc/wiz-ui-next": patch
+---
+
+PanelSwitch のデザイン変更

From 8472b90d3af808b2508851d54284d31af65680a4 Mon Sep 17 00:00:00 2001
From: "k.tada" <white.rv0925@gmail.com>
Date: Mon, 2 Dec 2024 21:03:23 +0900
Subject: [PATCH 4/5] fix: add panel switch story

---
 .../base/panel-switch/panel-switch.stories.ts | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
index 6e8991fd2..59453669e 100644
--- a/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
+++ b/packages/wiz-ui-next/src/components/base/panel-switch/panel-switch.stories.ts
@@ -7,6 +7,9 @@ export default {
   title: "Base/PanelSwitch",
   component: WizPanelSwitch,
   argTypes: {
+    modelValue: {
+      control: { type: "number" },
+    },
     input: {
       action: "input",
     },
@@ -44,3 +47,21 @@ Width.args = {
   items,
   width: "300px",
 };
+
+const ActiveTemplate: StoryFn<typeof WizPanelSwitch> = (args) => ({
+  components: { WizPanelSwitch },
+  setup() {
+    return { args };
+  },
+  template: `
+  <div>
+    <p>入力値：{{ args.modelValue }}</p>
+    <WizPanelSwitch v-bind="args" @update:modelValue="args.input"/>
+  </div>
+`,
+});
+export const Active = ActiveTemplate.bind({});
+Active.args = {
+  items,
+  modelValue: 1,
+};

From 5f90b41737471aff613c0632bddefddf569e2dbf Mon Sep 17 00:00:00 2001
From: "k.tada" <white.rv0925@gmail.com>
Date: Mon, 2 Dec 2024 21:03:54 +0900
Subject: [PATCH 5/5] fix: changeset

---
 .changeset/big-numbers-rhyme.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/big-numbers-rhyme.md b/.changeset/big-numbers-rhyme.md
index f2f3d2876..761971da7 100644
--- a/.changeset/big-numbers-rhyme.md
+++ b/.changeset/big-numbers-rhyme.md
@@ -1,5 +1,5 @@
 ---
-"@wizleap-inc/wiz-ui-next": patch
+"@wizleap-inc/wiz-ui-next": minor
 ---
 
 PanelSwitch のデザイン変更