diff --git a/package.json b/package.json index f0d5909892d..b745b9d9312 100644 --- a/package.json +++ b/package.json @@ -106,6 +106,7 @@ "@fontsource/open-sans": "5.1.0", "@fontsource/source-sans-pro": "5.1.0", "@mdx-js/react": "3.0.1", + "@nl-design-system-candidate/paragraph-react": "2.0.0", "@nl-design-system-unstable/documentation": "workspace:*", "@nl-design-system-unstable/nlds-design-tokens": "workspace:*", "@nl-design-system-unstable/voorbeeld-design-tokens": "1.0.0-alpha.151", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 613d8ce2102..8f0a9a2b11f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -141,6 +141,9 @@ importers: '@mdx-js/react': specifier: 3.0.1 version: 3.0.1(@types/react@18.3.12)(react@18.3.1) + '@nl-design-system-candidate/paragraph-react': + specifier: 2.0.0 + version: 2.0.0(@babel/runtime@7.26.0)(react@18.3.1) '@nl-design-system-unstable/documentation': specifier: workspace:* version: link:docs @@ -1854,6 +1857,12 @@ packages: '@nl-design-system-candidate/paragraph-docs@1.0.3': resolution: {integrity: sha512-nggC1Sag8roS45P1gvhhPokYBxXRxrkIBuGIRQG92xWxRTFOAkxEnl6D5lnbiUNboJDTJ3eqcc48u2QCJyvAXw==} + '@nl-design-system-candidate/paragraph-react@2.0.0': + resolution: {integrity: sha512-OLaJCNRrqxyTmZkso9kyOktlYXfJt0IgiChriANoBt6jOrnUCvOkuHi3wkUYlrP+T3xL0GxIqt9uI/Na8GRlEg==} + peerDependencies: + '@babel/runtime': ^7 + react: ^18 + '@nl-design-system-candidate/skip-link-docs@1.0.1': resolution: {integrity: sha512-leZEVBcmHA5FQGrXI35wOX51IoJV/iPhrak76WwkO82/TNeyWt/DsoPJjds7auUJcpuCYvu7zvNDLxrwUD897g==} @@ -10132,6 +10141,12 @@ snapshots: '@nl-design-system-candidate/paragraph-docs@1.0.3': {} + '@nl-design-system-candidate/paragraph-react@2.0.0(@babel/runtime@7.26.0)(react@18.3.1)': + dependencies: + '@babel/runtime': 7.26.0 + clsx: 2.1.1 + react: 18.3.1 + '@nl-design-system-candidate/skip-link-docs@1.0.1': {} '@nl-design-system-unstable/voorbeeld-design-tokens@1.0.0-alpha.151': {} diff --git a/src/theme/MDXContent/index.tsx b/src/theme/MDXContent/index.tsx index 4a31a49939b..e001f5b02f0 100644 --- a/src/theme/MDXContent/index.tsx +++ b/src/theme/MDXContent/index.tsx @@ -18,6 +18,7 @@ import { OrderedList, UnorderedList, } from '@utrecht/component-library-react/dist/css-module'; +import { Paragraph } from '@nl-design-system-candidate/paragraph-react'; import type { ReactElement } from 'react'; export default function MDXContent({ children }: Props): ReactElement { @@ -44,6 +45,7 @@ export default function MDXContent({ children }: Props): ReactElement { h6: Heading6, admonition: Admonition, mermaid: Mermaid, + p: Paragraph, }} > {children}