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

feat(empty-state): adding connotation and design variation (VIV-1378) #1863

Merged
merged 22 commits into from
Jul 31, 2024

Conversation

rachelbt
Copy link
Contributor

No description provided.

Copy link

codecov bot commented Jul 26, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (d61b119) to head (6b01f81).
Report is 1040 commits behind head on main.

Additional details and impacted files
@@             Coverage Diff             @@
##              main     #1863     +/-   ##
===========================================
  Coverage   100.00%   100.00%             
===========================================
  Files          123       342    +219     
  Lines         1562      6217   +4655     
  Branches       108       781    +673     
===========================================
+ Hits          1562      6217   +4655     
Flag Coverage Δ
unittests 100.00% <100.00%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

libs/components/src/lib/empty-state/README.md Outdated Show resolved Hide resolved
Comment on lines 23 to 24
@include connotation.connotation(badge);
@include appearance.appearance;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IMO, it is not right to use appearance mixin here. Design didn't use appearance so why should the code? The mixed colors end up different from the design

Suggested change
@include connotation.connotation(badge);
@include appearance.appearance;
@include connotation.connotation(empty-state);

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the badge is a huge mistake of mine and I'll fix it.

But we are always using connotation and appearance together - see alert & progress.
On the other hand we have icons that do not use it.
I wonder what is the right way to do that.
Do we want all components that has one appearance, no states to use connotation directly or use it via appearances...
If I'm not using connotation directly - I can use whatever shades I want, is it good for the design-system or should we align to appearances?
@AyalaBu @TaylorJ76
WDYT?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I removed the appearance and created a ticket to align other component to the same convention: https://jira.vonage.com/browse/VIV-1960

libs/components/src/lib/empty-state/README.md Outdated Show resolved Hide resolved
Copy link
Contributor

@RichardHelm RichardHelm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! Just these outdated names

libs/components/src/lib/empty-state/README.md Outdated Show resolved Hide resolved
libs/components/src/lib/empty-state/empty-state.ts Outdated Show resolved Hide resolved
Co-authored-by: Richard Helm <86777660+RichardHelm@users.noreply.github.com>
@rachelbt rachelbt merged commit 953db49 into main Jul 31, 2024
15 checks passed
@rachelbt rachelbt deleted the VIV-1378-empty-state branch July 31, 2024 11:49
@github-actions github-actions bot mentioned this pull request Jul 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants