設定ダイアログのリデザイン

package.json

@@ -56,7 +56,7 @@
     "multistream": "4.1.0",
     "pixi.js": "7.4.0",
     "quasar": "2.11.6",
-    "radix-vue": "1.2.3",
+    "radix-vue": "1.9.6",
     "rfdc": "1.4.1",
     "semver": "7.5.4",
     "shlex": "2.1.2",

src/components/Base/BaseButton.vue

@@ -39,7 +39,6 @@ defineEmits<{
   padding: 0 vars.$padding-2;
   gap: vars.$gap-1;
   border: 1px solid;
-  transition: background-color vars.$transition-duration;
   cursor: pointer;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 

src/components/Base/BaseCheckbox.stories.ts

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+
+import BaseCheckbox from "./BaseCheckbox.vue";
+
+const meta: Meta<typeof BaseCheckbox> = {
+  component: BaseCheckbox,
+};
+
+export default meta;
+type Story = StoryObj<typeof BaseCheckbox>;
+
+export const Default: Story = {
+  args: {
+    label: "Default",
+    checked: false,
+  },
+};
+
+export const Checked: Story = {
+  ...Default,
+  args: {
+    label: "Checked",
+    checked: true,
+  },
+};