[CORL-503] More stable CSS classNames (#2477)

* feat: add more css classnames

* fix: snapshots
This commit is contained in:
Vinh
2019-08-20 19:22:58 +00:00
committed by Wyatt Johnson
parent b9f9e9b2d4
commit f3e615a610
72 changed files with 1106 additions and 184 deletions
@@ -80,6 +80,8 @@ exports[`accepts valid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -187,6 +189,8 @@ exports[`checks for invalid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -297,6 +301,8 @@ exports[`renders addEmailAddress view 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -409,6 +415,8 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -504,6 +512,8 @@ GraphQL request (4:3)
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -585,6 +595,8 @@ exports[`successfully sets email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -82,6 +82,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -194,6 +196,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -295,6 +299,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -392,6 +398,8 @@ GraphQL request (4:3)
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -475,6 +483,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -59,6 +59,8 @@ exports[`checks for invalid username 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -148,6 +150,8 @@ exports[`renders createUsername view 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -226,6 +230,8 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -300,6 +306,8 @@ GraphQL request (4:3)
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -360,6 +368,8 @@ exports[`successfully sets username 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -111,6 +111,8 @@ exports[`show restricted screen for commenters and staff 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -244,6 +246,8 @@ exports[`show restricted screen for commenters and staff 2`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -97,6 +97,8 @@ exports[`accepts correct password 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -216,6 +218,8 @@ exports[`accepts valid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -348,6 +352,8 @@ exports[`checks for invalid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -531,6 +537,8 @@ exports[`renders sign in form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -677,6 +685,8 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -790,6 +800,8 @@ exports[`shows server error 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -47,6 +47,8 @@ exports[`renders community 1`] = `
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment UserTableFilter-adornment"
data-color="dark"
data-variant="adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -185,7 +187,9 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-testid="invite-users-button"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -248,6 +252,8 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -315,6 +321,8 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -350,6 +358,8 @@ exports[`renders community 1`] = `
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -413,6 +423,8 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -448,6 +460,8 @@ exports[`renders community 1`] = `
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -511,6 +525,8 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -546,6 +562,8 @@ exports[`renders community 1`] = `
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -590,6 +608,8 @@ exports[`renders community 1`] = `
<button
aria-label="Change user status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserStatusChange-button UserStatusChange-fullWidth"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -686,6 +706,8 @@ exports[`renders empty community 1`] = `
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment UserTableFilter-adornment"
data-color="dark"
data-variant="adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -824,7 +846,9 @@ exports[`renders empty community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-testid="invite-users-button"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -96,7 +96,9 @@ exports[`renders configure advanced 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
data-color="success"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -162,6 +164,8 @@ each of your sites stories.
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -98,6 +98,8 @@ exports[`change settings: during submit: oidc without errors 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -261,6 +263,8 @@ the remaining fields. You may also enter the information manually.
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled Button-disabled"
data-color="primary"
data-variant="filled"
disabled={true}
id="configure-auth-oidc-discover"
onBlur={[Function]}
@@ -577,6 +581,8 @@ For more information visit:
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -883,6 +889,8 @@ exports[`change settings: enable oidc configure box 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1046,6 +1054,8 @@ the remaining fields. You may also enter the information manually.
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
disabled={false}
id="configure-auth-oidc-discover"
onBlur={[Function]}
@@ -1359,6 +1369,8 @@ exports[`change settings: oidc validation errors 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1561,6 +1573,8 @@ the remaining fields. You may also enter the information manually.
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
disabled={false}
id="configure-auth-oidc-discover"
onBlur={[Function]}
@@ -1890,6 +1904,8 @@ exports[`regenerate sso key 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
disabled={false}
id="configure-auth-sso-regenerate"
onBlur={[Function]}
@@ -2024,7 +2040,9 @@ exports[`renders configure auth 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
data-color="success"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -2314,6 +2332,8 @@ integration to register for a new account.
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -2477,6 +2497,8 @@ the remaining fields. You may also enter the information manually.
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled Button-disabled"
data-color="primary"
data-variant="filled"
disabled={true}
id="configure-auth-oidc-discover"
onBlur={[Function]}
@@ -2787,6 +2809,8 @@ integration to register for a new account.
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled Button-disabled"
data-color="primary"
data-variant="filled"
disabled={true}
id="configure-auth-sso-regenerate"
onBlur={[Function]}
@@ -3037,6 +3061,8 @@ to create and set up a web application. For more information visit:
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -3343,6 +3369,8 @@ For more information visit:
</div>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -96,7 +96,9 @@ exports[`renders configure general 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
data-color="success"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -797,6 +799,8 @@ based on the needs of your community.
</h1>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost Button-disabled ReactionButton-readOnly ReactionConfig-reactionButton"
data-color="regular"
data-variant="ghost"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
@@ -854,6 +858,8 @@ based on the needs of your community.
</h1>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost Button-disabled ReactionButton-readOnly ReactionConfig-reactionButton"
data-color="regular"
data-variant="ghost"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
@@ -96,7 +96,9 @@ exports[`renders configure moderation 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
data-color="success"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -96,7 +96,9 @@ exports[`renders configure organization 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
data-color="success"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -96,7 +96,9 @@ exports[`renders configure wordList 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorSuccess Button-variantFilled Button-disabled"
data-color="success"
data-testid="configure-sideBar-saveChanges"
data-variant="filled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
@@ -195,6 +195,8 @@ exports[`renders form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -142,6 +142,8 @@ exports[`approves comment in reported queue: dangling 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -367,6 +369,8 @@ exports[`rejects comment in reported queue: dangling 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -589,6 +593,8 @@ exports[`renders reported queue with comments 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -798,6 +804,8 @@ exports[`renders reported queue with comments 1`] = `
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1023,6 +1031,8 @@ exports[`renders reported queue with comments 2`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1232,6 +1242,8 @@ exports[`renders reported queue with comments 2`] = `
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -1465,6 +1477,8 @@ exports[`renders reported queue with comments and load more 1`] = `
aria-controls="uuid-2"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -142,6 +142,8 @@ exports[`approves comment in rejected queue: dangling 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -364,6 +366,8 @@ exports[`renders rejected queue with comments 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -573,6 +577,8 @@ exports[`renders rejected queue with comments 1`] = `
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -801,6 +807,8 @@ exports[`renders rejected queue with comments and load more 1`] = `
aria-controls="uuid-2"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -108,6 +108,8 @@ exports[`approves single comment 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -299,6 +301,8 @@ exports[`rejects single comment 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -525,6 +529,8 @@ exports[`renders single comment view 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Markers-detailsButtonColorRegular Button-variantRegular Markers-detailsButton"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -44,6 +44,8 @@ exports[`renders empty stories 1`] = `
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment StoryTableFilter-adornment"
data-color="dark"
data-variant="adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -193,6 +195,8 @@ exports[`renders empty stories 1`] = `
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -262,6 +266,8 @@ exports[`renders empty stories 1`] = `
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -349,6 +355,8 @@ exports[`renders stories 1`] = `
<button
aria-label="Search"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment StoryTableFilter-adornment"
data-color="dark"
data-variant="adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -498,6 +506,8 @@ exports[`renders stories 1`] = `
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -567,6 +577,8 @@ exports[`renders stories 1`] = `
<button
aria-label="Change status"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}