From 5419ded495e932c78fcf51868093524006c53d93 Mon Sep 17 00:00:00 2001 From: Max Kohler Date: Wed, 7 May 2025 16:12:26 +0200 Subject: [PATCH] Run migration --- components/.storybook/main.ts | 20 +- components/.storybook/preview.ts | 2 +- components/package.json | 139 +- .../Autocomplete/Autocomplete.stories.svelte | 5 +- components/src/Button/Button.stories.svelte | 3 +- components/src/Caption/Caption.stories.svelte | 3 +- components/src/Card/Card.stories.svelte | 3 +- components/src/ChartFooter/ChartFooter.mdx | 2 +- .../ChartFooter/ChartFooter.stories.svelte | 3 +- components/src/ChartHeader/ChartHeader.mdx | 2 +- .../ChartHeader/ChartHeader.stories.svelte | 5 +- components/src/Copy/Copy.stories.svelte | 3 +- components/src/DesignTokens/DesignTokens.mdx | 2 +- .../src/DesignTokens/DesignTokens.svelte | 10 +- .../src/Headline/Headline.stories.svelte | 3 +- .../HighlightCard.stories.svelte | 3 +- components/src/Intro.mdx | 2 +- .../src/Logotype/Logotype.stories.svelte | 3 +- components/src/Middot/Middot.stories.svelte | 3 +- components/src/Note/Note.stories.svelte | 3 +- components/src/Select/Select.mdx | 2 +- components/src/Select/Select.stories.svelte | 5 +- components/src/Switcher/Switcher.mdx | 2 +- .../src/Switcher/Switcher.stories.svelte | 5 +- components/vitest.workspace.ts | 2 +- package-lock.json | 2438 ++++++++--------- 26 files changed, 1233 insertions(+), 1440 deletions(-) diff --git a/components/.storybook/main.ts b/components/.storybook/main.ts index a03f9136..1d02ffca 100644 --- a/components/.storybook/main.ts +++ b/components/.storybook/main.ts @@ -11,20 +11,14 @@ const config: StorybookConfig = { '../src/**/*.mdx' ], - addons: [ - { - name: '@storybook/addon-svelte-csf', - options: { - legacyTemplate: true - } - }, - getAbsolutePath('@storybook/addon-links'), - getAbsolutePath('@storybook/addon-essentials'), - getAbsolutePath('@chromatic-com/storybook'), - getAbsolutePath('@storybook/experimental-addon-test') - ], + addons: [{ + name: getAbsolutePath("@storybook/addon-svelte-csf"), + options: { + legacyTemplate: true + } + }, getAbsolutePath('@storybook/addon-links'), getAbsolutePath('@chromatic-com/storybook'), getAbsolutePath('@storybook/addon-vitest'), getAbsolutePath("@storybook/addon-docs")], framework: { - name: '@storybook/sveltekit', + name: getAbsolutePath("@storybook/sveltekit"), options: {} }, diff --git a/components/.storybook/preview.ts b/components/.storybook/preview.ts index 4beebcce..ed31b2d0 100644 --- a/components/.storybook/preview.ts +++ b/components/.storybook/preview.ts @@ -1,4 +1,4 @@ -import type { Preview } from "@storybook/svelte"; +import type { Preview } from "@storybook/sveltekit"; const preview: Preview = { parameters: { diff --git a/components/package.json b/components/package.json index 5a4206db..107ecc91 100644 --- a/components/package.json +++ b/components/package.json @@ -1,71 +1,70 @@ { - "name": "@swr-data-lab/components", - "description": "SWR Data Lab component library", - "author": "SWR Data Lab", - "publishConfig": { - "access": "restricted" - }, - "scripts": { - "dev": "vite dev", - "build": "vite build", - "preview": "vite preview", - "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", - "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", - "storybook": "storybook dev -p 6006", - "start": "storybook dev -p 6006", - "build-storybook": "storybook build --disable-telemetry", - "test-storybook": "vitest run --project=storybook", - "test-storybook:ci": "concurrently -k -s first -n \"Storybook,Test\" -c \"magenta,blue\" \"npm run build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && npm run test-storybook\"", - "semantic-release": "semantic-release" - }, - "dependencies": { - "svelte-select": "^5.8.3" - }, - "devDependencies": { - "@chromatic-com/storybook": "^2.0.2", - "@semantic-release/changelog": "^6.0.3", - "@semantic-release/git": "^10.0.1", - "@semantic-release/npm": "^12.0.1", - "@storybook/addon-essentials": "^8.6.4", - "@storybook/addon-links": "^8.6.4", - "@storybook/addon-svelte-csf": "^5.0.0-next.27", - "@storybook/blocks": "^8.6.4", - "@storybook/docs-tools": "^8.6.4", - "@storybook/experimental-addon-test": "^8.6.12", - "@storybook/svelte": "^8.6.4", - "@storybook/sveltekit": "^8.6.4", - "@storybook/test": "^8.6.4", - "@storybook/test-runner": "^0.22.0", - "@sveltejs/adapter-auto": "^3.0.0", - "@sveltejs/kit": "^2.0.0", - "@sveltejs/vite-plugin-svelte": "^5.0.3", - "@vitest/browser": "^3.1.1", - "@vitest/coverage-v8": "^3.1.1", - "concurrently": "^9.0.1", - "http-server": "^14.1.1", - "playwright": "^1.51.1", - "sass-embedded": "^1.78.0", - "semantic-release": "^24.1.2", - "storybook": "^8.6.4", - "svelte": "^5.23.0", - "svelte-check": "^4.0.0", - "typescript": "^5.0.0", - "vite": "^6.0.0", - "vitest": "^3.1.1", - "wait-on": "^8.0.1" - }, - "type": "module", - "release": { - "plugins": [ - "@semantic-release/commit-analyzer", - "@semantic-release/release-notes-generator", - "@semantic-release/npm" - ] - }, - "exports": { - ".": { - "svelte": "./src/index.js" - } - }, - "version": "1.0.6" -} \ No newline at end of file + "name": "@swr-data-lab/components", + "description": "SWR Data Lab component library", + "author": "SWR Data Lab", + "publishConfig": { + "access": "restricted" + }, + "scripts": { + "dev": "vite dev", + "build": "vite build", + "preview": "vite preview", + "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", + "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", + "storybook": "storybook dev -p 6006", + "start": "storybook dev -p 6006", + "build-storybook": "storybook build --disable-telemetry", + "test-storybook": "vitest run --project=storybook", + "test-storybook:ci": "concurrently -k -s first -n \"Storybook,Test\" -c \"magenta,blue\" \"npm run build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && npm run test-storybook\"", + "semantic-release": "semantic-release" + }, + "dependencies": { + "svelte-select": "^5.8.3" + }, + "devDependencies": { + "@chromatic-com/storybook": "^4.0.0-next.6", + "@semantic-release/changelog": "^6.0.3", + "@semantic-release/git": "^10.0.1", + "@semantic-release/npm": "^12.0.1", + "@storybook/addon-docs": "^9.0.0-beta.11", + "@storybook/addon-links": "^9.0.0-beta.11", + "@storybook/addon-svelte-csf": "^5.0.0-next.30", + "@storybook/addon-vitest": "^9.0.0-beta.11", + "@storybook/sveltekit": "^9.0.0-beta.11", + "@storybook/test-runner": "^0.23.0-next.1", + "@sveltejs/adapter-auto": "^3.0.0", + "@sveltejs/kit": "^2.0.0", + "@sveltejs/vite-plugin-svelte": "^5.0.3", + "@vitest/browser": "^3.1.1", + "@vitest/coverage-v8": "^3.1.1", + "concurrently": "^9.0.1", + "http-server": "^14.1.1", + "playwright": "^1.51.1", + "sass-embedded": "^1.78.0", + "semantic-release": "^24.1.2", + "storybook": "^9.0.0-beta.11", + "svelte": "^5.23.0", + "svelte-check": "^4.0.0", + "typescript": "^5.0.0", + "vite": "^6.0.0", + "vitest": "^3.1.1", + "wait-on": "^8.0.1" + }, + "type": "module", + "release": { + "plugins": [ + "@semantic-release/commit-analyzer", + "@semantic-release/release-notes-generator", + "@semantic-release/npm" + ] + }, + "exports": { + ".": { + "svelte": "./src/index.js" + } + }, + "version": "1.0.6", + "overrides": { + "storybook": "$storybook" + } +} diff --git a/components/src/Autocomplete/Autocomplete.stories.svelte b/components/src/Autocomplete/Autocomplete.stories.svelte index 2832ba00..139fdca4 100644 --- a/components/src/Autocomplete/Autocomplete.stories.svelte +++ b/components/src/Autocomplete/Autocomplete.stories.svelte @@ -1,13 +1,12 @@ diff --git a/components/src/Caption/Caption.stories.svelte b/components/src/Caption/Caption.stories.svelte index 2d78c7bf..c4d4f59c 100644 --- a/components/src/Caption/Caption.stories.svelte +++ b/components/src/Caption/Caption.stories.svelte @@ -5,8 +5,7 @@ import Caption from './Caption.svelte'; const { Story } = defineMeta({ - title: 'Typography/Caption', - component: Caption + title: 'Typography/Caption' }); diff --git a/components/src/Card/Card.stories.svelte b/components/src/Card/Card.stories.svelte index 2170d61d..dbcd144b 100644 --- a/components/src/Card/Card.stories.svelte +++ b/components/src/Card/Card.stories.svelte @@ -4,8 +4,7 @@ import DesignTokens from '../DesignTokens/DesignTokens.svelte'; const { Story } = defineMeta({ - title: 'Display/Card/Base', - component: Card + title: 'Display/Card/Base' }); diff --git a/components/src/ChartFooter/ChartFooter.mdx b/components/src/ChartFooter/ChartFooter.mdx index 252397c0..1acd82ee 100644 --- a/components/src/ChartFooter/ChartFooter.mdx +++ b/components/src/ChartFooter/ChartFooter.mdx @@ -1,4 +1,4 @@ -import { Story, Meta, Primary, Controls, Stories } from '@storybook/blocks'; +import { Story, Meta, Primary, Controls, Stories } from '@storybook/addon-docs/blocks'; import * as ChartFooterStories from './ChartFooter.stories.svelte'; diff --git a/components/src/ChartFooter/ChartFooter.stories.svelte b/components/src/ChartFooter/ChartFooter.stories.svelte index 64a278bc..41cf2436 100644 --- a/components/src/ChartFooter/ChartFooter.stories.svelte +++ b/components/src/ChartFooter/ChartFooter.stories.svelte @@ -6,8 +6,7 @@ import Middot from '../Middot/Middot.svelte'; const { Story } = defineMeta({ - title: 'Chart/ChartFooter', - component: ChartFooter + title: 'Chart/ChartFooter' }); diff --git a/components/src/ChartHeader/ChartHeader.mdx b/components/src/ChartHeader/ChartHeader.mdx index 852e92d5..4dd62ece 100644 --- a/components/src/ChartHeader/ChartHeader.mdx +++ b/components/src/ChartHeader/ChartHeader.mdx @@ -1,4 +1,4 @@ -import { Story, Meta, Primary, Controls, Stories } from '@storybook/blocks'; +import { Story, Meta, Primary, Controls, Stories } from '@storybook/addon-docs/blocks'; import * as ChartHeaderStories from './ChartHeader.stories.svelte'; diff --git a/components/src/ChartHeader/ChartHeader.stories.svelte b/components/src/ChartHeader/ChartHeader.stories.svelte index 8840f266..70ffc1ad 100644 --- a/components/src/ChartHeader/ChartHeader.stories.svelte +++ b/components/src/ChartHeader/ChartHeader.stories.svelte @@ -1,12 +1,11 @@ diff --git a/components/src/Copy/Copy.stories.svelte b/components/src/Copy/Copy.stories.svelte index fc46e458..541f72fa 100644 --- a/components/src/Copy/Copy.stories.svelte +++ b/components/src/Copy/Copy.stories.svelte @@ -5,8 +5,7 @@ import Copy from './Copy.svelte'; const { Story } = defineMeta({ - title: 'Typography/Copy', - component: Copy + title: 'Typography/Copy' }); diff --git a/components/src/DesignTokens/DesignTokens.mdx b/components/src/DesignTokens/DesignTokens.mdx index 5a7112f6..70d234dc 100644 --- a/components/src/DesignTokens/DesignTokens.mdx +++ b/components/src/DesignTokens/DesignTokens.mdx @@ -1,4 +1,4 @@ -import { Title, Story, ColorPalette, ColorItem, Meta, Typeset, Canvas } from '@storybook/blocks'; +import { Title, Story, ColorPalette, ColorItem, Meta, Typeset, Canvas } from '@storybook/addon-docs/blocks'; import { shades, scales, typography } from "./Tokens" import * as HeadlineStories from "../Headline/Headline.stories.svelte" diff --git a/components/src/DesignTokens/DesignTokens.svelte b/components/src/DesignTokens/DesignTokens.svelte index bc120ca7..f33d5b3b 100644 --- a/components/src/DesignTokens/DesignTokens.svelte +++ b/components/src/DesignTokens/DesignTokens.svelte @@ -1,6 +1,12 @@
- + {#if children} + {@render children()} + {/if}