From dca56c9868229077850cd13a6037f36fd300d501 Mon Sep 17 00:00:00 2001
From: RyushiAok <55625375+RyushiAok@users.noreply.github.com>
Date: Mon, 30 Sep 2024 09:39:40 +0900
Subject: [PATCH 1/2] chore(infomation-panel): update close button position

---
 .../styles/bases/information-panel.css.ts     |  4 ----
 .../information-panel/information-panel.vue   | 21 ++++++++-----------
 .../components/information-panel.tsx          | 16 +++++++-------
 3 files changed, 16 insertions(+), 25 deletions(-)

diff --git a/packages/styles/bases/information-panel.css.ts b/packages/styles/bases/information-panel.css.ts
index 306805d82..d46644f4f 100644
--- a/packages/styles/bases/information-panel.css.ts
+++ b/packages/styles/bases/information-panel.css.ts
@@ -25,7 +25,3 @@ export const informationPanelFontStyle = styleVariants({
     color: THEME.color.red["800"],
   },
 });
-
-export const informationPanelIconStyle = style({
-  margin: "auto 0",
-});
diff --git a/packages/wiz-ui-next/src/components/base/information-panel/information-panel.vue b/packages/wiz-ui-next/src/components/base/information-panel/information-panel.vue
index 4b3013f05..712d35289 100644
--- a/packages/wiz-ui-next/src/components/base/information-panel/information-panel.vue
+++ b/packages/wiz-ui-next/src/components/base/information-panel/information-panel.vue
@@ -16,16 +16,14 @@
         </template>
       </div>
     </WizVStack>
-    <div :class="[informationPanelIconStyle]">
-      <WizVStack align="center">
-        <WizIconButton
-          variant="transparent"
-          :icon="WizIClose"
-          @click="close"
-          :ariaLabel="ARIA_LABELS.INFORMATION_PANEL.CLOSE"
-        />
-      </WizVStack>
-    </div>
+    <WizVStack>
+      <WizIconButton
+        variant="transparent"
+        :icon="WizIClose"
+        @click="close"
+        :ariaLabel="ARIA_LABELS.INFORMATION_PANEL.CLOSE"
+      />
+    </WizVStack>
   </div>
 </template>
 <script setup lang="ts">
@@ -33,10 +31,9 @@ import { ARIA_LABELS, ComponentName } from "@wizleap-inc/wiz-ui-constants";
 import {
   informationPanelBorderStyle,
   informationPanelFontStyle,
-  informationPanelIconStyle,
   informationPanelStyle,
 } from "@wizleap-inc/wiz-ui-styles/bases/information-panel.css";
-import { PropType, computed, Component as ComponentType } from "vue"; // Componentの場合、<component>タグと競合するためエイリアスをつける
+import { Component as ComponentType, PropType, computed } from "vue"; // Componentの場合、<component>タグと競合するためエイリアスをつける
 
 import { WizIClose, WizIconButton } from "@/components";
 
diff --git a/packages/wiz-ui-react/src/components/base/information-panel/components/information-panel.tsx b/packages/wiz-ui-react/src/components/base/information-panel/components/information-panel.tsx
index ec1b5fd95..64787b432 100644
--- a/packages/wiz-ui-react/src/components/base/information-panel/components/information-panel.tsx
+++ b/packages/wiz-ui-react/src/components/base/information-panel/components/information-panel.tsx
@@ -61,15 +61,13 @@ const InformationPanel: FC<Props> = ({
           )
         )}
       </WizVStack>
-      <div className={styles.informationPanelIconStyle}>
-        <WizVStack align="center">
-          <WizIconButton
-            variant="transparent"
-            icon={WizIClose}
-            onClick={onClose}
-          />
-        </WizVStack>
-      </div>
+      <WizVStack align="start">
+        <WizIconButton
+          variant="transparent"
+          icon={WizIClose}
+          onClick={onClose}
+        />
+      </WizVStack>
     </div>
   );
 };

From ff7f53984d4a7f6a9315bb9d95f1fc9f5a268a7e Mon Sep 17 00:00:00 2001
From: RyushiAok <55625375+RyushiAok@users.noreply.github.com>
Date: Mon, 30 Sep 2024 09:40:55 +0900
Subject: [PATCH 2/2] chore: add changeset

---
 .changeset/lovely-cars-explode.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/lovely-cars-explode.md

diff --git a/.changeset/lovely-cars-explode.md b/.changeset/lovely-cars-explode.md
new file mode 100644
index 000000000..bb296a229
--- /dev/null
+++ b/.changeset/lovely-cars-explode.md
@@ -0,0 +1,7 @@
+---
+"@wizleap-inc/wiz-ui-react": minor
+"@wizleap-inc/wiz-ui-next": minor
+"@wizleap-inc/wiz-ui-styles": minor
+---
+
+Chore(infomation-panel): update close button position