✏️ Chromatic toegevoegd (voor o.a. visual diff)

rogier-barendregt · rogier-barendregt · commit 6a3b861f2818 · 2026-03-10T09:36:55.000+01:00
diff --git a/_site/style/_mox.css b/_site/style/_mox.css
@@ -1,7 +1,7 @@
 /**
  * Automatisch gegenereerd op basis van design tokens.
  * De bron is tokens.json uit de MOx repository.
- * Gegenereerd op 4-3-2026, 11:21:42
+ * Gegenereerd op 9-3-2026, 10:43:34
  * _rijkshuisstijl.css bevat opties uit de Rijkshuisstijl, _mox.css bevat de toepassing van deze opties. Refereer in het CSS bestand alleen aan de variabelen in _mox.css, niet aan die in _rijkshuisstijl.css.
  * CSS variabelen worden automatisch gegenereerd, bewerk deze niet handmatig.
  */
diff --git a/_site/style/_rijkshuisstijl.css b/_site/style/_rijkshuisstijl.css
@@ -1,7 +1,7 @@
 /**
  * Automatisch gegenereerd op basis van design tokens.
  * De bron is tokens.json uit de MOx repository.
- * Gegenereerd op 4-3-2026, 11:21:42
+ * Gegenereerd op 9-3-2026, 10:43:34
  * _rijkshuisstijl.css bevat opties uit de Rijkshuisstijl, _mox.css bevat de toepassing van deze opties. Refereer in het CSS bestand alleen aan de variabelen in _mox.css, niet aan die in _rijkshuisstijl.css.
  * CSS variabelen worden automatisch gegenereerd, bewerk deze niet handmatig.
  */
