build: declare CSS and React components as dependencies, not `devDe…

…pendencies`
nl-design-system · Dec 31, 2024 · 25f8ba5 · 25f8ba5
1 parent a7d23c9
commit 25f8ba5
Show file tree

Hide file tree

Showing 25 changed files with 273 additions and 246 deletions.
diff --git a/.changeset/tender-masks-relax.md b/.changeset/tender-masks-relax.md
@@ -0,0 +1,27 @@
+---
+"@utrecht/form-field-error-message-react": patch
+"@utrecht/form-field-description-react": patch
+"@utrecht/checkbox-group-react": patch
+"@utrecht/radio-button-react": patch
+"@utrecht/page-footer-react": patch
+"@utrecht/page-header-react": patch
+"@utrecht/page-layout-react": patch
+"@utrecht/radio-group-react": patch
+"@utrecht/data-badge-react": patch
+"@utrecht/form-field-react": patch
+"@utrecht/form-label-react": patch
+"@utrecht/page-body-react": patch
+"@utrecht/checkbox-react": patch
+"@utrecht/combobox-react": patch
+"@utrecht/fieldset-react": patch
+"@utrecht/listbox-react": patch
+"@utrecht/nav-bar-react": patch
+"@utrecht/textbox-react": patch
+"@utrecht/button-react": patch
+"@utrecht/body-react": patch
+"@utrecht/link-react": patch
+"@utrecht/root-react": patch
+"@utrecht/component-library-react": patch
+---
+
+Make CSS and React components a dependency, instead of a devDependency. This should fix some TypeScript errors about missing types.
diff --git a/packages/component-library-react/package.json b/packages/component-library-react/package.json
@@ -103,43 +103,6 @@
     "watch:test": "jest --verbose --watch"
   },
   "dependencies": {
-    "@utrecht/button-react": "workspace:*",
-    "@utrecht/calendar-react": "workspace:*",
-    "@utrecht/checkbox-react": "workspace:*",
-    "@utrecht/combobox-react": "workspace:*",
-    "@utrecht/fieldset-react": "workspace:*",
-    "@utrecht/form-field-checkbox-react": "workspace:*",
-    "@utrecht/form-field-description-react": "workspace:*",
-    "@utrecht/form-field-error-message-react": "workspace:*",
-    "@utrecht/form-field-react": "workspace:*",
-    "@utrecht/form-label-react": "workspace:*",
-    "@utrecht/link-react": "workspace:*",
-    "@utrecht/listbox-react": "workspace:*",
-    "@utrecht/radio-button-react": "workspace:*",
-    "@utrecht/textbox-react": "workspace:*",
-    "clsx": "2.1.1",
-    "lodash.chunk": "4.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "7.24.7",
-    "@babel/plugin-transform-runtime": "7.24.7",
-    "@babel/preset-env": "7.24.7",
-    "@babel/preset-react": "7.24.7",
-    "@babel/preset-typescript": "7.24.7",
-    "@babel/runtime": "7.24.7",
-    "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-commonjs": "26.0.1",
-    "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-typescript": "12.1.0",
-    "@testing-library/dom": "8.20.1",
-    "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "14.5.1",
-    "@types/jest": "29.5.11",
-    "@types/lodash.chunk": "4.2.9",
-    "@types/react": "18.3.3",
-    "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/accordion-css": "workspace:*",
     "@utrecht/alert-css": "workspace:*",
     "@utrecht/alert-dialog-css": "workspace:*",
@@ -151,13 +114,16 @@
     "@utrecht/badge-status-css": "workspace:*",
     "@utrecht/blockquote-css": "workspace:*",
     "@utrecht/breadcrumb-nav-css": "workspace:*",
-    "@utrecht/build-utils-react": "workspace:*",
     "@utrecht/button-group-css": "workspace:*",
     "@utrecht/button-link-css": "workspace:*",
+    "@utrecht/button-react": "workspace:*",
+    "@utrecht/calendar-react": "workspace:*",
+    "@utrecht/checkbox-react": "workspace:*",
     "@utrecht/code-block-css": "workspace:*",
     "@utrecht/code-css": "workspace:*",
     "@utrecht/color-sample-css": "workspace:*",
     "@utrecht/column-layout-css": "workspace:*",
+    "@utrecht/combobox-react": "workspace:*",
     "@utrecht/currency-data-css": "workspace:*",
     "@utrecht/custom-checkbox-css": "workspace:*",
     "@utrecht/data-badge-css": "workspace:*",
@@ -168,8 +134,14 @@
     "@utrecht/document-css": "workspace:*",
     "@utrecht/drawer-css": "workspace:*",
     "@utrecht/emphasis-css": "workspace:*",
+    "@utrecht/fieldset-react": "workspace:*",
     "@utrecht/figure-css": "workspace:*",
     "@utrecht/focus-ring-css": "workspace:*",
+    "@utrecht/form-field-checkbox-react": "workspace:*",
+    "@utrecht/form-field-description-react": "workspace:*",
+    "@utrecht/form-field-error-message-react": "workspace:*",
+    "@utrecht/form-field-react": "workspace:*",
+    "@utrecht/form-label-react": "workspace:*",
     "@utrecht/form-toggle-css": "workspace:*",
     "@utrecht/heading-1-css": "workspace:*",
     "@utrecht/heading-2-css": "workspace:*",
@@ -185,8 +157,10 @@
     "@utrecht/index-char-nav-css": "workspace:*",
     "@utrecht/link-button-css": "workspace:*",
     "@utrecht/link-list-css": "workspace:*",
+    "@utrecht/link-react": "workspace:*",
     "@utrecht/link-social-css": "workspace:*",
     "@utrecht/list-social-css": "workspace:*",
+    "@utrecht/listbox-react": "workspace:*",
     "@utrecht/logo-button-css": "workspace:*",
     "@utrecht/logo-css": "workspace:*",
     "@utrecht/logo-image-css": "workspace:*",
@@ -207,6 +181,7 @@
     "@utrecht/paragraph-css": "workspace:*",
     "@utrecht/pre-heading-css": "workspace:*",
     "@utrecht/preserve-data-css": "workspace:*",
+    "@utrecht/radio-button-react": "workspace:*",
     "@utrecht/rich-text-css": "workspace:*",
     "@utrecht/search-bar-css": "workspace:*",
     "@utrecht/select-css": "workspace:*",
@@ -219,11 +194,36 @@
     "@utrecht/table-css": "workspace:*",
     "@utrecht/table-of-contents-css": "workspace:*",
     "@utrecht/textarea-css": "workspace:*",
+    "@utrecht/textbox-react": "workspace:*",
     "@utrecht/top-task-link-css": "workspace:*",
     "@utrecht/top-task-nav-css": "workspace:*",
     "@utrecht/unordered-list-css": "workspace:*",
     "@utrecht/url-data-css": "workspace:*",
     "@utrecht/vega-visualization-css": "workspace:*",
+    "clsx": "2.1.1",
+    "lodash.chunk": "4.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.24.7",
+    "@babel/plugin-transform-runtime": "7.24.7",
+    "@babel/preset-env": "7.24.7",
+    "@babel/preset-react": "7.24.7",
+    "@babel/preset-typescript": "7.24.7",
+    "@babel/runtime": "7.24.7",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "26.0.1",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "12.1.0",
+    "@testing-library/dom": "8.20.1",
+    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "14.5.1",
+    "@types/jest": "29.5.11",
+    "@types/lodash.chunk": "4.2.9",
+    "@types/react": "18.3.3",
+    "@types/testing-library__jest-dom": "5.14.9",
+    "@utrecht/build-utils-react": "workspace:*",
     "gatsby": "5.12.12",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",

diff --git a/packages/components-react/body-react/package.json b/packages/components-react/body-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/body-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -69,7 +70,6 @@
     "@types/jest": "29.5.13",
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@utrecht/body-css": "workspace:*",
     "@utrecht/build-utils-react": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",

diff --git a/packages/components-react/button-react/package.json b/packages/components-react/button-react/package.json
@@ -50,6 +50,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/button-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -61,7 +62,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/button-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/checkbox-group-react/package.json b/packages/components-react/checkbox-group-react/package.json
@@ -62,6 +62,7 @@
     "@utrecht/checkbox-react": "workspace:*",
     "@utrecht/fieldset-react": "workspace:*",
     "@utrecht/form-field-checkbox-react": "workspace:*",
+    "@utrecht/form-field-css": "workspace:*",
     "@utrecht/form-field-description-react": "workspace:*",
     "@utrecht/form-field-error-message-react": "workspace:*",
     "@utrecht/form-field-react": "workspace:*",
@@ -76,7 +77,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/form-field-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/checkbox-react/package.json b/packages/components-react/checkbox-react/package.json
@@ -59,6 +59,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/checkbox-css": "workspace:*",
+    "@utrecht/custom-checkbox-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,8 +72,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/checkbox-css": "workspace:*",
-    "@utrecht/custom-checkbox-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/combobox-react/package.json b/packages/components-react/combobox-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/combobox-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/combobox-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/data-badge-react/package.json b/packages/components-react/data-badge-react/package.json
@@ -28,7 +28,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/data-badge-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",
@@ -52,6 +51,7 @@
     "react-dom": "18"
   },
   "dependencies": {
+    "@utrecht/data-badge-css": "workspace:*",
     "clsx": "2.1.1"
   }
 }
diff --git a/packages/components-react/fieldset-react/package.json b/packages/components-react/fieldset-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/form-fieldset-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/form-fieldset-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/form-field-description-react/package.json b/packages/components-react/form-field-description-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/form-field-description-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/form-field-description-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/form-field-error-message-react/package.json b/packages/components-react/form-field-error-message-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/form-field-error-message-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/form-field-error-message-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/form-field-react/package.json b/packages/components-react/form-field-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/form-field-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/form-field-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/form-label-react/package.json b/packages/components-react/form-label-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/form-label-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/form-label-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/link-react/package.json b/packages/components-react/link-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/link-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/link-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/listbox-react/package.json b/packages/components-react/listbox-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/listbox-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/listbox-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",

diff --git a/packages/components-react/nav-bar-react/package.json b/packages/components-react/nav-bar-react/package.json
@@ -59,6 +59,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@utrecht/nav-bar-css": "workspace:*",
     "clsx": "2.1.1"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "@utrecht/build-utils-react": "workspace:*",
-    "@utrecht/nav-bar-css": "workspace:*",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",