diff --git a/apps/rhc-templates/src/app/layout.tsx b/apps/rhc-templates/src/app/layout.tsx index 0e65329f6..90533afbe 100644 --- a/apps/rhc-templates/src/app/layout.tsx +++ b/apps/rhc-templates/src/app/layout.tsx @@ -5,7 +5,6 @@ import '@rijkshuisstijl-community/design-tokens/dist/index.css'; import '@rijkshuisstijl-community/components-css/dist/index.css'; import '@rijkshuisstijl-community/font/src/index.mjs'; import '@rijkshuisstijl-community/storybook/src/templates/globals.css'; -import { PageBody } from '@utrecht/page-body-react'; import { PageLayout } from '@utrecht/page-layout-react'; import { Root } from '@utrecht/root-react'; import Head from 'next/head'; @@ -16,9 +15,9 @@ export default function RootLayout({ children }: PropsWithChildren<{}>) { Rijkshuisstijl demo - Index - + {children} - + ); } diff --git a/packages/storybook/config/preview.tsx b/packages/storybook/config/preview.tsx index 72cfb92ae..30b07fc07 100644 --- a/packages/storybook/config/preview.tsx +++ b/packages/storybook/config/preview.tsx @@ -11,7 +11,6 @@ import { defineCustomElements } from '@rijkshuisstijl-community/web-components-s import { withThemeByClassName } from '@storybook/addon-themes'; import { Controls, Description, Primary, Stories, useOf } from '@storybook/blocks'; import { Preview } from '@storybook/react'; -import { PageBody } from '@utrecht/page-body-react'; import { PageLayout } from '@utrecht/page-layout-react'; import { Root } from '@utrecht/root-react'; import { defineCustomElements as defineUtrechtCustomElements } from '@utrecht/web-component-library-stencil/loader/index'; @@ -36,9 +35,7 @@ const preview: Preview = { (Story, options) => { return options.parameters['isPage'] ? ( - - {Story()} - + {Story()} ) : ( Story() diff --git a/packages/storybook/src/templates/collage/index.tsx b/packages/storybook/src/templates/collage/index.tsx index 3f0e0838f..d19425cb2 100644 --- a/packages/storybook/src/templates/collage/index.tsx +++ b/packages/storybook/src/templates/collage/index.tsx @@ -38,6 +38,7 @@ import { UnorderedListItem, } from '@rijkshuisstijl-community/components-react'; import { IconArrowRight, IconCalendarEvent } from '@tabler/icons-react/dist/esm/tabler-icons-react'; +import { PageBody } from '@utrecht/page-body-react'; export default function Collage() { return ( @@ -56,7 +57,7 @@ export default function Collage() { ]} > -
+
@@ -272,7 +273,7 @@ export default function Collage() {
-
+ ); } diff --git a/packages/storybook/src/templates/details/index.tsx b/packages/storybook/src/templates/details/index.tsx index f1fe5045e..f664b7cae 100644 --- a/packages/storybook/src/templates/details/index.tsx +++ b/packages/storybook/src/templates/details/index.tsx @@ -16,6 +16,7 @@ import { SubNavBar, } from '@rijkshuisstijl-community/components-react'; import { ColumnLayout } from '@utrecht/component-library-react'; +import { PageBody } from '@utrecht/page-body-react'; export default function Details() { return ( @@ -34,7 +35,7 @@ export default function Details() { ]} > -
+ -
+ ); } diff --git a/packages/storybook/src/templates/form/index.tsx b/packages/storybook/src/templates/form/index.tsx index 3c0a68fcf..be77a2bee 100644 --- a/packages/storybook/src/templates/form/index.tsx +++ b/packages/storybook/src/templates/form/index.tsx @@ -23,6 +23,7 @@ import { PageHeader, Paragraph, } from '@rijkshuisstijl-community/components-react'; +import { PageBody } from '@utrecht/page-body-react'; export default function Form() { return ( @@ -42,7 +43,7 @@ export default function Form() { ]} > -
+
@@ -226,7 +227,7 @@ export default function Form() { }, ]} > -
+ ); } diff --git a/packages/storybook/src/templates/mijn-omgeving/index.tsx b/packages/storybook/src/templates/mijn-omgeving/index.tsx index 34a8969c3..cb2c76157 100644 --- a/packages/storybook/src/templates/mijn-omgeving/index.tsx +++ b/packages/storybook/src/templates/mijn-omgeving/index.tsx @@ -21,6 +21,7 @@ import { SideNavLink, SideNavList, } from '@rijkshuisstijl-community/components-react'; +import { PageBody } from '@utrecht/page-body-react'; export default function MijnOmgeving() { return ( @@ -39,7 +40,7 @@ export default function MijnOmgeving() { ]} > -
+ @@ -265,7 +266,7 @@ export default function MijnOmgeving() { }, ]} > -
+ ); } diff --git a/packages/storybook/src/templates/rich-text/index.tsx b/packages/storybook/src/templates/rich-text/index.tsx index 2d753e446..009bece40 100644 --- a/packages/storybook/src/templates/rich-text/index.tsx +++ b/packages/storybook/src/templates/rich-text/index.tsx @@ -32,6 +32,7 @@ import { UnorderedList, UnorderedListItem, } from '@rijkshuisstijl-community/components-react'; +import { PageBody } from '@utrecht/page-body-react'; export default function Page() { return ( @@ -50,7 +51,7 @@ export default function Page() { ]} > -
+
@@ -292,7 +293,7 @@ export default function Page() { }, ]} /> -
+ ); }