Green is an open-source design system built by SEB.
APACHE-2.0 License
Bot releases are visible (Hide)
Published by github-actions[bot] 12 months ago
Published by github-actions[bot] 12 months ago
The two main changes in this version is that the base version of Angular have been updated to 15, and the Dropdown component have been migrated over to the new Web Component powered version from @sebgroup/green-core
.
@sebgroup/extract
will now need to be imported from @sebgroup/green-angular
instead.loop
attribute of ngg-dropdown
no longer has any effect and should no longer be used. This was used configure whether keyboard navigation in the listbox should wrap around when you reach the last option. The motivation for removing the option is that the behaviour should always be the same and not configurable.<slot>
, so even though the rest of the component is encapsulated by Shadow DOM, you can still freely style these parts as you need.The Web Component underpinnings should work fine with Angulars default Karma setup, but if you are using Jest there may be some issues. Web Components is a browser feature, and any node-based test setup needs to have these APIs mocked to work correctly.
If you use Jest, here's a rudimentary mock setup we use in the Green repo.
Check #1016 for more info
The main change in this version is that the Dropdown component have been migrated over to the new Web Component powered version from @sebgroup/green-core
.
@sebgroup/extract
will now need to be imported from @sebgroup/green-react
instead.loop
property of Dropdown
no longer has any effect and should no longer be used. This was used configure whether keyboard navigation in the listbox should wrap around when you reach the last option. The motivation for removing the option is that the behaviour should always be the same and not configurable.If you are using Jest there may be some issues with the new Web Component underpinnings. Web Components is a browser feature, and any node-based test setup needs to have these APIs mocked to work correctly.
If you use Jest, here's a rudimentary mock setup we use in the Green repo, and here's how it's set up for Greens React lib.
Check #1016 for more info
Due to an old accidental release on npm, the 2.0.0 tagged was blocked, so this is the first 2.x release of Chlorophyll.
group-focus
class added to the wrapper for focus to look correctThe main change in this version is that Dropdown has now been dropped from Extract. The framework independent implementation of Dropdown is now a Web Component in @sebgroup/green-core
instead.
Published by github-actions[bot] 12 months ago
Published by github-actions[bot] 12 months ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] about 1 year ago