[CORL-435] Stable CSS Classes (#2414)

* feat: fixed import issue with react

* feat: initial impl

* fix: review
This commit is contained in:
Wyatt Johnson
2019-07-26 22:43:42 +00:00
committed by GitHub
parent 4f640826de
commit 14e225e26f
102 changed files with 504 additions and 328 deletions
@@ -159,7 +159,7 @@ exports[`renders community 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root UserTableFilter-adornment Button-sizeRegular Button-colorDark Button-variantAdornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment UserTableFilter-adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -360,7 +360,7 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root UserRow-usernameButton Button-sizeRegular Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -427,7 +427,7 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root UserRow-usernameButton Button-sizeRegular Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -462,7 +462,7 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change role"
className="BaseButton-root Button-root UserRoleChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -525,7 +525,7 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root UserRow-usernameButton Button-sizeRegular Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -560,7 +560,7 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change role"
className="BaseButton-root Button-root UserRoleChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -623,7 +623,7 @@ exports[`renders community 1`] = `
className="TableCell-root UserRow-usernameColumn TableCell-body"
>
<button
className="BaseButton-root Button-root UserRow-usernameButton Button-sizeRegular Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular UserRow-usernameButton"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -658,7 +658,7 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change role"
className="BaseButton-root Button-root UserRoleChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserRoleChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -702,7 +702,7 @@ exports[`renders community 1`] = `
>
<button
aria-label="Change user status"
className="BaseButton-root Button-root UserStatusChange-button UserStatusChange-fullWidth Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular UserStatusChange-button UserStatusChange-fullWidth"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -796,7 +796,7 @@ exports[`renders empty community 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root UserTableFilter-adornment Button-sizeRegular Button-colorDark Button-variantAdornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment UserTableFilter-adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -60,7 +60,7 @@ exports[`loads more 1`] = `
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-11-29T16:01:51.897Z"
title="2018-11-29T16:01:51.897Z"
>
@@ -124,7 +124,7 @@ exports[`loads more 1`] = `
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-11-29T16:01:45.644Z"
title="2018-11-29T16:01:45.644Z"
>
@@ -188,7 +188,7 @@ exports[`loads more 1`] = `
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-11-29T16:01:42.060Z"
title="2018-11-29T16:01:42.060Z"
>
@@ -317,7 +317,7 @@ exports[`render popover content 1`] = `
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-11-29T16:01:51.897Z"
title="2018-11-29T16:01:51.897Z"
>
@@ -381,7 +381,7 @@ exports[`render popover content 1`] = `
className="Box-root Typography-root Typography-timestamp Typography-colorTextPrimary"
>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-11-29T16:01:45.644Z"
title="2018-11-29T16:01:45.644Z"
>
@@ -47,7 +47,7 @@ exports[`approves comment in reported queue: dangling 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -272,7 +272,7 @@ exports[`rejects comment in reported queue: dangling 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -494,7 +494,7 @@ exports[`renders reported queue with comments 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -703,7 +703,7 @@ exports[`renders reported queue with comments 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -928,7 +928,7 @@ exports[`renders reported queue with comments 2`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -1137,7 +1137,7 @@ exports[`renders reported queue with comments 2`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -1352,7 +1352,7 @@ exports[`renders reported queue with comments and load more 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -47,7 +47,7 @@ exports[`approves comment in rejected queue: dangling 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -269,7 +269,7 @@ exports[`renders rejected queue with comments 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -478,7 +478,7 @@ exports[`renders rejected queue with comments 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -693,7 +693,7 @@ exports[`renders rejected queue with comments and load more 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -34,7 +34,7 @@ exports[`approves single comment 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -225,7 +225,7 @@ exports[`rejects single comment 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -451,7 +451,7 @@ exports[`renders single comment view 1`] = `
</span>
</button>
<time
className="Timestamp-root RelativeTime-root"
className="RelativeTime-root Timestamp-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
@@ -41,7 +41,7 @@ exports[`renders empty stories 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root StoryTableFilter-adornment Button-sizeRegular Button-colorDark Button-variantAdornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment StoryTableFilter-adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -190,7 +190,7 @@ exports[`renders empty stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root StoryStatusChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -259,7 +259,7 @@ exports[`renders empty stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root StoryStatusChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -344,7 +344,7 @@ exports[`renders stories 1`] = `
>
<button
aria-label="Search"
className="BaseButton-root Button-root StoryTableFilter-adornment Button-sizeRegular Button-colorDark Button-variantAdornment"
className="BaseButton-root Button-root Button-sizeRegular Button-colorDark Button-variantAdornment StoryTableFilter-adornment"
onBlur={[Function]}
onFocus={[Function]}
onMouseOut={[Function]}
@@ -493,7 +493,7 @@ exports[`renders stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root StoryStatusChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -562,7 +562,7 @@ exports[`renders stories 1`] = `
>
<button
aria-label="Change status"
className="BaseButton-root Button-root StoryStatusChange-button Button-sizeSmall Button-colorRegular Button-variantRegular"
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantRegular StoryStatusChange-button"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}