Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor!: New separate entry modules for each component. #1351

Merged
merged 33 commits into from
Oct 17, 2022

Conversation

bvkimball
Copy link
Contributor

Adding ng-packagr build files to each module to create separate tree-shakable imports. This make the project cleaner and leaner. woot! 🎉

Styles are loaded only if import that module
Because half of our components use angulars styleUrls to compile and load the scss for that component and the other half built it in a deployable novo-elements scss, we needed to cleanup this work one way or the other. Both have merits but using angular emulated encapsulation will help us have cleaner styles that don't bleed too much. Also loading as part of the component means we wont load component styles we don't use. Woot! 🎉

New Design Tokens
We expanded upon the design token library as part of this work to add theme-able tokens for the design system, to support Novo and Talent themes... but also custom themes or customer overrides! woot! 🎉 This work is still inflight but the token naming conventions and component specific overrides are stable enough for a preview.

No More Sass Variables
We are tripling down on css-variables, they offer runtime support for themes and are pretty awesome. using css variables with SASS/SCSS is pretty straight forward, mixins have been moved or added to novo-design-tokens to help utilize the variables.

Incomplete work:

Brian Kimball and others added 23 commits June 18, 2022 21:01
-darken the opacity to improve readability
-update text color of disabled chips to look non-selectable
-remove the X icon to further confer that this chip is read-only

Co-authored-by: Michael Dill <[email protected]>
* Expanding non-ideal-state for use case with novo-loading

* Expanding non-ideal-state for use case with novo-loading

* Minor structure cleanup

* Changed message on example
@bvkimball bvkimball changed the title BREAKING CHANGES: New separate entry modules for each component. BREAKING CHANGE: New separate entry modules for each component. Sep 15, 2022
@bvkimball bvkimball changed the title BREAKING CHANGE: New separate entry modules for each component. refactor!: New separate entry modules for each component. Sep 15, 2022
@bvkimball bvkimball self-assigned this Sep 15, 2022
@bvkimball bvkimball added breaking change requires discussion This issues needs to be reviewed before development can start labels Sep 15, 2022
@github-actions
Copy link
Contributor

github-actions bot commented Oct 17, 2022

Visit the preview URL for this PR (updated for commit 58a142d):

https://novo-elements--pr1351-f-ng-packager-3-9rq8qbzq.web.app

(expires Mon, 24 Oct 2022 18:07:51 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: f1783e19c2444272095017dd8ba433fff0ee3f61

@github-actions
Copy link
Contributor

$GITHUB_STEP_SUMMARY

@bvkimball bvkimball merged commit d74b1df into beta Oct 17, 2022
@bvkimball bvkimball deleted the f/ng-packager-3 branch October 17, 2022 19:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
requires discussion This issues needs to be reviewed before development can start
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants