Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

BREAKING: Button - implement dark theme and match redlines #336

Merged
merged 14 commits into from
Oct 16, 2018

Conversation

bcalvery
Copy link
Contributor

@bcalvery bcalvery commented Oct 8, 2018

affects light and dark

Button

  • Modified Teams Dark Theme Button styles to match redline.
  • Updating Teams default theme to match redline spec.
  • removed "type" prefix for button style variables

API Change

"type" prefix removed from buttonVariables:
image

Before

image
image

After

(For general reference, hover, pressed, keyboard focus states not shown)
image
image
image
image

removing some unused button theme named colors
@codecov
Copy link

codecov bot commented Oct 8, 2018

Codecov Report

Merging #336 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #336   +/-   ##
=======================================
  Coverage   89.33%   89.33%           
=======================================
  Files          64       64           
  Lines        1256     1256           
  Branches      186      163   -23     
=======================================
  Hits         1122     1122           
  Misses        131      131           
  Partials        3        3

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 45a1c41...12fdff3. Read the comment docs.

@alinais
Copy link
Contributor

alinais commented Oct 9, 2018

Lovely to see this one being worked on.

Copy link
Member

@levithomason levithomason left a comment

Choose a reason for hiding this comment

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

Please remove secondaryTinted button type and replace it with a customization example where the variables are used to create this custom usage. This way, the API is not required by all themes.

@bcalvery bcalvery changed the title fix:(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines fix:(Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@bcalvery bcalvery changed the title fix:(Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines fix(Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@bcalvery bcalvery changed the title fix(Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines fix(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@bcalvery bcalvery changed the title fix(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@bcalvery bcalvery removed the 🚧 WIP label Oct 11, 2018
@bcalvery bcalvery changed the title BREAKING(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING: (Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@bcalvery bcalvery changed the title BREAKING: (Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@bcalvery bcalvery changed the title BREAKING(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING: (Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 11, 2018
@@ -34,7 +34,7 @@ export interface IButtonProps {
onFocus?: ComponentEventHandler<IButtonProps>
renderIcon?: ShorthandRenderFunction
text?: boolean
type?: 'primary' | 'secondary'
type?: 'primary'
Copy link
Contributor

Choose a reason for hiding this comment

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

do we really want to remove for all the Stardust clients? What is the point to have type being a string with secondary removed - it should be a boolean flag then. However, would disagree that we should remove secondary from the list of types provided.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

What does "secondary" mean though, vs just a "default" button? Or conversely, if we have a "primary" and "secondary" button visual treatment, then the "neither primary nor secondary button" becomes a liability (in the context of Teams at least) because there is no such thing as a button that isn't primary or secondary... do we make "primary" and "secondary" non-optional for button? That seems onerous.

I agree that perhaps "primary" should be a Boolean rather than a string... This might also be useful in "groups" of buttons, to make some sort of rule that breaks if there is more than one primary...

Copy link
Contributor

@kuzhelov kuzhelov left a comment

Choose a reason for hiding this comment

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

lets agree on whether secondary should be removed as type enum value for Button @levithomason

@kuzhelov kuzhelov added the question Further information is requested, concerns that require additional thought are raised label Oct 12, 2018
@kuzhelov kuzhelov added ready for merge and removed question Further information is requested, concerns that require additional thought are raised labels Oct 14, 2018
@bcalvery bcalvery changed the title BREAKING: (Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 15, 2018
@bcalvery bcalvery changed the title BREAKING(Button): Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING: (Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 15, 2018
@bcalvery bcalvery changed the title BREAKING: (Button) Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING: Button Implementing Dark Theme and adjusting Default Theme to match Button Redlines Oct 15, 2018
@levithomason levithomason changed the title BREAKING: Button Implementing Dark Theme and adjusting Default Theme to match Button Redlines BREAKING(Button): implement dark theme and match redlines Oct 15, 2018
@alinais alinais changed the title BREAKING(Button): implement dark theme and match redlines breaking(Button): implement dark theme and match redlines Oct 16, 2018
@alinais alinais changed the title breaking(Button): implement dark theme and match redlines BREAKING: Button - implement dark theme and match redlines Oct 16, 2018
@alinais alinais merged commit 289af29 into master Oct 16, 2018
@alinais alinais deleted the fix/buttons-darktheme branch October 16, 2018 00:53
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants