Skip to content
This repository was archived by the owner on Feb 13, 2026. It is now read-only.

ui v2: buttons#673

Merged
dschaller merged 15 commits intoUIV2from
buttons
Nov 16, 2020
Merged

ui v2: buttons#673
dschaller merged 15 commits intoUIV2from
buttons

Conversation

@dschaller
Copy link
Contributor

@dschaller dschaller commented Nov 12, 2020

Description

New designs for buttons. Some colors are inlined into the component here and will be extracted later when we are updating global themes of the application. A subsequent PR will be opened to add icon support.

Primary
Screen Shot 2020-11-13 at 3 03 41 PM

Primary with mouseover
Screen Shot 2020-11-13 at 3 03 45 PM

Primary disabled
Screen Shot 2020-11-13 at 3 03 45 PM

Destructive | Danger
Screen Shot 2020-11-13 at 3 03 49 PM

Destructive | Danger with mouseover
Screen Shot 2020-11-13 at 3 03 52 PM

Panel
Screen Shot 2020-11-13 at 3 03 37 PM

Panel with neutral mouseover
Screen Shot 2020-11-13 at 3 03 31 PM

Testing Performed

manual with storybook and local app

<StylesProvider injectFirst>{children}</StylesProvider>
</StyledThemeProvider>
<EmotionThemeProvider theme={theme()}>
<StyledThemeProvider theme={theme()}>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

😭 until we can remove styled from core we will have 3 theming frameworks

@dschaller dschaller marked this pull request as ready for review November 12, 2020 23:30
@dschaller dschaller requested a review from a team as a code owner November 12, 2020 23:30
Comment on lines 23 to -25
Destructive.args = {
text: "delete",
destructive: true,
Copy link
Contributor

Choose a reason for hiding this comment

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

should we call this one "Caution" too, like in button group?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Reverted back to destructive

Comment on lines -28 to -29
export const Destructive = Template.bind({});
Destructive.args = {
Copy link
Contributor

Choose a reason for hiding this comment

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

(couldn't comment on lines where changes weren't made) for "Default" - should we update it to "Primary", like in the button story?

@danielhochman

This comment has been minimized.

@danielhochman
Copy link
Collaborator

danielhochman commented Nov 16, 2020

looks better, can we ship the roboto font change to UIV2 first so we can be sure we're 1:1?

edit: opened #683

});

export interface ButtonProps
extends Pick<MuiButtonProps, "disabled" | "endIcon" | "onClick" | "size" | "startIcon" | "type"> {
Copy link
Collaborator

Choose a reason for hiding this comment

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

we can drop the size prop i think

@danielhochman danielhochman changed the title v2: update buttons ui v2: buttons Nov 16, 2020
@dschaller
Copy link
Contributor Author

Rebased off UIV2 with Roboto and using 700 font-weight:

Screen Shot 2020-11-16 at 11 24 26 AM

@danielhochman
Copy link
Collaborator

from what i can tell in figma, neutral hover should be #eff0f2 but it's #cccccc

Copy link
Collaborator

@danielhochman danielhochman left a comment

Choose a reason for hiding this comment

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

🎉

@dschaller dschaller merged commit 33aad49 into UIV2 Nov 16, 2020
@dschaller dschaller deleted the buttons branch November 16, 2020 19:58
dschaller added a commit that referenced this pull request Nov 30, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants