Merge branch 'refs/heads/main' into aline/overwrites-v2-betaalde-ts

.eslintrc.js.json

@@ -69,6 +69,13 @@
     "no-prototype-builtins": "error",
     "no-redeclare": "error",
     "no-regex-spaces": "error",
+    "no-restricted-imports": [
+      "error",
+      {
+        "name": "@utrecht/component-library-react/dist/css-module",
+        "message": "Please import from '@utrecht/component-library-react' instead. The styling is already included in the barrel file."
+      }
+    ],
     "no-return-assign": "error",
     "no-return-await": "error",
     "no-self-assign": "error",

.eslintrc.json

@@ -51,7 +51,7 @@
       ],
       "files": ["*.ts", "*.tsx"],
       "parser": "@typescript-eslint/parser",
-      "plugins": ["@typescript-eslint", "import"]
+      "plugins": ["@typescript-eslint", "import", "eslint-plugin-import"]
     },
     {
       "extends": [
@@ -78,14 +78,7 @@
       "files": ["*.ts", "*.tsx"],
       "parser": "@typescript-eslint/parser",
       "parserOptions": {
-        "project": [
-          "packages/storybook/tsconfig.json",
-          "packages/components-react/tsconfig.json",
-          "packages/components-react/tsconfig.test.json",
-          "packages/web-components-react/tsconfig.json",
-          "packages/web-components-stencil/tsconfig.json",
-          "packages/web-components-stencil/tsconfig.jest.json"
-        ]
+        "projectService": true
       },
       "plugins": ["@typescript-eslint", "sort-exports"],
       "rules": {

.stylelintrc.json

@@ -50,16 +50,56 @@
     "order/properties-alphabetical-order": true,
     "property-disallowed-list": [
       [
+        "border-bottom",
+        "border-bottom-color",
+        "border-bottom-left-radius",
+        "border-bottom-right-radius",
+        "border-bottom-style",
+        "border-bottom-width",
+        "border-left",
+        "border-left-color",
+        "border-left-style",
+        "border-left-width",
+        "border-right",
+        "border-right-color",
+        "border-right-style",
+        "border-right-width",
+        "border-top",
+        "border-top-color",
+        "border-top-left-radius",
+        "border-top-right-radius",
+        "border-top-style",
+        "border-top-width",
+        "bottom",
+        "contain-intrinsic-height",
+        "contain-intrinsic-width",
+        "height",
+        "left",
         "margin",
         "margin-bottom",
         "margin-left",
         "margin-right",
         "margin-top",
+        "max-height",
+        "max-width",
+        "min-height",
+        "min-width",
         "padding",
         "padding-bottom",
         "padding-left",
         "padding-right",
-        "padding-top"
+        "padding-top",
+        "right",
+        "scroll-margin-bottom",
+        "scroll-margin-left",
+        "scroll-margin-right",
+        "scroll-margin-top",
+        "scroll-padding-bottom",
+        "scroll-padding-left",
+        "scroll-padding-right",
+        "scroll-padding-top",
+        "top",
+        "width"
       ]
     ],
     "property-no-unknown": [true],

README.md

@@ -49,8 +49,14 @@ All commands are run from the root of the project, from a terminal:
 | `pnpm install`       | Installs dependencies                                                       |
 | `pnpm run storybook` | Starts local dev server at `localhost:6006` and a watcher for design tokens |
 | `pnpm run build`     | Build your production site to `./dist/`                                     |
-| `npm run lint`       | Run the linting scripts to ensure your code meets the project standards     |
-| `npm run lint-fix`   | Run the linting scripts and automatically fix all possible errors           |
+| `pnpm run lint`      | Run the linting scripts to ensure your code meets the project standards     |
+| `pnpm run lint-fix`  | Run the linting scripts and automatically fix all possible errors           |
+
+Best to be run from `packages/components-react` because then you get a more detailed view of how many test suites and tests are ran and which have passed:
+
+| Command         | Action              |
+| :-------------- | :------------------ |
+| `pnpm run test` | Run all test suites |
 
 ### Packages
 

apps/rhc-templates/next.config.js

@@ -4,6 +4,7 @@
 const nextConfig = {
   distDir: 'dist',
   output: 'export',
+  trailingSlash: true,
 };
 
 module.exports = nextConfig;