diff --git a/build-storybook.log b/build-storybook.log
@@ -0,0 +1,111 @@
+
+> build-storybook
+> storybook build --output-dir=/var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1
+
+
+[90m┌[39m  Building storybook v10.2.16
+[90m│[39m
+[32m◇[39m  Cleaning outputDir:
+[90m│[39m  [36m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1[39m
+[90m│[39m
+[32m◇[39m  Loading presets
+[90m│[39m
+[32m◇[39m  Building manager..
+[90m│[39m
+[34m●[39m  Building preview..
+[90m│[39m  [43mVite[49m [36mvite v6.4.1 [32mbuilding for production...[36m[39m
+[90m│[39m  [43mVite[49m transforming...
+[90m│[39m  [43mVite[49m [32m✓[39m 62 modules transformed.
+[90m│[39m  [43mVite[49m rendering chunks...
+[90m│[39m
+[33m▲[39m  [43mVite[49m [33m[esbuild css minify]
+[90m│[39m  ▲ [WARNING] Expected "{" but found ")" [css-syntax-error]
+
+[90m│[39m  <stdin>:1274:27:
+[90m│[39m  1274 │   @media (max-width: 799px) ) {
+[90m│[39m  │                             ^
+[90m│[39m  ╵                             {
+
+[90m│[39m  [39m
+[90m│[39m  [43mVite[49m computing gzip size...
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[32miframe.html[39m[1m[2m[22m
+[90m│[39m  [2m18.39 kB[22m[1m[22m[2m │ gzip:   5.20 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[32mRijksSansVF-Regular-BmwA3w43.ttf[39m
+[90m│[39m  [32m[39m[1m[2m169.86 kB[22m[1m[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[32mRijksSansVF-Italic-BQwlQd43.ttf[39m
+[90m│[39m  [32m[39m[1m[2m173.19 kB[22m[1m[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[35miframe-gWTru4ng.css[39m[1m[2m[22m
+[90m│[39m  [2m43.41 kB[22m[1m[22m[2m │ gzip:   7.55 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mpreload-helper-Dp1pzeXC.js[39m[1m[2m[22m
+[90m│[39m  [2m1.27 kB[22m[1m[22m[2m │ gzip:   0.73 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mLink.stories-BnDh06Iy.js[39m[1m[2m[22m
+[90m│[39m  [2m1.42 kB[22m[1m[22m[2m │ gzip:   0.58 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mDetails.stories-BFAU-l1k.js[39m[1m[2m[22m
+[90m│[39m  [2m2.30 kB[22m[1m[22m[2m │ gzip:   0.65 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mParagraaf.stories-DYC-KhqK.js[39m[1m[2m[22m
+[90m│[39m  [2m2.76 kB[22m[1m[22m[2m │ gzip:   0.87 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mTypografie.stories-BpK39jqQ.js[39m[1m[2m[22m
+[90m│[39m  [2m2.83 kB[22m[1m[22m[2m │ gzip:   0.80 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mBlockTekst.stories-Br4xsung.js[39m[1m[2m[22m
+[90m│[39m  [2m3.04 kB[22m[1m[22m[2m │ gzip:   0.97 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mLijsten.stories-_Kavqlj1.js[39m[1m[2m[22m
+[90m│[39m  [2m3.13 kB[22m[1m[22m[2m │ gzip:   0.90 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mTabel.stories-BHcnNPlT.js[39m[1m[2m[22m
+[90m│[39m  [2m3.44 kB[22m[1m[22m[2m │ gzip:   0.89 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mInlineTekst.stories-4wyKjK18.js[39m[1m[2m[22m
+[90m│[39m  [2m4.01 kB[22m[1m[22m[2m │ gzip:   1.17 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mKnop.stories-C-i8admW.js[39m[1m[2m[22m
+[90m│[39m  [2m4.86 kB[22m[1m[22m[2m │ gzip:   1.26 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mNavigatie.stories-DBI1TwwW.js[39m[1m[2m[22m
+[90m│[39m  [2m4.98 kB[22m[1m[22m[2m │ gzip:   1.25 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mSelectie.stories-DLQ3t891.js[39m[1m[2m[22m
+[90m│[39m  [2m7.81 kB[22m[1m[22m[2m │ gzip:   1.28 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mTekstinvoer.stories-BqNmrHo_.js[39m[1m[2m[22m
+[90m│[39m  [2m8.43 kB[22m[1m[22m[2m │ gzip:   1.61 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mFeedback.stories-CTArmeq4.js[39m[1m[2m[22m
+[90m│[39m  [2m10.02 kB[22m[1m[22m[2m │ gzip:   2.40 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[36mvite-inject-mocker-entry.js[39m[1m[2m[22m
+[90m│[39m  [2m28.53 kB[22m[1m[22m[2m │ gzip:   9.94 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mmatchers-5TDFFDYO-BEZorklP.js[39m[1m[2m[22m
+[90m│[39m  [2m29.38 kB[22m[1m[22m[2m │ gzip:  10.07 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36maxe-CTONts1w.js[39m
+[90m│[39m  [36m[39m[1m[33m580.53 kB[39m[22m[2m │ gzip: 159.92 kB[22m
+[90m│[39m  [43mVite[49m
+[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36miframe-CNzK59P_.js[39m
+[90m│[39m  [36m[39m[1m[33m858.70 kB[39m[22m[2m │ gzip: 242.30 kB[22m
+[90m│[39m
+[33m▲[39m  [43mVite[49m[33m
+[90m│[39m  (!) Some chunks are larger than 500 kB after minification. Consider:
+[90m│[39m  - Using dynamic import() to code-split the application
+[90m│[39m  - Use build.rollupOptions.output.manualChunks to improve chunking:
+[90m│[39m  ]8;;https://rollupjs.org/configuration-options/#output-manualchunkshttps://rollupjs.org/configuration-options/#output-manualchunks]8;;
+[90m│[39m  - Adjust chunk size limit for this warning via
+[90m│[39m  build.chunkSizeWarningLimit.[39m
+[90m│[39m  [43mVite[49m [32m✓ built in 1.31s[39m
+[90m│[39m
+[32m◇[39m  Output directory:
+[90m│[39m  /var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1
+[90m│[39m
+[90m└[39m  Storybook build completed successfully
+
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,17 +6,19 @@
     "dev": "concurrently \"npx @11ty/eleventy --serve\" \"chokidar 'tokens/tokens.json' -c 'cd style-dictionary && npm run build'\"",
     "tokens": "cd style-dictionary && npm run build",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "npx chromatic --project-token=chpt_3c3233eb69e2811"
   },
   "devDependencies": {
     "@11ty/eleventy": "^3.1.2",
-    "@storybook/addon-a11y": "^10.2.14",
-    "@storybook/html-vite": "^10.2.14",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/html-vite": "^10.2.16",
     "chokidar-cli": "^3.0.0",
+    "chromatic": "^15.2.0",
     "concurrently": "^9.1.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "storybook": "^10.2.14",
+    "storybook": "^10.2.16",
     "stylelint": "^17.4.0",
     "stylelint-use-logical": "^2.1.3",
     "vite": "^6.0.0"
diff --git a/style/_mox.css b/style/_mox.css
@@ -1,7 +1,7 @@
 /**
  * Automatisch gegenereerd op basis van design tokens.
  * De bron is tokens.json uit de MOx repository.
- * Gegenereerd op 4-3-2026, 11:21:42
+ * Gegenereerd op 9-3-2026, 10:43:34
  * _rijkshuisstijl.css bevat opties uit de Rijkshuisstijl, _mox.css bevat de toepassing van deze opties. Refereer in het CSS bestand alleen aan de variabelen in _mox.css, niet aan die in _rijkshuisstijl.css.
  * CSS variabelen worden automatisch gegenereerd, bewerk deze niet handmatig.
  */
diff --git a/style/_rijkshuisstijl.css b/style/_rijkshuisstijl.css
@@ -1,7 +1,7 @@
 /**
  * Automatisch gegenereerd op basis van design tokens.
  * De bron is tokens.json uit de MOx repository.
- * Gegenereerd op 4-3-2026, 11:21:42
+ * Gegenereerd op 9-3-2026, 10:43:34
  * _rijkshuisstijl.css bevat opties uit de Rijkshuisstijl, _mox.css bevat de toepassing van deze opties. Refereer in het CSS bestand alleen aan de variabelen in _mox.css, niet aan die in _rijkshuisstijl.css.
  * CSS variabelen worden automatisch gegenereerd, bewerk deze niet handmatig.
  */

-Original file line number
+Diff line change
@@ @@ -0,0 +1,111 @@ @@
++
 +> build-storybook
 +> storybook build --output-dir=/var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1
++
++
 +[90m┌[39m  Building storybook v10.2.16
 +[90m│[39m
 +[32m◇[39m  Cleaning outputDir:
 +[90m│[39m  [36m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1[39m
 +[90m│[39m
 +[32m◇[39m  Loading presets
 +[90m│[39m
 +[32m◇[39m  Building manager..
 +[90m│[39m
 +[34m●[39m  Building preview..
 +[90m│[39m  [43mVite[49m [36mvite v6.4.1 [32mbuilding for production...[36m[39m
 +[90m│[39m  [43mVite[49m transforming...
 +[90m│[39m  [43mVite[49m [32m✓[39m 62 modules transformed.
 +[90m│[39m  [43mVite[49m rendering chunks...
 +[90m│[39m
 +[33m▲[39m  [43mVite[49m [33m[esbuild css minify]
 +[90m│[39m  ▲ [WARNING] Expected "{" but found ")" [css-syntax-error]
++
 +[90m│[39m  <stdin>:1274:27:
 +[90m│[39m  1274 │   @media (max-width: 799px) ) {
 +[90m│[39m  │                             ^
 +[90m│[39m  ╵                             {
++
 +[90m│[39m  [39m
 +[90m│[39m  [43mVite[49m computing gzip size...
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[32miframe.html[39m[1m[2m[22m
 +[90m│[39m  [2m18.39 kB[22m[1m[22m[2m │ gzip:   5.20 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[32mRijksSansVF-Regular-BmwA3w43.ttf[39m
 +[90m│[39m  [32m[39m[1m[2m169.86 kB[22m[1m[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[32mRijksSansVF-Italic-BQwlQd43.ttf[39m
 +[90m│[39m  [32m[39m[1m[2m173.19 kB[22m[1m[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[35miframe-gWTru4ng.css[39m[1m[2m[22m
 +[90m│[39m  [2m43.41 kB[22m[1m[22m[2m │ gzip:   7.55 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mpreload-helper-Dp1pzeXC.js[39m[1m[2m[22m
 +[90m│[39m  [2m1.27 kB[22m[1m[22m[2m │ gzip:   0.73 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mLink.stories-BnDh06Iy.js[39m[1m[2m[22m
 +[90m│[39m  [2m1.42 kB[22m[1m[22m[2m │ gzip:   0.58 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mDetails.stories-BFAU-l1k.js[39m[1m[2m[22m
 +[90m│[39m  [2m2.30 kB[22m[1m[22m[2m │ gzip:   0.65 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mParagraaf.stories-DYC-KhqK.js[39m[1m[2m[22m
 +[90m│[39m  [2m2.76 kB[22m[1m[22m[2m │ gzip:   0.87 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mTypografie.stories-BpK39jqQ.js[39m[1m[2m[22m
 +[90m│[39m  [2m2.83 kB[22m[1m[22m[2m │ gzip:   0.80 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mBlockTekst.stories-Br4xsung.js[39m[1m[2m[22m
 +[90m│[39m  [2m3.04 kB[22m[1m[22m[2m │ gzip:   0.97 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mLijsten.stories-_Kavqlj1.js[39m[1m[2m[22m
 +[90m│[39m  [2m3.13 kB[22m[1m[22m[2m │ gzip:   0.90 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mTabel.stories-BHcnNPlT.js[39m[1m[2m[22m
 +[90m│[39m  [2m3.44 kB[22m[1m[22m[2m │ gzip:   0.89 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mInlineTekst.stories-4wyKjK18.js[39m[1m[2m[22m
 +[90m│[39m  [2m4.01 kB[22m[1m[22m[2m │ gzip:   1.17 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mKnop.stories-C-i8admW.js[39m[1m[2m[22m
 +[90m│[39m  [2m4.86 kB[22m[1m[22m[2m │ gzip:   1.26 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mNavigatie.stories-DBI1TwwW.js[39m[1m[2m[22m
 +[90m│[39m  [2m4.98 kB[22m[1m[22m[2m │ gzip:   1.25 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mSelectie.stories-DLQ3t891.js[39m[1m[2m[22m
 +[90m│[39m  [2m7.81 kB[22m[1m[22m[2m │ gzip:   1.28 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mTekstinvoer.stories-BqNmrHo_.js[39m[1m[2m[22m
 +[90m│[39m  [2m8.43 kB[22m[1m[22m[2m │ gzip:   1.61 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mFeedback.stories-CTArmeq4.js[39m[1m[2m[22m
 +[90m│[39m  [2m10.02 kB[22m[1m[22m[2m │ gzip:   2.40 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[36mvite-inject-mocker-entry.js[39m[1m[2m[22m
 +[90m│[39m  [2m28.53 kB[22m[1m[22m[2m │ gzip:   9.94 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36mmatchers-5TDFFDYO-BEZorklP.js[39m[1m[2m[22m
 +[90m│[39m  [2m29.38 kB[22m[1m[22m[2m │ gzip:  10.07 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36maxe-CTONts1w.js[39m
 +[90m│[39m  [36m[39m[1m[33m580.53 kB[39m[22m[2m │ gzip: 159.92 kB[22m
 +[90m│[39m  [43mVite[49m
 +[90m│[39m  [2m../../../../var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1/[22m[2massets/[22m[36miframe-CNzK59P_.js[39m
 +[90m│[39m  [36m[39m[1m[33m858.70 kB[39m[22m[2m │ gzip: 242.30 kB[22m
 +[90m│[39m
 +[33m▲[39m  [43mVite[49m[33m
 +[90m│[39m  (!) Some chunks are larger than 500 kB after minification. Consider:
 +[90m│[39m  - Using dynamic import() to code-split the application
 +[90m│[39m  - Use build.rollupOptions.output.manualChunks to improve chunking:
 +[90m│[39m  ]8;;https://rollupjs.org/configuration-options/#output-manualchunkshttps://rollupjs.org/configuration-options/#output-manualchunks]8;;
 +[90m│[39m  - Adjust chunk size limit for this warning via
 +[90m│[39m  build.chunkSizeWarningLimit.[39m
 +[90m│[39m  [43mVite[49m [32m✓ built in 1.31s[39m
 +[90m│[39m
 +[32m◇[39m  Output directory:
 +[90m│[39m  /var/folders/q3/gb0cw3b97xgd4dl3spsf2r_m0000gn/T/chromatic--50999-q311z3b3Yux1
 +[90m│[39m
 +[90m└[39m  Storybook build completed successfully
++