green

Green is an open-source design system built by SEB.

APACHE-2.0 License

Downloads
71.1K
Stars
34
Committers
59

Bot releases are visible (Hide)

green -

Published by github-actions[bot] 12 months ago

1.0.1 (2023-10-31)

Bug Fixes

  • dropdown: minor improvements to focus styles (#1084) (eebb5e4)
green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] 12 months ago

Changelog

This file was generated using @jscutlery/semver.

0.0.1-beta.0 (2023-10-31)

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] 12 months ago

2.0.0 (2023-10-31)

Bug Fixes

  • dropdown: start using Core Dropdown in Angular and React (#1016) (7f6f8f5)

BREAKING CHANGES

  • dropdown: Updated Angular, Replaced Dropdown component internals,
    removed Dropdown from Extract
green -

Published by github-actions[bot] 12 months ago

2.0.0 (2023-10-30)

Bug Fixes

  • context-menu: context menu imports and docs (#1074) (34b3a35)
  • dropdown: start using Core Dropdown in Angular and React (#1016) (7f6f8f5)
  • Update to Angular 15

BREAKING CHANGES

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.

  • Angular updated from 14 -> 15. This means that if your project is still on Angular 14, you will most likely need to upgrade to 15 in order to use this version of Green Angular.
  • Any Dropdown related imports that was previously imported from @sebgroup/extract will now need to be imported from @sebgroup/green-angular instead.
  • The 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.
  • When using custom button or option template for the Dropdown in Angular, you may need to tweak your styling slightly, because of changes in the markup of the updated component. Under the hood, your custom button or option will be placed in a <slot>, so even though the rest of the component is encapsulated by Shadow DOM, you can still freely style these parts as you need.

Testing

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

green -

Published by github-actions[bot] 12 months ago

2.0.0 (2023-10-30)

Bug Fixes

  • alert-ribbon: don't render empty header (#1075) (373ac00)
  • dropdown: start using Core Dropdown in Angular and React (#1016) (7f6f8f5)

BREAKING CHANGES

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.

  • Any Dropdown related imports that was previously imported from @sebgroup/extract will now need to be imported from @sebgroup/green-react instead.
  • The 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.

Testing

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

green -

Published by github-actions[bot] 12 months ago

2.0.1 (2023-10-30)

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.

Bug Fixes

  • tokens: only import tokens in use-green-scope (#1045)
  • context-menu: context menu imports and docs (#1074) (34b3a35)
  • focus states: All focus states are updated to match designs in Figma (#1050)
  • style sync: several components, docs and examples are updated to better align with designs in Figma (#1067)

BREAKING CHANGES

  • When you import use-green-scope according to the docs, you get all the required CSS variables declared in the .use-green scope. However, in the previous version you also got the styles for certain components included here as well, which is incorrect.
  • Some grouped inputs will need the group-focus class added to the wrapper for focus to look correct
  • Removed fixed font size on html element
  • Changed breakpoints to em
green -

Published by github-actions[bot] 12 months ago

1.0.0 (2023-10-30)

First non-beta release of Green Core!

  • dropdown: start using Core Dropdown in Angular and React (#1016) (7f6f8f5)
green -

Published by github-actions[bot] 12 months ago

2.0.0 (2023-10-30)

BREAKING CHANGES

The 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.

  • Dropdown has been dropped from Extract
green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] 12 months ago

1.0.0-beta.18 (2023-10-23)

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] 12 months ago

1.15.4 (2023-10-23)

Bug Fixes

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.0.0-beta.17 (2023-10-11)

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.10.0 (2023-10-11)

Features

  • slider: use inputmode='numeric' and add enterkeyhint support (#1049) (44ac574)
green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.14.0 (2023-10-11)

Features

  • slider: use inputmode='numeric' and add enterkeyhint support (#1049) (44ac574)
green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.2.0 (2023-10-10)

Features

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.0.0-beta.16 (2023-10-10)

Features

  • core-dropdown: add compareWith delegate function (#1040) (865735d)
  • core-dropdown: add searchFilter delegate function (#1041) (62ad349)
green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.2.0 (2023-10-10)

Features

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.3.0 (2023-10-10)

Features

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.0.0-beta.15 (2023-09-29)

Bug Fixes

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.15.3 (2023-09-29)

green - https://github.com/seb-oss/green/releases/tag/@sebgroup/[email protected]

Published by github-actions[bot] about 1 year ago

1.0.0-beta.14 (2023-09-26)

Package Rankings
Top 5.19% on Npmjs.org
Badges
Extracted from project README
Stable version Stable version Stable version Stable version Stable version Stable version Stable version Stable version