wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-11 05:54:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

[CORL-746] updated branding: buttons (#2748)

Browse Source 
* new button component

* update specs

* fix up markers

* fix docz so it renders

* clean up buttons implementation

* update snaps

* clean up slack buttons

* update snaps
This commit is contained in:
Tessa Thornton
2019-12-09 18:03:30 -05:00
committed by Kim Gardner
parent ec93789cff
commit 3358cef433
47 changed files with 545 additions and 623 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/admin/test/community/__snapshots__/community.spec.tsx.snap
+32 -32
View File
@@ -49,9 +49,9 @@ exports[`renders community 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase UserTableFilter-adornment"
data-color="emphasis"
data-variant="adornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantRegular Button-uppercase Button-adornmentRight UserTableFilter-adornment"
data-color="dark"
data-variant="regular"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -199,10 +199,10 @@ exports[`renders community 1`] = `
data-testid="invite-users"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase InviteUsers-button"
data-color="default"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantFlat Button-uppercase InviteUsers-button"
data-color="dark"
data-testid="invite-users-button"
data-variant="filled"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -264,9 +264,9 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
data-color="default"
data-variant="plain"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -329,9 +329,9 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
data-color="default"
data-variant="plain"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -366,9 +366,9 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain UserRoleChange-button"
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantText UserRoleChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -427,9 +427,9 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
data-color="default"
data-variant="plain"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -464,9 +464,9 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain UserRoleChange-button"
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantText UserRoleChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -525,9 +525,9 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantPlain UserRow-usernameButton"
data-color="default"
data-variant="plain"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -562,9 +562,9 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain UserRoleChange-button"
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantText UserRoleChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -608,9 +608,9 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change user status"
className="BaseButton-root Button-root Button-sizeMedium Button-colorMono Button-variantPlain UserStatusChange-button UserStatusChange-fullWidth"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserStatusChange-button UserStatusChange-fullWidth"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -709,9 +709,9 @@ exports[`renders empty community 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase UserTableFilter-adornment"
data-color="emphasis"
data-variant="adornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantRegular Button-uppercase Button-adornmentRight UserTableFilter-adornment"
data-color="dark"
data-variant="regular"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -859,10 +859,10 @@ exports[`renders empty community 1`] = `
data-testid="invite-users"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase InviteUsers-button"
data-color="default"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantFlat Button-uppercase InviteUsers-button"
data-color="dark"
data-testid="invite-users-button"
data-variant="filled"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
src/core/client/admin/test/configure/__snapshots__/advanced.spec.tsx.snap
+6 -6
View File
@@ -104,10 +104,10 @@ exports[`renders configure advanced 1`] = `
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
data-color="alt"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
data-variant="regular"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -187,9 +187,9 @@ each of your site’s stories.
className="Box-root HorizontalGutter-root EmbedCode-copyArea HorizontalGutter-full"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase"
data-color="default"
data-variant="filled"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
src/core/client/admin/test/configure/__snapshots__/auth.spec.tsx.snap
+18 -18
View File
@@ -104,10 +104,10 @@ exports[`renders configure auth 1`] = `
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
data-color="alt"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
data-variant="regular"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -754,9 +754,9 @@ integration to register for a new account.
/>
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Button-variantFilled Button-uppercase"
data-color="default"
data-variant="filled"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -944,9 +944,9 @@ the remaining fields. You may also enter the information manually.
/>
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
data-variant="filled"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-disabled"
data-color="regular"
data-variant="regular"
disabled={true}
id="configure-auth-oidc-discover"
onBlur={[Function]}
@@ -1302,9 +1302,9 @@ Invalid Date
</div>
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Button-variantFilled Button-uppercase Button-disabled SSOKeyField-regenerateButton"
data-color="default"
data-variant="filled"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-disabled SSOKeyField-regenerateButton"
data-color="regular"
data-variant="regular"
disabled={true}
id="configure-auth-sso-regenerate"
onBlur={[Function]}
@@ -1535,9 +1535,9 @@ to create and set up a web application. For more information visit:
/>
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Button-variantFilled Button-uppercase"
data-color="default"
data-variant="filled"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1855,9 +1855,9 @@ For more information visit:
/>
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorDefault Button-variantFilled Button-uppercase"
data-color="default"
data-variant="filled"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
src/core/client/admin/test/configure/__snapshots__/general.spec.tsx.snap
+3 -3
View File
@@ -104,10 +104,10 @@ exports[`renders configure general 1`] = `
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
data-color="alt"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
data-variant="regular"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
src/core/client/admin/test/configure/__snapshots__/moderation.spec.tsx.snap
+3 -3
View File
@@ -104,10 +104,10 @@ exports[`renders configure moderation 1`] = `
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
data-color="alt"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
data-variant="regular"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
src/core/client/admin/test/configure/__snapshots__/organization.spec.tsx.snap
+3 -3
View File
@@ -104,10 +104,10 @@ exports[`renders configure organization 1`] = `
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
data-color="alt"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
data-variant="regular"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
src/core/client/admin/test/configure/__snapshots__/wordList.spec.tsx.snap
+3 -3
View File
@@ -104,10 +104,10 @@ exports[`renders configure wordList 1`] = `
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<button
className="BaseButton-root Button-root Button-sizeMedium Button-colorDefault Button-variantFilled Button-uppercase Button-disabled"
data-color="default"
className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
data-color="alt"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
data-variant="regular"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
src/core/client/admin/test/moderate/__snapshots__/regularQueue.spec.tsx.snap
+14 -14
View File
@@ -170,9 +170,9 @@ exports[`approves comment in reported queue: dangling 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -423,9 +423,9 @@ exports[`rejects comment in reported queue: dangling 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -673,9 +673,9 @@ exports[`renders reported queue with comments 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -910,9 +910,9 @@ exports[`renders reported queue with comments 1`] = `
<button
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1163,9 +1163,9 @@ exports[`renders reported queue with comments 2`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1400,9 +1400,9 @@ exports[`renders reported queue with comments 2`] = `
<button
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1661,9 +1661,9 @@ exports[`renders reported queue with comments and load more 1`] = `
<button
aria-controls="uuid-2"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
src/core/client/admin/test/moderate/__snapshots__/rejectedQueue.spec.tsx.snap
+8 -8
View File
@@ -170,9 +170,9 @@ exports[`approves comment in rejected queue: dangling 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -420,9 +420,9 @@ exports[`renders rejected queue with comments 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -657,9 +657,9 @@ exports[`renders rejected queue with comments 1`] = `
<button
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -913,9 +913,9 @@ exports[`renders rejected queue with comments and load more 1`] = `
<button
aria-controls="uuid-2"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
src/core/client/admin/test/moderate/__snapshots__/singleComment.spec.tsx.snap
+6 -6
View File
@@ -131,9 +131,9 @@ exports[`approves single comment 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -345,9 +345,9 @@ exports[`rejects single comment 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -594,9 +594,9 @@ exports[`renders single comment view 1`] = `
<button
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantGhost Button-uppercase"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="ghost"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
src/core/client/admin/test/stories/__snapshots__/stories.spec.tsx.snap
+14 -14
View File
@@ -46,9 +46,9 @@ exports[`renders empty stories 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase StoryTableFilter-adornment"
data-color="emphasis"
data-variant="adornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantRegular Button-uppercase Button-adornmentRight StoryTableFilter-adornment"
data-color="dark"
data-variant="regular"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -202,9 +202,9 @@ exports[`renders empty stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText StoryStatusChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -273,9 +273,9 @@ exports[`renders empty stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText StoryStatusChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -365,9 +365,9 @@ exports[`renders stories 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeMedium Button-colorEmphasis Button-variantAdornment Button-uppercase StoryTableFilter-adornment"
data-color="emphasis"
data-variant="adornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantRegular Button-uppercase Button-adornmentRight StoryTableFilter-adornment"
data-color="dark"
data-variant="regular"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -521,9 +521,9 @@ exports[`renders stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText StoryStatusChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -592,9 +592,9 @@ exports[`renders stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorMono Button-variantPlain StoryStatusChange-button"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText StoryStatusChange-button"
data-color="mono"
data-variant="plain"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}