UPDATE: version update Utrecht packages (#1095)

#1094
nl-design-system · Jan 9, 2025 · 0d5c5d4 · 0d5c5d4
1 parent 70fcb0e
commit 0d5c5d4
Show file tree

Hide file tree

Showing 6 changed files with 88 additions and 22 deletions.
diff --git a/apps/rvs.rivm.nl/package.json b/apps/rvs.rivm.nl/package.json
@@ -40,7 +40,7 @@
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
     "@utrecht/component-library-css": "7.0.0",
-    "@utrecht/component-library-react": "7.3.7",
+    "@utrecht/component-library-react": "8.0.4",
     "eslint": "9.15.0",
     "eslint-config-next": "15.0.4",
     "typescript": "5.7.2"

diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -63,10 +63,10 @@
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
     "@types/twig": "1.12.16",
-    "@utrecht/component-library-react": "7.3.8",
+    "@utrecht/component-library-react": "8.0.4",
     "@utrecht/components": "7.4.0",
-    "@utrecht/web-component-library-react": "3.0.0",
-    "@utrecht/web-component-library-stencil": "2.2.0",
+    "@utrecht/web-component-library-react": "3.0.2",
+    "@utrecht/web-component-library-stencil": "3.0.1",
     "@whitespace/storybook-addon-html": "6.1.1",
     "axe-playwright": "2.0.3",
     "chromatic": "11.19.0",

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"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml