test: change button border radius for chromatic test

.github/workflows/ci.yml

@@ -7,33 +7,6 @@ on:
     branches: [next]
 
 jobs:
-  ci:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: pnpm/action-setup@v3
-        with:
-          version: 8
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          cache: pnpm
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Type check
-        run: pnpm check
-
-      - name: Lint
-        run: pnpm lint
-
-      - name: Unit tests
-        run: pnpm test:unit --run
-
   chromatic:
     runs-on: ubuntu-latest
     steps:
@@ -53,6 +26,12 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
+      - name: Sync SvelteKit
+        run: pnpm exec svelte-kit sync
+
+      - name: Generate SVG sprites
+        run: pnpm exec tsx --tsconfig tsconfig.json -e "const {WebkitSvg} = await import('./plugins/vite.ts'); await WebkitSvg().buildStart();"
+
       - name: Chromatic
         uses: chromaui/action@latest
         with:

.storybook/main.ts

@@ -2,7 +2,6 @@ import type { StorybookConfig } from '@storybook/sveltekit'
 
 import { mergeConfig } from 'vite'
 
-import { WebkitSvg } from '../plugins/vite.js'
 
 const config: StorybookConfig = {
   stories: ['../src/stories/**/*.mdx', '../src/stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
@@ -24,7 +23,6 @@ const config: StorybookConfig = {
 
   async viteFinal(config) {
     const result = mergeConfig(config, {
-      plugins: [WebkitSvg()],
       sever: {
         fs: { allow: ['../'] },
       },

src/lib/ui/core/Button/Button.svelte

@@ -68,7 +68,7 @@
   )
 
   const button = tv({
-    base: 'flex items-center cursor-pointer gap-2 rounded-md',
+    base: 'flex items-center cursor-pointer gap-2 rounded-xl',
     variants: {
       children: { false: '' },
       icon: { false: '' },