FIX: deprecated Paragrah props replaced with 'appearance'

nl-design-system · Jan 9, 2025 · 926b037 · 926b037
1 parent 7625d2e
commit 926b037
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/storybook/src/templates/collage/index.tsx b/packages/storybook/src/templates/collage/index.tsx
@@ -71,7 +71,7 @@ export default function Collage() {
                     src="https://raw.githubusercontent.com/nl-design-system/rijkshuisstijl-community/0bfd32af3f34ff7ce62f4769fbec8895720dde75/proprietary/assets/src/placeholder.jpg"
                     width="640"
                   ></Image>
-                  <Paragraph lead>
+                  <Paragraph appearance="lead">
                     In het NL Design System verzamelen we principes, handvatten, elementen, patronen en richtlijnen.
                   </Paragraph>
                   <Paragraph>
@@ -103,7 +103,7 @@ export default function Collage() {
                     </UnorderedListItem>
                     <UnorderedListItem>Maak gebruik van opsommingstekens waar dat mogelijk is.</UnorderedListItem>
                   </UnorderedList>
-                  <Paragraph lead>
+                  <Paragraph appearance="lead">
                     In het NL Design System verzamelen we principes, handvatten, elementen, patronen en richtlijnen.
                   </Paragraph>
                   <Blockquote attribution="— Pippi Langkous">

diff --git a/packages/storybook/src/templates/details/index.tsx b/packages/storybook/src/templates/details/index.tsx
@@ -80,7 +80,7 @@ export default function Details() {
             <div className="utrecht-page-content rhc-templates-page-content rhc-templates-page-palin">
               <Article>
                 <div className="rhc-margin-block-end-wrapper">
-                  <Paragraph lead>
+                  <Paragraph appearance="lead">
                     De Arbeidstijdenwet geeft regels voor werktijden, pauzes en rusttijden van werknemers. Met deze
                     regels wil de Rijksoverheid werknemers beschermen tegen te lange werkdagen. Maar ook de combinatie
                     van werk, privé en zorgtaken gemakkelijker maken.

diff --git a/packages/storybook/src/templates/rich-text/index.tsx b/packages/storybook/src/templates/rich-text/index.tsx
@@ -59,7 +59,7 @@ export default function Page() {
               <div className="rhc-margin-block-end-wrapper">
                 <div className="rhc-templates-spacing-2">
                   <Heading level={1}>Titel van de pagina</Heading>
-                  <Paragraph lead>Hier zou een korte introductie van de pagina kunnen staan.</Paragraph>
+                  <Paragraph appearance="lead">Hier zou een korte introductie van de pagina kunnen staan.</Paragraph>
                   <Figure>
                     <Image
                       alt="Multicolored tulip field"