From 3f976186df41b8db4b4a3d3c99149fd21d31030c Mon Sep 17 00:00:00 2001 From: Lukas Mestel Date: Thu, 28 Sep 2023 16:43:20 +0200 Subject: [PATCH] test: fix typescript errors --- package.json | 12 +- patches/@kickstartds+base+2.2.0.patch | 18 - patches/@kickstartds+blog+2.2.0.patch | 18 - patches/@kickstartds+content+2.1.0.patch | 18 - patches/@kickstartds+core+2.2.0.patch | 18 - patches/@kickstartds+form+2.2.0.patch | 18 - ...logList.story.tsx => BlogList.stories.tsx} | 6 +- ...logPost.story.tsx => BlogPost.stories.tsx} | 6 +- src/PagesBlog/PagesBlog.stories.tsx | 23 - src/PagesContent/Landingpage.stories.tsx | 13 +- src/Recipes/content-navigation/Grid.story.tsx | 28 +- .../content-navigation/Switch.story.tsx | 14 +- .../content-sections/ImageGallery.story.tsx | 65 +- src/Recipes/content-sections/Mosaic.story.tsx | 16 +- .../cta/BannerBackgroundImage.story.tsx | 4 +- src/Recipes/cta/BannerSplit.story.tsx | 11 +- src/Recipes/cta/SimpleBanner.story.tsx | 11 +- src/Recipes/cta/TextImage.story.tsx | 10 +- src/Recipes/cta/TextLarge.story.tsx | 25 +- src/Recipes/hero/AngledImage.story.tsx | 30 +- src/Recipes/hero/AtmosphericVideo.story.tsx | 14 +- src/Recipes/hero/LargeDevice.story.tsx | 13 +- src/Recipes/hero/Screenshot.story.tsx | 6 +- src/Recipes/hero/TextBesideProduct.story.tsx | 5 +- src/Recipes/hero/TextOnProduct.story.tsx | 10 +- .../AnnouncementBarComponent.tsx | 3 +- src/button/ButtonComponent.tsx | 2 +- src/count-up/CountUp.stories.tsx | 1 - src/count-up/CountUpComponent.tsx | 2 +- src/post-head/PostHead.stories.tsx | 2 +- src/showcase/ShowcaseComponent.tsx | 3 +- tsconfig.json | 1 + yarn.lock | 687 ++---------------- 33 files changed, 196 insertions(+), 917 deletions(-) delete mode 100644 patches/@kickstartds+base+2.2.0.patch delete mode 100644 patches/@kickstartds+blog+2.2.0.patch delete mode 100644 patches/@kickstartds+content+2.1.0.patch delete mode 100644 patches/@kickstartds+core+2.2.0.patch delete mode 100644 patches/@kickstartds+form+2.2.0.patch rename src/PagesBlog/{BlogList.story.tsx => BlogList.stories.tsx} (96%) rename src/PagesBlog/{BlogPost.story.tsx => BlogPost.stories.tsx} (97%) delete mode 100644 src/PagesBlog/PagesBlog.stories.tsx diff --git a/package.json b/package.json index 2a62cb14..07c46ba9 100644 --- a/package.json +++ b/package.json @@ -36,12 +36,12 @@ "keywords": [], "dependencies": { "@bedrock-layout/primitives": "^2.2.5", - "@kickstartds/base": "^2.2.0", - "@kickstartds/blog": "^2.2.0", - "@kickstartds/content": "^2.1.0", - "@kickstartds/core": "^2.2.0", - "@kickstartds/form": "^2.2.0", - "@kickstartds/style-dictionary": "^2.2.0", + "@kickstartds/base": "^2.3.0-next.2", + "@kickstartds/blog": "^2.3.0-next.2", + "@kickstartds/content": "^2.2.0-next.1", + "@kickstartds/core": "^2.3.0-next.2", + "@kickstartds/form": "^2.3.0-next.2", + "@kickstartds/style-dictionary": "^2.2.1-next.0", "change-case": "^4.1.2", "classnames": "^2.3.2", "json-schema-to-typescript": "^13.0.2", diff --git a/patches/@kickstartds+base+2.2.0.patch b/patches/@kickstartds+base+2.2.0.patch deleted file mode 100644 index df6a26a1..00000000 --- a/patches/@kickstartds+base+2.2.0.patch +++ /dev/null @@ -1,18 +0,0 @@ -diff --git a/node_modules/@kickstartds/base/package.json b/node_modules/@kickstartds/base/package.json -index 084671d..7ea28da 100644 ---- a/node_modules/@kickstartds/base/package.json -+++ b/node_modules/@kickstartds/base/package.json -@@ -13,13 +13,6 @@ - }, - "license": "(MIT OR Apache-2.0)", - "author": "Jonas Ulrich (https://www.kickstartDS.com/)", -- "typesVersions": { -- "*": { -- "*": [ -- "*/index.d.ts" -- ] -- } -- }, - "files": [ - "lib", - "source/**/_container.scss", diff --git a/patches/@kickstartds+blog+2.2.0.patch b/patches/@kickstartds+blog+2.2.0.patch deleted file mode 100644 index 77127b05..00000000 --- a/patches/@kickstartds+blog+2.2.0.patch +++ /dev/null @@ -1,18 +0,0 @@ -diff --git a/node_modules/@kickstartds/blog/package.json b/node_modules/@kickstartds/blog/package.json -index 5743560..423ace9 100644 ---- a/node_modules/@kickstartds/blog/package.json -+++ b/node_modules/@kickstartds/blog/package.json -@@ -13,13 +13,6 @@ - }, - "license": "(MIT OR Apache-2.0)", - "author": "Jonas Ulrich (https://www.kickstartDS.com/)", -- "typesVersions": { -- "*": { -- "*": [ -- "*/index.d.ts" -- ] -- } -- }, - "files": [ - "lib", - "source/**/_container.scss", diff --git a/patches/@kickstartds+content+2.1.0.patch b/patches/@kickstartds+content+2.1.0.patch deleted file mode 100644 index 1df5cca2..00000000 --- a/patches/@kickstartds+content+2.1.0.patch +++ /dev/null @@ -1,18 +0,0 @@ -diff --git a/node_modules/@kickstartds/content/package.json b/node_modules/@kickstartds/content/package.json -index 5249eea..d1e3ccb 100644 ---- a/node_modules/@kickstartds/content/package.json -+++ b/node_modules/@kickstartds/content/package.json -@@ -12,13 +12,6 @@ - }, - "license": "UNLICENSED", - "author": "Jonas Ulrich (https://www.kickstartDS.com/)", -- "typesVersions": { -- "*": { -- "*": [ -- "*/index.d.ts" -- ] -- } -- }, - "files": [ - "lib", - "source/**/_container.scss", diff --git a/patches/@kickstartds+core+2.2.0.patch b/patches/@kickstartds+core+2.2.0.patch deleted file mode 100644 index b2df3c16..00000000 --- a/patches/@kickstartds+core+2.2.0.patch +++ /dev/null @@ -1,18 +0,0 @@ -diff --git a/node_modules/@kickstartds/core/package.json b/node_modules/@kickstartds/core/package.json -index d2a8a15..c5d7912 100644 ---- a/node_modules/@kickstartds/core/package.json -+++ b/node_modules/@kickstartds/core/package.json -@@ -13,13 +13,6 @@ - }, - "license": "(MIT OR Apache-2.0)", - "author": "Jonas Ulrich (https://www.kickstartDS.com/)", -- "typesVersions": { -- "*": { -- "*": [ -- "*/index.d.ts" -- ] -- } -- }, - "files": [ - "lib", - "source/core/*.scss", diff --git a/patches/@kickstartds+form+2.2.0.patch b/patches/@kickstartds+form+2.2.0.patch deleted file mode 100644 index b81e14ec..00000000 --- a/patches/@kickstartds+form+2.2.0.patch +++ /dev/null @@ -1,18 +0,0 @@ -diff --git a/node_modules/@kickstartds/form/package.json b/node_modules/@kickstartds/form/package.json -index 8cb3e93..20ad41e 100644 ---- a/node_modules/@kickstartds/form/package.json -+++ b/node_modules/@kickstartds/form/package.json -@@ -13,13 +13,6 @@ - }, - "license": "(MIT OR Apache-2.0)", - "author": "Jonas Ulrich (https://www.kickstartDS.com/)", -- "typesVersions": { -- "*": { -- "*": [ -- "*/index.d.ts" -- ] -- } -- }, - "files": [ - "lib", - "source/**/_container.scss", diff --git a/src/PagesBlog/BlogList.story.tsx b/src/PagesBlog/BlogList.stories.tsx similarity index 96% rename from src/PagesBlog/BlogList.story.tsx rename to src/PagesBlog/BlogList.stories.tsx index 39d8a600..5b213de2 100644 --- a/src/PagesBlog/BlogList.story.tsx +++ b/src/PagesBlog/BlogList.stories.tsx @@ -116,7 +116,11 @@ const Page = () => ( const meta: Meta = { component: Page, - title: "Blog List", + title: "Pages/Blog/Blog List", + parameters: { + layout: "fullscreen", + controls: { disabled: true }, + }, }; export default meta; type Story = StoryObj; diff --git a/src/PagesBlog/BlogPost.story.tsx b/src/PagesBlog/BlogPost.stories.tsx similarity index 97% rename from src/PagesBlog/BlogPost.story.tsx rename to src/PagesBlog/BlogPost.stories.tsx index 940266f1..5c85668a 100644 --- a/src/PagesBlog/BlogPost.story.tsx +++ b/src/PagesBlog/BlogPost.stories.tsx @@ -149,7 +149,11 @@ After working in a large tech corporation for a long time I very well know today const meta: Meta = { component: Page, - title: "Blog Post", + title: "Pages/Blog/Blog Post", + parameters: { + layout: "fullscreen", + controls: { disabled: true }, + }, }; export default meta; type Story = StoryObj; diff --git a/src/PagesBlog/PagesBlog.stories.tsx b/src/PagesBlog/PagesBlog.stories.tsx deleted file mode 100644 index a820c5d0..00000000 --- a/src/PagesBlog/PagesBlog.stories.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { LinkContext } from "@kickstartds/base/lib/link"; -import LinkTo from "@storybook/addon-links/react"; - -const PagesLink = ({ href, ...props }) => ( - -); - -export default { - title: "Pages/Blog", - parameters: { - layout: "fullscreen", - previewTabs: { - "storybook/docs/panel": { - hidden: true, - }, - }, - controls: { disabled: true }, - }, -}; - -export { BlogPost } from "./BlogPost.story"; -export { BlogList } from "./BlogList.story"; diff --git a/src/PagesContent/Landingpage.stories.tsx b/src/PagesContent/Landingpage.stories.tsx index 6ecaf85e..11bb28b7 100644 --- a/src/PagesContent/Landingpage.stories.tsx +++ b/src/PagesContent/Landingpage.stories.tsx @@ -37,19 +37,19 @@ const Page = () => ( level: "h1", styleAs: "h1", subheadline: "Democratizing Design Systems", + // @ts-expect-error switchOrder: true, }, horizontal: "left", indent: true, link: { + // @ts-expect-error deko: true, highlighted: true, enabled: true, fillAnimation: false, href: "#", - iconAfter: true, iconAnimation: false, - iconBefore: false, icon: { icon: "chevron-right", }, @@ -89,6 +89,7 @@ A low-code framework, UI develeopment toolkit and comprehensive component librar subheadline: "Your AI-powered Design System assistant!", }, text: "Our Design System Concierge can help by providing expert guidance and pointing you towards the right resources, whether it's implementation guides, architecture documents, adoption strategies, or other content.", + // @ts-expect-error links: [ { label: "Try it, it's free", @@ -113,7 +114,7 @@ A low-code framework, UI develeopment toolkit and comprehensive component librar subheadline: "Setup a Design System and put it into action in just 5 steps", level: "h2", - pageHeader: false, + spaceAfter: "small", }} width="full" @@ -200,6 +201,7 @@ A low-code framework, UI develeopment toolkit and comprehensive component librar spaceBefore="small" > + {/* @ts-expect-error */} + {/* @ts-expect-error */} + {/* @ts-expect-error */} ( align: "center", }} > + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( }} imageSpacing /> + {/* @ts-expect-error */} ( ); -export const Grid = Recipe.bind({}); +export const Grid = { + render: Recipe, +}; diff --git a/src/Recipes/content-navigation/Switch.story.tsx b/src/Recipes/content-navigation/Switch.story.tsx index ea24fd13..a29ad6da 100644 --- a/src/Recipes/content-navigation/Switch.story.tsx +++ b/src/Recipes/content-navigation/Switch.story.tsx @@ -11,31 +11,29 @@ const Recipe = () => ( align: "center", }} > + {/* @ts-expect-error */} + {/* @ts-expect-error */} ( ); -export const Switch = Recipe.bind({}); +export const Switch = { + render: Recipe, +}; diff --git a/src/Recipes/content-sections/ImageGallery.story.tsx b/src/Recipes/content-sections/ImageGallery.story.tsx index 8331176b..f392446d 100644 --- a/src/Recipes/content-sections/ImageGallery.story.tsx +++ b/src/Recipes/content-sections/ImageGallery.story.tsx @@ -11,18 +11,12 @@ const Recipe = () => ( spaceAfter="none" headline={{ styleAs: "h1", - content: "Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.", + content: + "Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.", align: "left", }} - > - - -
+ >
+
( }, }, ]} + text="" mediaAlignment="above-center" />
@@ -41,8 +36,6 @@ const Recipe = () => ( mode="list" gutter="large" > - - ( align: null, content: "Vel eum iriure dolor", level: "h2", - pageHeader: false, - spaceAfter: "none", + spaceAfter: "minimum", styleAs: "h2", subheadline: "lorem ispum dolor sit amet", }, link: { fillAnimation: false, href: "#", - iconAfter: false, iconAnimation: false, - iconBefore: false, label: "", newTab: false, size: "medium", @@ -78,7 +68,8 @@ const Recipe = () => ( mobileImageLast: false, }, ratio: "none", - source: "https://images.unsplash.com/photo-1649425231920-e37a448099f1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80", + source: + "https://images.unsplash.com/photo-1649425231920-e37a448099f1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80", vAlign: "top", }} /> @@ -89,17 +80,15 @@ const Recipe = () => ( align: null, content: "Vel eum iriure dolor", level: "h2", - pageHeader: false, - spaceAfter: "none", + + spaceAfter: "minimum", styleAs: "h2", subheadline: "lorem ispum dolor sit amet", }, link: { fillAnimation: false, href: "#", - iconAfter: false, iconAnimation: false, - iconBefore: false, label: "", newTab: false, size: "medium", @@ -117,50 +106,35 @@ const Recipe = () => ( mobileImageLast: false, }, ratio: "none", - source: "https://images.unsplash.com/photo-1649367769288-20a0c06255f7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80", + source: + "https://images.unsplash.com/photo-1649367769288-20a0c06255f7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80", vAlign: "top", }} /> -
+
-
- +
-
- +
( }, }, ]} + text="" mediaAlignment="above-center" />
); -export const ImageGallery = Recipe.bind({}); +export const ImageGallery = { + render: Recipe, +}; diff --git a/src/Recipes/content-sections/Mosaic.story.tsx b/src/Recipes/content-sections/Mosaic.story.tsx index 0cfa8d87..9de55b00 100644 --- a/src/Recipes/content-sections/Mosaic.story.tsx +++ b/src/Recipes/content-sections/Mosaic.story.tsx @@ -21,8 +21,7 @@ const Recipe = () => ( content: "Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis", level: "h2", - pageHeader: false, - spaceAfter: "none", + spaceAfter: "minimum", styleAs: "h2", }, }} @@ -44,8 +43,7 @@ const Recipe = () => ( content: "Molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum", level: "h2", - pageHeader: false, - spaceAfter: "none", + spaceAfter: "minimum", styleAs: "h2", }, }} @@ -67,8 +65,7 @@ const Recipe = () => ( content: "Iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor", level: "h2", - pageHeader: false, - spaceAfter: "none", + spaceAfter: "minimum", styleAs: "h2", }, }} @@ -90,8 +87,7 @@ const Recipe = () => ( content: "Molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum", level: "h2", - pageHeader: false, - spaceAfter: "none", + spaceAfter: "minimum", styleAs: "h2", }, }} @@ -109,4 +105,6 @@ const Recipe = () => ( ); -export const Mosaic = Recipe.bind({}); +export const Mosaic = { + render: Recipe, +}; diff --git a/src/Recipes/cta/BannerBackgroundImage.story.tsx b/src/Recipes/cta/BannerBackgroundImage.story.tsx index 9d935e3d..0960ed73 100644 --- a/src/Recipes/cta/BannerBackgroundImage.story.tsx +++ b/src/Recipes/cta/BannerBackgroundImage.story.tsx @@ -24,4 +24,6 @@ const Recipe = () => ( /> ); -export const BannerBackgroundImage = Recipe.bind({}); +export const BannerBackgroundImage = { + render: Recipe, +}; diff --git a/src/Recipes/cta/BannerSplit.story.tsx b/src/Recipes/cta/BannerSplit.story.tsx index 29f0537d..142292aa 100644 --- a/src/Recipes/cta/BannerSplit.story.tsx +++ b/src/Recipes/cta/BannerSplit.story.tsx @@ -2,11 +2,7 @@ import { Section } from "@kickstartds/base/lib/section"; import { Storytelling } from "@kickstartds/content/lib/storytelling"; const Recipe = () => ( -
+
( subheadline: "Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferendis.", }, - spaceAfter: "none", text: "", link: { label: "Get in touch", @@ -33,4 +28,6 @@ const Recipe = () => (
); -export const BannerSplit = Recipe.bind({}); +export const BannerSplit = { + render: Recipe, +}; diff --git a/src/Recipes/cta/SimpleBanner.story.tsx b/src/Recipes/cta/SimpleBanner.story.tsx index 10ca25ba..7a7c5655 100644 --- a/src/Recipes/cta/SimpleBanner.story.tsx +++ b/src/Recipes/cta/SimpleBanner.story.tsx @@ -2,11 +2,7 @@ import { Section } from "@kickstartds/base/lib/section"; import { Storytelling } from "@kickstartds/content/lib/storytelling"; const Recipe = () => ( -
+
( subheadline: "Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferendis.", }, - spaceAfter: "none", text: "", link: { label: "Get in touch", @@ -29,4 +24,6 @@ const Recipe = () => (
); -export const SimpleBanner = Recipe.bind({}); +export const SimpleBanner = { + render: Recipe, +}; diff --git a/src/Recipes/cta/TextImage.story.tsx b/src/Recipes/cta/TextImage.story.tsx index 3b29096d..42d5d155 100644 --- a/src/Recipes/cta/TextImage.story.tsx +++ b/src/Recipes/cta/TextImage.story.tsx @@ -2,11 +2,7 @@ import { Section } from "@kickstartds/base/lib/section"; import { Storytelling } from "@kickstartds/content/lib/storytelling"; const Recipe = () => ( -
+
(
); -export const TextImage = Recipe.bind({}); +export const TextImage = { + render: Recipe, +}; diff --git a/src/Recipes/cta/TextLarge.story.tsx b/src/Recipes/cta/TextLarge.story.tsx index 593aecfb..f614fbac 100644 --- a/src/Recipes/cta/TextLarge.story.tsx +++ b/src/Recipes/cta/TextLarge.story.tsx @@ -14,29 +14,32 @@ const Recipe = () => ( "Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferendis.", }, text: "", + // @ts-expect-error links: [ { fillAnimation: false, - href: '#', + href: "#", iconAfter: false, iconAnimation: false, iconBefore: false, - label: 'Start now', + label: "Start now", newTab: false, - size: 'medium', - variant: 'solid' + size: "medium", + variant: "solid", }, { - href: '#', - label: 'Learn more', - variant: 'outline' - } + href: "#", + label: "Learn more", + variant: "outline", + }, ], }} /> ); -export const TextLarge = Recipe.bind({}); -TextLarge.parameters = { - backgrounds: { default: "dark" }, +export const TextLarge = { + parameters: { + backgrounds: { default: "dark" }, + render: Recipe, + }, }; diff --git a/src/Recipes/hero/AngledImage.story.tsx b/src/Recipes/hero/AngledImage.story.tsx index 4fcef61a..ac36bc0c 100644 --- a/src/Recipes/hero/AngledImage.story.tsx +++ b/src/Recipes/hero/AngledImage.story.tsx @@ -2,11 +2,7 @@ import { Storytelling } from "@kickstartds/content/lib/storytelling"; import { Section } from "@kickstartds/base/lib/section"; const Recipe = () => ( -
+
( level: "h1", styleAs: "h1", content: "We help you overcome digital obstacles", - subheadline: - "Autem voluptas quis facere et qui voluptate earum.", + subheadline: "Autem voluptas quis facere et qui voluptate earum.", }, text: `Lorem ipsum dolor sit amet, [consetetur sadipscing](http://example.com/) elitr, sed diam voluptua. At vero eos et accusam et justo duo **dolores et ea rebum.**`, + // @ts-expect-error links: [ { fillAnimation: false, - href: '#', + href: "#", iconAfter: false, iconAnimation: false, iconBefore: false, - label: 'Start now', + label: "Start now", newTab: false, - size: 'medium', - variant: 'solid' + size: "medium", + variant: "solid", }, { - href: '#', - label: 'Request a demo', - variant: 'outline' - } + href: "#", + label: "Request a demo", + variant: "outline", + }, ], }} full @@ -47,4 +43,6 @@ const Recipe = () => (
); -export const AngledImage = Recipe.bind({}); +export const AngledImage = { + render: Recipe, +}; diff --git a/src/Recipes/hero/AtmosphericVideo.story.tsx b/src/Recipes/hero/AtmosphericVideo.story.tsx index 1d7d0f5d..08734e1d 100644 --- a/src/Recipes/hero/AtmosphericVideo.story.tsx +++ b/src/Recipes/hero/AtmosphericVideo.story.tsx @@ -3,11 +3,7 @@ import { Section } from "@kickstartds/base/lib/section"; const Recipe = () => ( <> -
+
( horizontal: "center", vertical: "top", background: "transparent", - links: [{ label: "" }], + // @ts-expect-error + links: [], }} /> -
); -export const AtmosphericVideo = Recipe.bind({}); +export const AtmosphericVideo = { + render: Recipe, +}; diff --git a/src/Recipes/hero/LargeDevice.story.tsx b/src/Recipes/hero/LargeDevice.story.tsx index e00c42ab..fdaee2b7 100644 --- a/src/Recipes/hero/LargeDevice.story.tsx +++ b/src/Recipes/hero/LargeDevice.story.tsx @@ -14,18 +14,21 @@ const Recipe = () => ( }} >
); -export const LargeDevice = Recipe.bind({}); +export const LargeDevice = { + render: Recipe, +}; diff --git a/src/Recipes/hero/Screenshot.story.tsx b/src/Recipes/hero/Screenshot.story.tsx index 5e188432..8958f1d0 100644 --- a/src/Recipes/hero/Screenshot.story.tsx +++ b/src/Recipes/hero/Screenshot.story.tsx @@ -21,8 +21,8 @@ const Recipe = () => ( subheadline: "Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferendis.", }, - spaceAfter: "none", text: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferendis.", + // @ts-expect-error links: [ { fillAnimation: false, @@ -46,4 +46,6 @@ const Recipe = () => (
); -export const Screenshot = Recipe.bind({}); +export const Screenshot = { + render: Recipe, +}; diff --git a/src/Recipes/hero/TextBesideProduct.story.tsx b/src/Recipes/hero/TextBesideProduct.story.tsx index aaff027d..d5a1635e 100644 --- a/src/Recipes/hero/TextBesideProduct.story.tsx +++ b/src/Recipes/hero/TextBesideProduct.story.tsx @@ -22,7 +22,6 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam voluptua. At v Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferendis.`.trim(), vAlign: "center", - align: "center", }} image={{ source: "https://images.unsplash.com/photo-1631747206566-3cf2880892a4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=880&q=80", @@ -35,4 +34,6 @@ Autem voluptas quis facere et qui voluptate earum. Dolorum totam animi perferend
); -export const TextBesideProduct = Recipe.bind({}); +export const TextBesideProduct = { + render: Recipe, +}; diff --git a/src/Recipes/hero/TextOnProduct.story.tsx b/src/Recipes/hero/TextOnProduct.story.tsx index 2e4dfa49..4d955b65 100644 --- a/src/Recipes/hero/TextOnProduct.story.tsx +++ b/src/Recipes/hero/TextOnProduct.story.tsx @@ -21,8 +21,7 @@ const Recipe = () => ( }, }} box={{ - inverted: "true", - textColor: "#fff", + inverted: true, enabled: true, headline: { content: "Hic maxime sed eos non. Consequatur ut qui amet.", @@ -33,7 +32,8 @@ const Recipe = () => ( horizontal: "right", vertical: "center", background: "transparent", - links: [{ label: "" }], + // @ts-expect-error + links: [], }} /> @@ -41,4 +41,6 @@ const Recipe = () => ( ); -export const TextOnProduct = Recipe.bind({}); +export const TextOnProduct = { + render: Recipe, +}; diff --git a/src/announcement-bar/AnnouncementBarComponent.tsx b/src/announcement-bar/AnnouncementBarComponent.tsx index d8af25d9..12876a31 100644 --- a/src/announcement-bar/AnnouncementBarComponent.tsx +++ b/src/announcement-bar/AnnouncementBarComponent.tsx @@ -49,8 +49,7 @@ export const AnnouncementBar: FC = ({ width="max" spaceBefore="none" spaceAfter="none" - align="center" - inverted="true" + inverted={true} className="c-announcement-bar--section" >
diff --git a/src/button/ButtonComponent.tsx b/src/button/ButtonComponent.tsx index e9a32206..86f82ed9 100644 --- a/src/button/ButtonComponent.tsx +++ b/src/button/ButtonComponent.tsx @@ -106,7 +106,7 @@ const ButtonComponent: ForwardRefExoticComponent< } ); -export const ButtonProvider: FunctionComponent> = ( +export const ButtonProvider: FunctionComponent> = ( props ) => ; export const Button = KdsButton as typeof ButtonComponent; diff --git a/src/count-up/CountUp.stories.tsx b/src/count-up/CountUp.stories.tsx index fd6d26c3..ec956da8 100644 --- a/src/count-up/CountUp.stories.tsx +++ b/src/count-up/CountUp.stories.tsx @@ -16,7 +16,6 @@ const meta: Meta = { }, ...getArgsShared(schema as JSONSchema7), }; -console.log(getArgsShared(schema as JSONSchema7)) export default meta; type Story = StoryObj; diff --git a/src/count-up/CountUpComponent.tsx b/src/count-up/CountUpComponent.tsx index 4f407b1b..797f2313 100644 --- a/src/count-up/CountUpComponent.tsx +++ b/src/count-up/CountUpComponent.tsx @@ -61,7 +61,7 @@ const CountUp: FunctionComponent<
)} - + ); diff --git a/src/post-head/PostHead.stories.tsx b/src/post-head/PostHead.stories.tsx index 89d52072..07832402 100644 --- a/src/post-head/PostHead.stories.tsx +++ b/src/post-head/PostHead.stories.tsx @@ -32,7 +32,7 @@ export const Default: Story = { headline: { content: "Why we are creating kickstartDS", level: "h1", - pageHeader: false, + }, image: { src: "/img/why-kickstart-Design-System.svg", diff --git a/src/showcase/ShowcaseComponent.tsx b/src/showcase/ShowcaseComponent.tsx index 5f2fa788..e7c736a8 100644 --- a/src/showcase/ShowcaseComponent.tsx +++ b/src/showcase/ShowcaseComponent.tsx @@ -1,4 +1,4 @@ -import React, { FunctionComponent, HTMLAttributes } from "react"; +import { FunctionComponent, HTMLAttributes } from "react"; import { Stack, Inline } from "@bedrock-layout/primitives"; import { Headline } from "@kickstartds/base/lib/headline"; @@ -104,7 +104,6 @@ export const Showcase: FunctionComponent< "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4", }, }} - nonce={undefined} />