design-system
                                
                                 design-system copied to clipboard
                                
                                    design-system copied to clipboard
                            
                            
                            
                        refactor(styles): generate not-defined selectors by using the components/src/components/ subfolder names
๐ Description
This PR handles the follwing things:
- It removes the not-defined.scssdefinition from the styles package.
- It adds a global style output in the components package which includes the same logic. The :not(:defined)selector has been updated, to ensure, prehydrated ssr components can show up from the very beginning. All csr components will only become visible, as soon as they have been hydrated. It's possible there is still room for optimization. I've used this codepen to test how the selector works.
- The global style output is manually added to the components-angularandcomponents-reactpackages, where I tried to make sure it can be used from the release package. However, there is for sure room for optimization here.
- I tryed to set up needed scripts in our package.jsonfiles, so we can still seemlessly develop. Since this was not the case before, there meight be some cases, when one has to prebuild a local dependency, before another package can be started. However, I tested the following things:
- pnpm components (play|start|build)
- pnpm components-react build
- pnpm components-angular (start|build)
- pnpm docs:start
- pnpm nextjs:start
๐ Checklist
- โ My code follows the style guidelines of this project
- ๐ ๏ธ I have performed a self-review of my own code
- ๐ I have made corresponding changes to the documentation
- โ ๏ธ My changes generate no new warnings or errors
- ๐งช I have added tests that prove my fix is effective or that my feature works
- โ๏ธ New and existing unit tests pass locally with my changes