Merge branch 'develop' into refactor/clean-up-types

storybook/storybook-docs/config/main.js

@@ -1,10 +1,10 @@
 import remarkGfm from 'remark-gfm'
 
+// eslint-disable-next-line no-undef
 const { STORYBOOK_BUILD_PATH } = process.env
 const REPO_NAME = 'design-system'
 
-/* eslint-env node */
-module.exports = {
+const config = {
   core: {
     disableTelemetry: true,
   },
@@ -58,3 +58,5 @@ module.exports = {
     }
   },
 }
+
+export default config

storybook/storybook-docs/src/interactive-elements.stories.mdx

@@ -22,8 +22,6 @@ Gebruik geen algemene fragmenten voor links, zoals “klik hier” of “lees me
 
 Om aan te geven dat een element interactief is gebruiken we de kleur blauw. Zo zijn inline links blauw en de primaire knop ook. Bij hover wordt dit donkerblauw.
 
-Als door de context al duidelijk is dat een element interactief is, gebruiken we in sommige gevallen de standaard tekstkleur zwart. Een voorbeeld hiervan is een menu.
-
 Voor interactieve elementen die onderdeel zijn van een foutmelding gebruiken we rood, en donkerrood voor hover.
 
 Kleur mag niet de enige indicator van interactiviteit zijn, zodat mensen die moeite hebben met het waarnemen van verschillen in kleur toch kunnen zien dat een element interactief is.

storybook/storybook-react/config/main.js → storybook/storybook-react/config/main.ts

@@ -1,7 +1,7 @@
+import type { StorybookConfig } from '@storybook/react-vite'
 import remarkGfm from 'remark-gfm'
 
-/* eslint-env node */
-module.exports = {
+const config: StorybookConfig = {
   core: {
     disableTelemetry: true,
   },
@@ -34,3 +34,5 @@ module.exports = {
     autodocs: true,
   },
 }
+
+export default config