Merge branch 'develop'

Author: elbakerino

.eslintignore

@@ -1,8 +1,11 @@
 blank_issues_enabled: true
 contact_links:
-    -   name: UI-Schema Slack
-        url: https://join.slack.com/t/ui-schema/shared_invite/zt-smbsybk5-dFIRLEPCJerzDwtycaA71w
-        about: Ask questions and discuss in our Slack Community
-    -   name: Material-UI
+    -   name: UI-Schema Discord
+        url: https://discord.gg/MAjgpwnm36
+        about: Ask questions and discuss in our Discord Community
+    -   name: UI-Schema Core/Engine GitHub
+        url: https://github.com/ui-schema/ui-schema
+        about: "For questions and documentation of the core @ui-schema project."
+    -   name: Material-UI GitHub
         url: https://github.com/mui-org/material-ui
-        about: "When you got question not about the design-system bindings: docs + project of **Material-UI**"
+        about: "Documentation and more for the design framework."

.eslintrc

@@ -20,7 +20,7 @@ jobs:
         runs-on: ubuntu-latest
         strategy:
             matrix:
-                node-version: [ 18.x ]
+                node-version: [ 24 ]
         steps:
             -   uses: actions/checkout@v4
             -   name: Set Branch
@@ -44,8 +44,6 @@ jobs:
             -   name: Setup packages
                 run: |
                     npm ci
-                    npm run bootstrap
-                    npm run link
 
             -   name: Run tests
                 run: |

.github/ISSUE_TEMPLATE/config.yml

@@ -1,13 +1,12 @@
 # Contributing to UI-Schema
 
 1. Fork/Clone repository **branch `develop`**
-2. Install root dev-dependencies (like lerna, webpack): `npm i`
-3. Install & link the `packages`: `npm run bootstrap && npm run link`
-4. Start dev-server: `npm start`
+2. Install dependencies (like lerna, webpack): `npm i`
+3. Start dev-server: `npm start`
     - (will clean-dist + start demo app)
-5. Open browser on [localhost:4200](http://localhost:4204) for demo
-6. Explore [packages](packages)
-7. Code -> Commit -> Pull Request -> Being Awesome!
+4. Open browser on [localhost:4203](http://localhost:4203) for demo
+5. Explore [packages](packages) and there [demo/src/pages](packages/demo/src/pages)
+6. Code -> Commit -> Pull Request -> Being Awesome!
 
 Changes from any package are reflected inside the demo package.
 
@@ -20,22 +19,12 @@ Changes from any package are reflected inside the demo package.
         - with `--testPathPattern` to run all tests in a specific folder / path
         - `npm run tdd -- --testPathPattern=PatternValidator -t patternValidator` for only one test and often only one file
 - Testing: `npm test`
-    - needs manual bootstrapping, linking and update handling
 - Build: `npm run build`
-    - needs manual bootstrapping and update handling
 - Clean node_modules and build dirs: `npm run clean`
 - Clean build dirs: `npm run clean-dist`
-- Add new node_module to one package: `lerna add <npm-package-name> --scope=@ui-schema/demo [--dev] [--peer]`, without `--scope` in all packages
-- Do not change `package.json` of packages manually, and if Bootstrap [lerna](https://lerna.js.org/): `npm run bootstrap` (maybe delete `package-lock.json`), or simply open an issue
-- Add new package `lerna create <name>` and follow on screen, e.g.: `lerna create material-pickers` add package name `@ui-schema/material-pickerss`, creates folder `./packages/material-pickers`
-
-> All-in-one clean & reinstall command - skip the first one if not installed completely:
-> `npm run clean && rm -rf node_modules && rm -f package-lock.json && npm i && npm run bootstrap && npm run bootstrap && npm run link`
->
-> The two-times `bootstrap` fixes sometimes stale `packages` dependencies/lock-files, but sometimes a manual deletion of those also helps with `node_modules` resolving issues.
 
 ## Contributors
 
 By committing your code/creating a pull request to this repository you agree to release the code under the [MIT License](LICENSE) attached to the repository and to adhere to the [CODE_OF_CONDUCT](CODE_OF_CONDUCT.md).
 
-Questions? Feel free to open discussions or join the [slack channel](https://join.slack.com/t/ui-schema/shared_invite/zt-smbsybk5-dFIRLEPCJerzDwtycaA71w)!
+Questions? Feel free to open discussions or join the [discord channel](https://discord.gg/MAjgpwnm36)!

.github/workflows/blank.yml

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 bemit UG (haftungsbeschränkt)
+Copyright (c) 2025 bemit UG (haftungsbeschränkt)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

CONTRIBUTING.md

@@ -4,35 +4,27 @@
 
 <h1 align="center">UI Schema: MUI Color</h1>
 
-React color pickers as MUI widgets for [UI-Schema](https://github.com/ui-schema/ui-schema).
+React color pickers as [MUI](https://mui.com) widgets for [UI-Schema](https://github.com/ui-schema/ui-schema).
 
 [![Github actions Build](https://github.com/ui-schema/react-color/actions/workflows/blank.yml/badge.svg)](https://github.com/ui-schema/react-color/actions)
-[![react compatibility](https://img.shields.io/badge/React-%3E%3D17-success?style=flat-square&logo=react)](https://reactjs.org/)
-[![MIT license](https://img.shields.io/npm/l/@ui-schema/ui-schema?style=flat-square)](https://github.com/ui-schema/ui-schema/blob/master/LICENSE)
+[![react compatibility](https://img.shields.io/badge/React-%3E%3D18-success?style=flat-square&logo=react)](https://reactjs.org/)
+[![MIT license](https://img.shields.io/npm/l/@ui-schema/ui-schema?style=flat-square)](https://github.com/ui-schema/react-color/blob/main/LICENSE)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 ![Typed](https://flat.badgen.net/badge/icon/Typed?icon=typescript&label&labelColor=blue&color=555555)
 
-- [`react-color`](https://www.npmjs.com/package/react-color) widgets for [MUI](https://mui.com): `@ui-schema/material-color` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/material-color?style=flat-square)](https://www.npmjs.com/package/@ui-schema/material-color) [![Component Documentation](https://img.shields.io/badge/Docs-green?labelColor=1a237e&color=0d47a1&logoColor=ffffff&style=flat-square&logo=mui)](https://ui-schema.bemit.codes/docs/material-color/material-color)
-- 🚧 [`react-colorful`](https://www.npmjs.com/package/react-colorful) widgets for [MUI](https://mui.com): `@ui-schema/material-colorful` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/material-colorful?style=flat-square)](https://www.npmjs.com/package/@ui-schema/material-colorful) [![Component Documentation](https://img.shields.io/badge/Docs-green?labelColor=1a237e&color=0d47a1&logoColor=ffffff&style=flat-square&logo=mui)](https://ui-schema.bemit.codes/docs/material-colorful/material-colorful)
+- [`react-color`](https://www.npmjs.com/package/react-color) widgets: `@ui-schema/material-color` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/material-color?style=flat-square)](https://www.npmjs.com/package/@ui-schema/material-color) [![Component Documentation](https://img.shields.io/badge/Documentation-green?labelColor=1a237e&color=0d47a1&logoColor=ffffff&style=flat-square&logo=mui)](./docs/material-color/material-color.md)
+- [`react-colorful`](https://www.npmjs.com/package/react-colorful) widgets: `@ui-schema/material-colorful` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/material-colorful?style=flat-square)](https://www.npmjs.com/package/@ui-schema/material-colorful) [![Component Documentation](https://img.shields.io/badge/Documentation-green?labelColor=1a237e&color=0d47a1&logoColor=ffffff&style=flat-square&logo=mui)](./docs/material-colorful/material-colorful.md)
 
-## Versions
-
-This project adheres to [semver](https://semver.org/), until `1.0.0` and beginning with `0.1.0`: all `0.x.0` releases are like MAJOR releases and all `0.0.x` like MINOR or PATCH, modules below `0.1.0` should be considered experimental.
+[![Visit Core Project](https://img.shields.io/badge/Visit%20Core%20Project-white?labelColor=fff&color=107b8c&style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDYuMjkgMTQ0Ljg3Ij48ZGVmcz48c3R5bGU+LmE0M2YzMmM3LTZiOWUtNDZhZi05Y2RkLWUxNzc1YjJjNzZiMHtmaWxsOiMwMzM5NDQ7fS5lNDNmYmJjMS0xNWM1LTRhZmUtOTdkNS0yYTk3YzY3MGJmZTN7ZmlsbDojMDVhZWNhO308L3N0eWxlPjwvZGVmcz48dGl0bGU+VUktU2NoZW1hPC90aXRsZT48cGF0aCBjbGFzcz0iYTQzZjMyYzctNmI5ZS00NmFmLTljZGQtZTE3NzViMmM3NmIwIiBkPSJNNTMuMjgsM0MzNCwzLDMwLDIsMTguMTIsNS4yMmMtMTAsMi43Mi0xNiwxMi4zMS0xNiwyMi43NC0uMTMsMTctLjI5LDM0LC4wNiw1MC45My41OCwyOC43NSwyMS4zNiw1NS4zOCw1MC4wNyw2NC43OSwzOC42NCwxMi42Niw4MC4yLTguMjUsOTIuNjgtNDYuNjQuMTMtLjM5LjMxLTEuMzYuMzMtMS40Mi0xLjIyLjM4LTEuNCwxLjE2LTEuODMsMS45LTkuNjksMTctMjQuNDIsMjUuNjUtNDMuOTIsMjUuNzdhNDQuNDMsNDQuNDMsMCwwLDEtMjIuODQtNi42M2MtMTMtNy42Ni0yMS0xOC44NC0yMi45LTM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS45MyAtMi41MSkiLz48cGF0aCBjbGFzcz0iZTQzZmJiYzEtMTVjNS00YWZlLTk3ZDUtMmE5N2M2NzBiZmUzIiBkPSJNMTI1LjgsMzUuNzhjLTctOC40MS0xMy4xOS0xNy40MS0yMC42MS0yNS40NS02LjEyLDUuMjItOC4zMSwxMi4xOC04LjM4LDE5Ljg2LS4xMywxNC42NC0uMjEsMjkuMjguMDYsNDMuOTIuMjEsMTEuMzItNi40MiwyMC4xOC0xNywyMi41NkM3MC42NCw5OC43NCw2MC43Niw5NS40Nyw1NSw4NC4zNWExMi4yMiwxMi4yMiwwLDAsMC0xLjI2LTEuNzJjMS45MiwxNS4xOSw5LjkxLDI2LjM3LDIyLjksMzRhNDQuNDMsNDQuNDMsMCwwLDAsMjIuODQsNi42M2MxOS41LS4xMiwzNC4yMy04LjczLDQzLjkyLTI1Ljc3LjQzLS43NC42MS0xLjUyLDEuODMtMS45QzE0OSw4NC44LDE0OC4yNCwzMi4xNSwxNDgsMjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjkzIC0yLjUxKSIvPjxwYXRoIGNsYXNzPSJhNDNmMzJjNy02YjllLTQ2YWYtOWNkZC1lMTc3NWIyYzc2YjAiIGQ9Ik0xNDgsMjFWMy4xN2MtMy0uMTctMjEuMzUtMS44NS0zMS41My44OWEzMS42NSwzMS42NSwwLDAsMC0xMS4yOCw2LjI3YzcuNDIsOCwxMy42NSwxNywyMC42MSwyNS40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuOTMgLTIuNTEpIi8+PC9zdmc+Cg==)](https://github.com/ui-schema/ui-schema)
 
-**Get the latest version - or [help build it](CONTRIBUTING.md):**
+[![Get Help on Discord](https://img.shields.io/badge/Get%20Help%20on%20Discord-blue?labelColor=fff&logoColor=505050&color=7B16FF&style=for-the-badge&logo=discord)](https://discord.gg/MAjgpwnm36)
 
-- [latest releases](https://github.com/ui-schema/react-color/releases) (GitHub release notes)
-- *UI-Schema project:*
-    - [update and migration notes](https://ui-schema.bemit.codes/updates) (docs page)
-    - [current roadmap](https://github.com/ui-schema/ui-schema/discussions/184) (GitHub discussion)
-    - [core repository](https://github.com/ui-schema/ui-schema)
+## Versions
 
-## Contributing
+This project adheres to [semver](https://semver.org/), until `1.0.0` and beginning with `0.1.0`: all `0.x.0` releases are like MAJOR releases and all `0.0.x` like MINOR or PATCH, modules below `0.1.0` should be considered experimental.
 
-See [CONTRIBUTING.md](CONTRIBUTING.md).
+**Get the [latest version](https://github.com/ui-schema/react-color/releases) - or [help build it](CONTRIBUTING.md)!**
 
 ## License
 
-This project is free software distributed under the **[MIT LICENSE](LICENSE)**.
-
-© 2024 bemit UG (haftungsbeschränkt)
+Released under the [MIT License](https://github.com/ui-schema/react-color/blob/main/LICENSE).

LICENSE

@@ -1,6 +1,11 @@
 {
     "presets": [
-        "@babel/preset-react",
+        [
+            "@babel/preset-react",
+            {
+                "runtime": "automatic"
+            }
+        ],
         "@babel/preset-typescript"
     ],
     "plugins": [
@@ -19,14 +24,55 @@
         "cjs": {
             "presets": [
                 "@babel/preset-env",
-                "@babel/preset-react",
+                [
+                    "@babel/preset-react",
+                    {
+                        "runtime": "automatic"
+                    }
+                ],
                 "@babel/preset-typescript"
+            ],
+            "plugins": [
+                [
+                    "babel-plugin-replace-import-extension",
+                    {
+                        "extMapping": {
+                            ".js": ".cjs"
+                        }
+                    }
+                ]
+            ]
+        },
+        "mjs": {
+            "presets": [
+                [
+                    "@babel/preset-react",
+                    {
+                        "runtime": "automatic"
+                    }
+                ],
+                "@babel/preset-typescript"
+            ],
+            "plugins": [
+                [
+                    "babel-plugin-replace-import-extension",
+                    {
+                        "extMapping": {
+                            ".js": ".mjs"
+                        }
+                    }
+                ]
             ]
         },
         "test": {
             "presets": [
                 "@babel/preset-env",
-                "@babel/preset-react",
+                [
+                    "@babel/preset-react",
+                    {
+                        "runtime": "automatic"
+                    }
+                ],
                 "@babel/preset-typescript"
             ]
         },
@@ -36,7 +82,7 @@
                     "@babel/preset-env",
                     {
                         "targets": {
-                            "node": "18"
+                            "node": "20"
                         },
                         "modules": false
                     }
@@ -45,7 +91,7 @@
                     "@babel/preset-typescript",
                     {
                         "targets": {
-                            "node": "18"
+                            "node": "20"
                         },
                         "modules": false
                     }

README.md

@@ -0,0 +1,4 @@
+# Documentation
+
+- [material-color](./material-color/material-color.md)
+- [material-colorful](./material-colorful/material-colorful.md)