Stream UI bugfixes (#3041)

* fix: various ui fixes

* fix: tooltip button active color

* fix: teal color

* fix: RTE borders

* fix: snapshots

* fix: reduce padding of show more of this conversation button

* Fix font weight fallback values

* Replace RTE validation messages with v3 CallOuts

CORL-1213

* More styling classnames

* chore: remove not used style

* fix: reaction button primary color

* fix snapshots

* harmonize data-variant on buttons

* [CORL-1215] Install Style Tweaks (#3046)

* fix logic around repeat posts with or without media embeds: (#3042)

* fix: restore ReportCommentEvent (#3037)

Co-authored-by: Wyatt Johnson <wyattjoh@gmail.com>

* fix: fixed issue with graphiql (#3043)

* README.md Update (#3045)

* chore: update README.md

* fix: removed README from doctoc

* fix: replaced emoji codes with emjoi

* fix: removed emoji's due to browser rendering issues

* fix: fixed bugs with install styles

Co-authored-by: Tessa Thornton <tessathornton@gmail.com>
Co-authored-by: Vinh <vinh@vinh.tech>

* fix: remove lineheight css variables and make them relative

* fix: adjust line-heights

* fix: update snapshots

* More css bindings for client styling

Set bindable class on community guidelines
Set bindable classname on "Comment on" label

* fix: more tweaks

* fix: snapshots

* fix: lint and tests

Co-authored-by: nick-funk <nick.funk@outlook.com>
Co-authored-by: Wyatt Johnson <wyattjoh@gmail.com>
Co-authored-by: Tessa Thornton <tessathornton@gmail.com>
This commit is contained in:
Vinh
2020-07-31 00:19:59 +02:00
committed by GitHub
co-authored by nick-funk Wyatt Johnson Tessa Thornton
parent dfdea2b9d2
commit 802f656caa
284 changed files with 1756 additions and 1538 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
font-style: normal;
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-7);
line-height: 1.17;
color: var(--palette-text-500);
@@ -3,7 +3,7 @@
font-style: normal;
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-7);
line-height: 1.17;
color: var(--palette-text-500);
@@ -23,7 +23,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-5);
line-height: 1.25;
color: var(--palette-text-500);
@@ -3,7 +3,7 @@
font-style: normal;
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-7);
line-height: 1.17;
color: var(--palette-text-500);
@@ -15,7 +15,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-5);
line-height: 1.25;
color: var(--palette-text-500);
@@ -27,7 +27,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
color: var(--palette-text-500);
@@ -39,7 +39,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
color: var(--palette-text-100);
@@ -3,7 +3,7 @@
font-style: normal;
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-7);
line-height: 1.17;
color: var(--palette-text-500);
@@ -15,7 +15,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-5);
line-height: 1.25;
color: var(--palette-text-500);
@@ -27,7 +27,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
color: var(--palette-text-500);
@@ -39,7 +39,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
color: var(--palette-text-100);
@@ -3,7 +3,7 @@
font-style: normal;
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-7);
line-height: 1.17;
color: var(--palette-text-500);
@@ -15,7 +15,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-5);
line-height: 1.25;
color: var(--palette-text-500);
@@ -27,7 +27,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
color: var(--palette-text-500);
@@ -39,7 +39,7 @@
font-style: normal;
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
color: var(--palette-text-100);
@@ -36,6 +36,7 @@ exports[`renders form 1`] = `
<div>
<button
className="BaseButton-root Button-base Button-filled Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-paddingSizeSmall Button-colorPrimary Button-upperCase Button-fullWidth Confirm-submit"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -93,6 +93,7 @@ Make sure it is unique and be sure to keep it secure.
</div>
<button
className="BaseButton-root Button-base Button-filled Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-paddingSizeMedium Button-colorPrimary Button-upperCase Button-fullWidth Reset-submit"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -35,6 +35,7 @@ exports[`renders form 1`] = `
</div>
<button
className="BaseButton-root Button-base Button-filled Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimaryBold Button-paddingSizeMedium Button-colorPrimary Button-upperCase Button-fullWidth Unsubscribe-submit"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -1,7 +1,7 @@
.root {
height: 100%;
font-size: var(--font-size-1);
line-height: var(--line-height-3);
line-height: 1.33;
color: var(--palette-text-100);
padding: 0 var(--spacing-1);
}
@@ -6,5 +6,5 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
}
@@ -1,10 +1,10 @@
$moderateCardDecisionHistoryLinkTextColor: $colors-teal-700;
.root {
line-height: var(--line-height-3);
font-weight: var(--font-weight-primary-bold);
font-family: var(--font-family-primary);
font-size: var(--font-size-1);
line-height: 1.33;
color: $moderateCardDecisionHistoryLinkTextColor;
font-style: var(--font-style-underline);
}
@@ -11,6 +11,6 @@
color: var(--palette-text-500);
font-weight: var(--font-weight-primary-semi-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-4);
font-size: var(--font-size-2);
line-height: 1.285;
}
@@ -5,7 +5,7 @@ $moderateCardDecisionHistoryBorderColor: var(--palette-grey-300);
font-size: var(--font-size-2);
font-weight: var(--font-weight-primary-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.14;
text-transform: uppercase;
color: $moderateCardDecisionHistoryLinkTextColor;
width: 100%;
@@ -5,5 +5,5 @@ $timestampColor: var(--palette-text-100);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-1);
line-height: var(--line-height-3);
line-height: 1.33;
}
@@ -4,6 +4,6 @@ $moderateCardDecisionHistoryColor: var(--palette-text-900);
color: $moderateCardDecisionHistoryColor;
font-weight: var(--font-weight-secondary-bold);
font-family: var(--font-family-secondary);
line-height: var(--line-height-field-description);
line-height: 1.3;
font-size: var(--font-size-3);
}
@@ -8,7 +8,7 @@ $comment-link-active: $colors-teal-900;
font-size: var(--font-size-3);
font-weight: var(--font-weight-primary-regular);
font-family: var(--font-family-primary);
line-height: var(--line-height-comment-body);
line-height: 1.45;
color: $comment-content;
overflow-wrap: break-word;
@@ -11,14 +11,14 @@ $moderateCardUsernameBackgroundHover: var(--palette-grey-200);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
}
.username {
color: $moderateCardInReplyToUsernameColor;
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-3);
line-height: var(--line-height-3);
line-height: 1;
padding: var(--spacing-1);
@@ -4,6 +4,6 @@ $moderateCardUsernameColor: var(--palette-text-900);
font-size: var(--font-size-3);
font-weight: var(--font-weight-secondary-bold);
font-family: var(--font-family-secondary);
line-height: var(--line-height-3);
line-height: 1;
color: $moderateCardUsernameColor;
}
@@ -5,7 +5,7 @@ $moderateCardUsernameBackgroundHover: var(--palette-grey-200);
padding: var(--spacing-1);
margin-left: calc(-1 * var(--spacing-1));
line-height: var(--line-height-3);
line-height: 1;
&:hover {
background-color: $moderateCardUsernameBackgroundHover;
@@ -104,7 +104,7 @@ const ConversationModalCommentContainer: FunctionComponent<Props> = ({
<Localized id="conversation-modal-reply-show-replies">
<Button
color="mono"
variant="outline"
variant="outlined"
onClick={onShowReplies}
fullWidth
>
@@ -4,7 +4,7 @@ $modal-header-text: var(--palette-text-900);
font-size: var(--font-size-4);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-5);
line-height: 1.11;
color: $modal-header-text;
margin: 0;
}
@@ -39,7 +39,12 @@ const ConversationModalHeaderContainer: FunctionComponent<Props> = ({
: comment.story.url}
</h1>
<Localized id="conversation-modal-header-moderate-link">
<Button variant="outline" color="mono" uppercase onClick={onModerate}>
<Button
variant="outlined"
color="mono"
uppercase
onClick={onModerate}
>
Moderate story
</Button>
</Localized>
@@ -62,7 +62,7 @@ const ConversationModalRepliesContainer: FunctionComponent<Props> = ({
<div className={styles.footer}>
{!showReplies && comment.replyCount > 0 && (
<Localized id="conversation-modal-replies-show">
<Button variant="outline" fullWidth onClick={onShowReplies}>
<Button variant="outlined" fullWidth onClick={onShowReplies}>
Show replies
</Button>
</Localized>
@@ -71,7 +71,7 @@ const ConversationModalRepliesContainer: FunctionComponent<Props> = ({
comment.replyCount > replies.length &&
replies.length > 0 && (
<Localized id="conversation-modal-replies-show-more">
<Button variant="outline" fullWidth onClick={loadMore}>
<Button variant="outlined" fullWidth onClick={loadMore}>
Show more replies
</Button>
</Localized>
@@ -4,6 +4,6 @@ $modal-body-text: $colors-mono-500;
font-size: var(--font-size-3);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $modal-body-text;
}
@@ -4,7 +4,7 @@ $modal-text: $colors-mono-500;
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-title);
line-height: 1.2;
color: $modal-text;
margin: 0;
}
@@ -4,6 +4,6 @@ $moderateCardFlagsCategoryColor: var(--palette-text-500);
font-size: var(--font-size-3);
font-weight: var(--font-weight-primary-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-6);
line-height: 1.5;
color: $moderateCardFlagsCategoryColor;
}
@@ -6,7 +6,7 @@ $moderateCardReasonTextColor: var(--palette-text-500);
font-size: var(--font-size-2);
font-weight: var(--font-weight-secondary-bold);
font-family: var(--font-family-secondary);
line-height: var(--line-height-3);
line-height: 1.14;
padding-right: calc(0.5 * var(--mini-unit));
}
@@ -17,11 +17,10 @@ $moderateCardReasonTextColor: var(--palette-text-500);
font-size: var(--font-size-2);
font-weight: var(--font-weight-primary-regular);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.14;
}
.flagger {
line-height: var(--line-height-3);
margin-right: var(--mini-unit);
padding: var(--spacing-1);
margin-left: calc(-1 * var(--spacing-1));
@@ -101,7 +101,7 @@ $moderateCardLinkTextColor: $colors-teal-700;
font-size: var(--font-size-1);
font-weight: var(--font-weight-primary-semi-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.33;
color: $moderateCardLinkTextColor;
text-transform: uppercase;
}
@@ -115,7 +115,7 @@ $moderateCardLinkTextColor: $colors-teal-700;
font-size: var(--font-size-1);
font-weight: var(--font-weight-primary-semi-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.33;
margin-bottom: var(--spacing-1);
text-transform: uppercase;
}
@@ -123,7 +123,7 @@ $moderateCardLinkTextColor: $colors-teal-700;
.commentOn {
font-size: var(--font-size-2);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.14;
margin-bottom: var(--spacing-1);
}
@@ -152,7 +152,7 @@ $moderateCardLinkTextColor: $colors-teal-700;
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-1);
line-height: var(--line-height-3);
line-height: 1.33;
}
.edited {
@@ -160,7 +160,7 @@ $moderateCardLinkTextColor: $colors-teal-700;
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-1);
line-height: var(--line-height-3);
line-height: 1.33;
padding-left: var(--spacing-2);
}
@@ -174,7 +174,7 @@ $moderateCardLinkTextColor: $colors-teal-700;
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-1);
line-height: var(--line-height-3);
line-height: 1.33;
padding-left: var(--spacing-2);
}
@@ -183,5 +183,5 @@ $moderateCardLinkTextColor: $colors-teal-700;
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
}
@@ -5,7 +5,7 @@ $moderated-by-username: var(--palette-text-900);
font-size: var(--font-size-1);
font-weight: var(--font-weight-primary-semi-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.33;
color: $moderated-by;
text-transform: uppercase;
}
@@ -14,7 +14,7 @@ $moderated-by-username: var(--palette-text-900);
font-size: var(--font-size-2);
font-weight: var(--font-weight-secondary-bold);
font-family: var(--font-family-secondary);
line-height: var(--line-height-3);
line-height: 1.14;
color: $moderated-by-username;
text-align: center;
padding-top: 1px;
@@ -5,7 +5,7 @@ $moderateCardToxicityColor: var(--palette-text-500);
font-size: var(--font-size-2);
font-weight: var(--font-weight-primary-semi-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-4);
line-height: 1.285;
color: $moderateCardToxicityColor;
}
@@ -20,7 +20,7 @@
width: calc(20 * var(--mini-unit));
margin-right: calc(var(--spacing-1) / 2);
font-size: var(--font-size-3);
line-height: var(--line-height-min);
line-height: 1.2;
justify-content: space-between;
background: var(--palette-background-input);
}
@@ -10,7 +10,7 @@ $moderator-note-username: var(--palette-text-900);
font-family: var(--font-family-primary);
font-size: var(--font-size-3);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-field-description);
line-height: 1.3;
background-color: $moderator-note-bg;
border-radius: 4px;
padding: var(--spacing-3);
@@ -25,7 +25,7 @@ $moderator-note-username: var(--palette-text-900);
font-family: var(--font-family-primary);
font-size: var(--font-size-2);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-3);
line-height: 1.14;
padding-left: var(--spacing-4);
padding-right: var(--spacing-1);
position: relative;
@@ -47,8 +47,8 @@ $moderator-note-username: var(--palette-text-900);
.username {
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary-bold);
line-height: var(--line-height-3);
font-size: var(--font-size-3);
line-height: 1;
color: $moderator-note-username;
}
@@ -9,7 +9,7 @@ $recent-history-triggered: var(--palette-error-500);
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-3);
margin: 0;
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $recent-history-title;
}
@@ -19,7 +19,7 @@ $recent-history-triggered: var(--palette-error-500);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
margin: 0;
line-height: var(--line-height-4);
line-height: 1.285;
}
.info {
@@ -29,8 +29,7 @@ $recent-history-triggered: var(--palette-error-500);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-3);
line-height: var(--line-height-3);
line-height: 0.67;
color: $recent-history-info;
margin: 0;
}
@@ -29,7 +29,7 @@ $user-drawer-status-label: var(--palette-text-500);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-6);
line-height: var(--line-height-3);
line-height: 0.67;
}
.userDetail {
@@ -39,7 +39,7 @@ $user-drawer-status-label: var(--palette-text-500);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-3);
line-height: 1;
color: $user-drawer-account-info;
}
@@ -61,7 +61,7 @@ $user-drawer-status-label: var(--palette-text-500);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
color: $user-drawer-status-label;
margin-right: var(--spacing-1);
}
@@ -5,7 +5,7 @@ $user-status-details: var(--palette-text-500);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
color: $user-status-details;
line-height: var(--line-height-4);
line-height: 1.285;
margin: 0 0 var(--spacing-1) 0;
}
@@ -4,7 +4,7 @@ $ban-modal-text: var(--palette-text-500);
font-size: var(--font-size-3);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $ban-modal-text;
}
@@ -19,7 +19,7 @@ $suspend-modal-text: var(--palette-text-500);
font-size: var(--font-size-4);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-5);
line-height: 1.11;
color: $suspend-modal-text;
margin: 0;
}
@@ -4,7 +4,7 @@ $suspend-modal-text: var(--palette-text-500);
font-size: var(--font-size-3);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $suspend-modal-text;
}
@@ -12,7 +12,7 @@ $suspend-modal-text: var(--palette-text-500);
font-size: var(--font-size-4);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-5);
line-height: 1.11;
color: $suspend-modal-text;
margin: 0;
}
@@ -2,7 +2,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
}
.success {
@@ -3,7 +3,7 @@
font-family: var(--font-family-secondary);
color: var(--palette-text-100);
font-size: var(--font-size-3);
line-height: var(--line-height-4);
line-height: 1.285;
padding-bottom: var(--spacing-3);
}
@@ -12,7 +12,7 @@
font-size: var(--font-size-6);
font-weight: var(--font-weight-secondary-bold);
font-family: var(--font-family-secondary);
line-height: var(--line-height-7);
line-height: 1.17;
color: var(--palette-text-900);
text-align: center;
@@ -24,7 +24,7 @@
font-size: var(--font-size-3);
font-weight: var(--font-weight-primary-regular);
font-family: var(--font-family-primary);
line-height: var(--line-height-4);
line-height: 1.125;
color: var(--palette-text-500);
text-align: center;
@@ -39,7 +39,7 @@
font-size: var(--font-size-4);
font-weight: var(--font-weight-primary-semi-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 0.89;
color: var(--palette-text-900);
text-align: center;
@@ -2,6 +2,6 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-field-description);
line-height: 1.3;
text-align: center;
}
@@ -4,6 +4,6 @@ $invite-form-text: var(--palette-text-500);
font-size: var(--font-size-3);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $invite-form-text;
}
@@ -10,7 +10,7 @@ $invite-modal-text: var(--palette-text-500);
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-6);
line-height: 1.2;
color: $invite-modal-text;
margin: 0;
}
@@ -4,6 +4,6 @@ $role-field-text: var(--palette-text-500);
font-size: var(--font-size-3);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $role-field-text;
}
@@ -7,7 +7,7 @@ $success-text: var(--palette-text-500);
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-6);
line-height: 1.2;
color: $success-text;
margin: 0;
}
@@ -24,8 +24,8 @@
padding: 0px;
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-3);
font-size: var(--font-size-2);
line-height: 1.14;
}
.username {
@@ -6,6 +6,6 @@ $configureHeadingForegroundColor: var(--palette-text-000);
color: $configureHeadingForegroundColor;
font-size: var(--font-size-3);
font-weight: var(--font-weight-primary-bold);
line-height: var(--line-height-3);
line-height: 1;
font-family: var(--font-family-primary);
}
@@ -3,5 +3,5 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
}
@@ -7,7 +7,7 @@ $sideNavActiveColor: var(--palette-text-500);
color: $sideNavItemColor;
font-family: var(--font-family-primary);
font-size: var(--font-size-4);
line-height: var(--line-height-5);
line-height: 1.11;
font-weight: var(--font-weight-primary-regular);
display: inline-block;
padding: var(--spacing-2) var(--spacing-2)
@@ -6,5 +6,5 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
}
@@ -2,7 +2,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
border-radius: 2px;
padding-left: var(--spacing-1);
@@ -9,7 +9,7 @@ $announcement-modal-text: var(--palette-text-500);
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-6);
line-height: 1.2;
color: $announcement-modal-text;
margin: 0;
}
@@ -122,7 +122,7 @@ const AnnouncementForm: FunctionComponent<Props> = ({
</HorizontalGutter>
<Flex itemGutter justifyContent="flex-end">
<Localized id="configure-general-announcements-cancel">
<Button color="mono" variant="outline" onClick={onClose}>
<Button color="mono" variant="outlined" onClick={onClose}>
Cancel
</Button>
</Localized>
@@ -7,5 +7,5 @@
font-size: var(--font-size-3);
font-weight: var(--font-weight-primary-regular);
font-family: var(--font-family-primary);
line-height: var(--line-height-4);
line-height: 1.125;
}
@@ -6,5 +6,5 @@
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-6);
line-height: 1.2;
}
@@ -5,6 +5,6 @@
.detailsButton {
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-3);
font-size: var(--font-size-2);
line-height: 1.14;
}
@@ -114,7 +114,7 @@ const CreateSiteForm: FunctionComponent<Props> = ({ onCreate }) => {
<Flex itemGutter justifyContent="flex-end">
<Localized id="configure-sites-site-form-cancel">
<Button
variant="outline"
variant="outlined"
size="large"
color="mono"
to="/admin/configure/organization"
@@ -6,5 +6,5 @@
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-6);
line-height: 1.2;
}
@@ -5,6 +5,6 @@
.detailsButton {
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-3);
font-size: var(--font-size-2);
line-height: 1.14;
}
@@ -1,7 +1,7 @@
.valueBoxValue {
font-size: var(--font-size-7);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-3);
line-height: 0.57;
}
.valueBoxName {
@@ -7,7 +7,7 @@
.valueBoxValue {
font-size: var(--font-size-7);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-3);
line-height: 0.57;
}
.valueBoxName {
@@ -11,6 +11,6 @@
font-family: var(--font-family-primary);
color: $colors-teal-700;
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
text-decoration: underline;
}
@@ -19,7 +19,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
color: var(--palette-text-000);
margin-bottom: var(--spacing-1);
@@ -31,7 +31,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-bold);
font-size: var(--font-size-4);
line-height: var(--line-height-5);
line-height: 1.11;
color: var(--palette-text-000);
text-align: center;
@@ -44,6 +44,6 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-4);
line-height: 1.125;
color: var(--palette-text-100);
}
@@ -12,7 +12,7 @@
font-size: var(--font-size-4);
font-weight: var(--font-weight-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-5);
line-height: 1.11;
position: relative;
background-color: var(--palette-grey-100);
color: var(--palette-text-100);
@@ -16,6 +16,6 @@
font-size: var(--font-size-4);
font-weight: var(--font-weight-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-5);
line-height: 1.11;
color: var(--palette-text-100);
}
@@ -3,7 +3,7 @@
font-family: var(--font-family-secondary);
color: var(--palette-text-100);
font-size: var(--font-size-3);
line-height: var(--line-height-4);
line-height: 1.125;
padding-bottom: var(--spacing-3);
}
@@ -3,7 +3,7 @@
font-family: var(--font-family-primary);
color: $colors-teal-700;
font-size: var(--font-size-1);
line-height: var(--line-height-3);
line-height: 1.33;
text-decoration: underline;
}
@@ -13,6 +13,6 @@
font-size: var(--font-size-1);
font-weight: var(--font-weight-primary-bold);
font-family: var(--font-family-primary);
line-height: var(--line-height-3);
line-height: 1.33;
color: var(--palette-text-100);
}
@@ -16,7 +16,7 @@ $hotkeys-modal-snippet-border: var(--palette-grey-400);
font-size: var(--font-size-5);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-bold);
line-height: var(--line-height-6);
line-height: 1.2;
color: $hotkeys-modal-text;
margin: 0;
}
@@ -25,7 +25,7 @@ $hotkeys-modal-snippet-border: var(--palette-grey-400);
font-size: var(--font-size-4);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
line-height: var(--line-height-5);
line-height: 1.11;
color: $hotkeys-modal-text;
margin: 0;
}
@@ -34,7 +34,7 @@ $hotkeys-modal-snippet-border: var(--palette-grey-400);
font-size: var(--font-size-3);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
line-height: var(--line-height-field-description);
line-height: 1.3;
color: $hotkeys-modal-text;
margin: 0;
}
@@ -13,7 +13,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-family-primary-semi-bold);
font-size: var(--font-size-3);
line-height: var(--line-height-3);
line-height: 1;
}
.icon {
@@ -22,7 +22,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
font-size: var(--font-size-3);
line-height: var(--line-height-3);
line-height: 1;
color: $story-search-story-title;
}
@@ -35,7 +35,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
color: $story-search-story-detail;
}
@@ -18,7 +18,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-semi-bold);
font-size: var(--font-size-3);
line-height: var(--line-height-3);
line-height: 1;
color: $story-search-results-see-all-label;
text-decoration: none;
@@ -2,6 +2,6 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-field-description);
line-height: 1.3;
text-align: center;
}
@@ -3,7 +3,7 @@
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-1);
color: var(--palette-text-500);
line-height: var(--line-height-3);
line-height: 1.33;
display: block;
text-decoration: none;
padding: var(--spacing-2) var(--spacing-4);
@@ -3,7 +3,7 @@
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-1);
color: var(--palette-text-500);
line-height: var(--line-height-3);
line-height: 1.33;
display: block;
text-decoration: none;
padding: var(--spacing-2) var(--spacing-4);
+1 -1
View File
@@ -2,5 +2,5 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-5);
line-height: var(--line-height-7);
line-height: 1.4;
}
@@ -2,6 +2,6 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-field-description);
line-height: 1.3;
text-align: center;
}
@@ -2,6 +2,6 @@
font-family: var(--font-family-primary);
font-weight: var(--font-weight-primary-regular);
font-size: var(--font-size-3);
line-height: var(--line-height-field-description);
line-height: 1.3;
text-align: center;
}
@@ -78,7 +78,6 @@ exports[`accepts valid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -185,7 +184,6 @@ exports[`checks for invalid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -298,7 +296,6 @@ exports[`renders addEmailAddress view 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -411,7 +408,6 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -507,7 +503,6 @@ GraphQL request:4:3
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -588,7 +583,6 @@ exports[`successfully sets email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -82,7 +82,6 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -197,7 +196,6 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -301,7 +299,6 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -401,7 +398,6 @@ GraphQL request:4:3
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -486,7 +482,6 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -57,7 +57,6 @@ exports[`checks for invalid username 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -147,7 +146,6 @@ exports[`renders createUsername view 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -226,7 +224,6 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -301,7 +298,6 @@ GraphQL request:4:3
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -361,7 +357,6 @@ exports[`successfully sets username 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -104,7 +104,6 @@ link these enter your password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -132,7 +131,6 @@ link these enter your password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantRegular Button-uppercase Button-fullWidth"
data-color="mono"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
@@ -69,7 +69,6 @@ exports[`show restricted screen for commenters and staff 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
@@ -162,7 +161,6 @@ exports[`show restricted screen for commenters and staff 2`] = `
>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase"
data-color="regular"
data-variant="regular"
onBlur={[Function]}
onClick={[Function]}
@@ -119,7 +119,6 @@ exports[`accepts correct password 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -262,7 +261,6 @@ exports[`accepts valid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -418,7 +416,6 @@ exports[`checks for invalid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -583,7 +580,6 @@ exports[`renders sign in form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -753,7 +749,6 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -892,7 +887,6 @@ exports[`shows server error 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -50,7 +50,6 @@ exports[`renders community 1`] = `
<button
aria-label="Search"
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]}
@@ -90,7 +89,7 @@ exports[`renders community 1`] = `
>
<select
aria-label="Search by role"
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@@ -147,7 +146,7 @@ exports[`renders community 1`] = `
>
<select
aria-label="Search by user status"
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@@ -200,7 +199,6 @@ exports[`renders community 1`] = `
>
<button
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="flat"
onBlur={[Function]}
@@ -265,7 +263,6 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -330,7 +327,6 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -367,7 +363,6 @@ exports[`renders community 1`] = `
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantText UserRoleChange-button"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -428,7 +423,6 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -465,7 +459,6 @@ exports[`renders community 1`] = `
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantText UserRoleChange-button"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -526,7 +519,6 @@ exports[`renders community 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserRow-usernameButton"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -563,7 +555,6 @@ exports[`renders community 1`] = `
<button
aria-label="Change role"
className="BaseButton-root Button-root Button-sizeLarge Button-colorMono Button-variantText UserRoleChange-button"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -609,7 +600,6 @@ exports[`renders community 1`] = `
<button
aria-label="Change user status"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText UserStatusChange-button UserStatusChange-fullWidth"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -710,7 +700,6 @@ exports[`renders empty community 1`] = `
<button
aria-label="Search"
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]}
@@ -750,7 +739,7 @@ exports[`renders empty community 1`] = `
>
<select
aria-label="Search by role"
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@@ -807,7 +796,7 @@ exports[`renders empty community 1`] = `
>
<select
aria-label="Search by user status"
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@@ -860,7 +849,6 @@ exports[`renders empty community 1`] = `
>
<button
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="flat"
onBlur={[Function]}
@@ -123,7 +123,6 @@ exports[`renders configure advanced 1`] = `
>
<button
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="regular"
disabled={true}
@@ -123,7 +123,6 @@ exports[`renders configure auth 1`] = `
>
<button
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="regular"
disabled={true}
@@ -461,7 +460,7 @@ address from the site and the database.
>
<select
aria-label="unit"
className="SelectField-select DurationField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select DurationField-select SelectField-selectFont SelectField-selectColor coral-selectField"
disabled={false}
name="auth.sessionDuration-unit"
onBlur={[Function]}
@@ -543,7 +542,7 @@ address from the site and the database.
htmlFor="auth.integrations.local.enabled"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Enabled
</span>
@@ -591,7 +590,7 @@ address from the site and the database.
htmlFor="auth.integrations.local.targetFilter.admin"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Coral Admin
</span>
@@ -617,7 +616,7 @@ address from the site and the database.
htmlFor="auth.integrations.local.targetFilter.stream"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Comment Stream
</span>
@@ -666,7 +665,7 @@ integration to register for a new account.
htmlFor="auth.integrations.local.allowRegistration"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Allow Registration
</span>
@@ -715,7 +714,7 @@ integration to register for a new account.
htmlFor="auth.integrations.oidc.enabled"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Enabled
</span>
@@ -773,7 +772,6 @@ integration to register for a new account.
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
@@ -964,7 +962,6 @@ the remaining fields. You may also enter the information manually.
</div>
<button
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"
@@ -1112,7 +1109,7 @@ the remaining fields. You may also enter the information manually.
htmlFor="auth.integrations.oidc.targetFilter.admin"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Coral Admin
</span>
@@ -1138,7 +1135,7 @@ the remaining fields. You may also enter the information manually.
htmlFor="auth.integrations.oidc.targetFilter.stream"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Comment Stream
</span>
@@ -1187,7 +1184,7 @@ integration to register for a new account.
htmlFor="auth.integrations.oidc.allowRegistration"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Allow Registration
</span>
@@ -1236,7 +1233,7 @@ integration to register for a new account.
htmlFor="auth.integrations.sso.enabled"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Enabled
</span>
@@ -1371,7 +1368,6 @@ more about creating a JWT Token with
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
@@ -1439,7 +1435,6 @@ more about creating a JWT Token with
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-disabled"
data-color="regular"
data-variant="regular"
disabled={true}
onBlur={[Function]}
@@ -1512,7 +1507,7 @@ more about creating a JWT Token with
htmlFor="auth.integrations.sso.targetFilter.admin"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Coral Admin
</span>
@@ -1538,7 +1533,7 @@ more about creating a JWT Token with
htmlFor="auth.integrations.sso.targetFilter.stream"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Comment Stream
</span>
@@ -1587,7 +1582,7 @@ integration to register for a new account.
htmlFor="auth.integrations.sso.allowRegistration"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Allow Registration
</span>
@@ -1636,7 +1631,7 @@ integration to register for a new account.
htmlFor="auth.integrations.google.enabled"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Enabled
</span>
@@ -1697,7 +1692,6 @@ to create and set up a web application. For more information visit:
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
@@ -1833,7 +1827,7 @@ to create and set up a web application. For more information visit:
htmlFor="auth.integrations.google.targetFilter.admin"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Coral Admin
</span>
@@ -1859,7 +1853,7 @@ to create and set up a web application. For more information visit:
htmlFor="auth.integrations.google.targetFilter.stream"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Comment Stream
</span>
@@ -1908,7 +1902,7 @@ integration to register for a new account.
htmlFor="auth.integrations.google.allowRegistration"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Allow Registration
</span>
@@ -1957,7 +1951,7 @@ integration to register for a new account.
htmlFor="auth.integrations.facebook.enabled"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Enabled
</span>
@@ -2018,7 +2012,6 @@ For more information visit:
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantFlat Button-uppercase"
data-color="mono"
data-variant="flat"
onBlur={[Function]}
onClick={[Function]}
@@ -2154,7 +2147,7 @@ For more information visit:
htmlFor="auth.integrations.facebook.targetFilter.admin"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Coral Admin
</span>
@@ -2180,7 +2173,7 @@ For more information visit:
htmlFor="auth.integrations.facebook.targetFilter.stream"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Comment Stream
</span>
@@ -2229,7 +2222,7 @@ integration to register for a new account.
htmlFor="auth.integrations.facebook.allowRegistration"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Allow Registration
</span>
@@ -123,7 +123,6 @@ exports[`renders configure general 1`] = `
>
<button
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="regular"
disabled={true}
@@ -179,7 +178,7 @@ exports[`renders configure general 1`] = `
className="SelectField-root"
>
<select
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
disabled={false}
id="configure-locale-locale"
name="locale"
@@ -410,7 +409,6 @@ reactions, be reported, and be shared.
</p>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -664,7 +662,7 @@ here:
htmlFor="rte.strikethrough"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Strikethrough
</span>
@@ -691,7 +689,7 @@ here:
htmlFor="rte.spoiler"
>
<span
className="CheckBox-labelSpan"
className="CheckBox-labelSpan coral coral-checkbox-label"
>
Spoiler
</span>
@@ -945,7 +943,7 @@ moderation panel.
>
<select
aria-label="unit"
className="SelectField-select DurationField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select DurationField-select SelectField-selectFont SelectField-selectColor coral-selectField"
disabled={false}
name="editCommentWindowLength-unit"
onBlur={[Function]}
@@ -1105,7 +1103,7 @@ moderation panel.
>
<select
aria-label="unit"
className="SelectField-select DurationField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select DurationField-select SelectField-selectFont SelectField-selectColor coral-selectField"
disabled={false}
name="closeCommenting.timeout-unit"
onBlur={[Function]}
@@ -1258,8 +1256,10 @@ each other's comments.
</p>
<button
aria-label="Reaction"
aria-pressed={false}
className="BaseButton-root Button-base Button-flat Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimarySemiBold Button-paddingSizeExtraSmall Button-colorSecondary Button-disabled ReactionButton-readOnly ReactionConfig-reactionButton ReactionButton-button"
data-testid="comment-reaction-button"
data-variant="flat"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
@@ -1324,8 +1324,10 @@ each other's comments.
</p>
<button
aria-label="reacted"
className="BaseButton-root Button-base Button-flat Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimarySemiBold Button-paddingSizeExtraSmall Button-colorSecondary Button-disabled ReactionButton-readOnly ReactionConfig-reactionButton ReactionButton-button"
aria-pressed={true}
className="BaseButton-root Button-base Button-flat Button-active Button-fontSizeSmall Button-textAlignCenter Button-fontFamilyPrimary Button-fontWeightPrimarySemiBold Button-paddingSizeExtraSmall Button-colorPrimary Button-disabled ReactionButton-readOnly ReactionButton-reacted ReactionConfig-reactionButton ReactionButton-button"
data-testid="comment-reaction-button"
data-variant="flat"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
@@ -1340,7 +1342,7 @@ each other's comments.
>
<i
aria-hidden="true"
className="Icon-root Icon-sm ReactionButton-icon ReactionButton-reacted"
className="Icon-root Icon-sm ReactionButton-icon"
>
icon
</i>
@@ -1400,7 +1402,7 @@ each other's comments.
className="SelectField-root"
>
<select
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onFocus={[Function]}
>
@@ -123,7 +123,6 @@ exports[`renders configure moderation 1`] = `
>
<button
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="regular"
disabled={true}
@@ -123,7 +123,6 @@ exports[`renders configure organization 1`] = `
>
<button
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="regular"
disabled={true}
@@ -339,7 +338,6 @@ moderation questions.
</p>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="regular"
href="/admin/configure/organization/sites/new"
onBlur={[Function]}
@@ -396,7 +394,6 @@ moderation questions.
>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconRight"
data-color="regular"
data-variant="text"
href="/admin/configure/organization/sites/site-1"
onBlur={[Function]}
@@ -434,7 +431,6 @@ moderation questions.
>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconRight"
data-color="regular"
data-variant="text"
href="/admin/configure/organization/sites/site-2"
onBlur={[Function]}
@@ -81,7 +81,6 @@ about webhook signing, visit our
</p>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-iconLeft"
data-color="regular"
data-testid="add-webhook-endpoint"
data-variant="regular"
href="/admin/configure/webhooks/add"
@@ -159,7 +158,6 @@ about webhook signing, visit our
>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconRight"
data-color="regular"
data-variant="text"
href="/admin/configure/webhooks/endpoint/webhook-endpoint-1"
onBlur={[Function]}
@@ -207,7 +205,6 @@ about webhook signing, visit our
>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconRight"
data-color="regular"
data-variant="text"
href="/admin/configure/webhooks/endpoint/webhook-endpoint-2"
onBlur={[Function]}
@@ -318,7 +315,6 @@ about webhook signing, visit our
</p>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-iconLeft"
data-color="regular"
data-testid="add-webhook-endpoint"
data-variant="regular"
href="/admin/configure/webhooks/add"
@@ -439,7 +435,6 @@ about webhook signing, visit our
</p>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-iconLeft"
data-color="regular"
data-testid="add-webhook-endpoint"
data-variant="regular"
href="/admin/configure/webhooks/add"
@@ -517,7 +512,6 @@ about webhook signing, visit our
>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconRight"
data-color="regular"
data-variant="text"
href="/admin/configure/webhooks/endpoint/webhook-endpoint-1"
onBlur={[Function]}
@@ -628,7 +622,6 @@ about webhook signing, visit our
</p>
<a
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-iconLeft"
data-color="regular"
data-testid="add-webhook-endpoint"
data-variant="regular"
href="/admin/configure/webhooks/add"
@@ -123,7 +123,6 @@ exports[`renders configure wordList 1`] = `
>
<button
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="regular"
disabled={true}
@@ -268,7 +268,6 @@ exports[`renders form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantRegular Button-uppercase Button-fullWidth"
data-color="regular"
data-variant="regular"
disabled={false}
onBlur={[Function]}
@@ -104,7 +104,6 @@ exports[`approves comment in reported queue: dangling 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -188,7 +187,6 @@ exports[`approves comment in reported queue: dangling 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -374,7 +372,6 @@ exports[`rejects comment in reported queue: dangling 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -458,7 +455,6 @@ exports[`rejects comment in reported queue: dangling 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -641,7 +637,6 @@ exports[`renders reported queue with comments 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -725,7 +720,6 @@ exports[`renders reported queue with comments 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -895,7 +889,6 @@ exports[`renders reported queue with comments 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -979,7 +972,6 @@ exports[`renders reported queue with comments 1`] = `
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1165,7 +1157,6 @@ exports[`renders reported queue with comments 2`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1249,7 +1240,6 @@ exports[`renders reported queue with comments 2`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1419,7 +1409,6 @@ exports[`renders reported queue with comments 2`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1503,7 +1492,6 @@ exports[`renders reported queue with comments 2`] = `
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1679,7 +1667,6 @@ exports[`renders reported queue with comments and load more 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1781,7 +1768,6 @@ exports[`renders reported queue with comments and load more 1`] = `
aria-controls="uuid-2"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -104,7 +104,6 @@ exports[`approves comment in rejected queue: dangling 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -188,7 +187,6 @@ exports[`approves comment in rejected queue: dangling 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -371,7 +369,6 @@ exports[`renders rejected queue with comments 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -455,7 +452,6 @@ exports[`renders rejected queue with comments 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -646,7 +642,6 @@ exports[`renders rejected queue with comments 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -730,7 +725,6 @@ exports[`renders rejected queue with comments 1`] = `
aria-controls="uuid-1"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -927,7 +921,6 @@ exports[`renders rejected queue with comments and load more 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -1024,7 +1017,6 @@ exports[`renders rejected queue with comments and load more 1`] = `
aria-controls="uuid-2"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -91,7 +91,6 @@ exports[`approves single comment 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -145,7 +144,6 @@ exports[`approves single comment 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -318,7 +316,6 @@ exports[`rejects single comment 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -372,7 +369,6 @@ exports[`rejects single comment 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -580,7 +576,6 @@ exports[`renders single comment view 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantText Button-uppercase Button-iconLeft"
data-color="regular"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -634,7 +629,6 @@ exports[`renders single comment view 1`] = `
aria-controls="uuid-0"
aria-expanded={false}
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText Button-uppercase"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -50,7 +50,6 @@ exports[`renders empty stories 1`] = `
<button
aria-label="Search"
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]}
@@ -87,7 +86,7 @@ exports[`renders empty stories 1`] = `
>
<select
aria-label="Search by status"
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@@ -248,7 +247,6 @@ exports[`renders empty stories 1`] = `
<button
aria-label="Select action"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -345,7 +343,6 @@ exports[`renders empty stories 1`] = `
<button
aria-label="Select action"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -435,7 +432,6 @@ exports[`renders stories 1`] = `
<button
aria-label="Search"
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]}
@@ -472,7 +468,7 @@ exports[`renders stories 1`] = `
>
<select
aria-label="Search by status"
className="SelectField-select SelectField-selectFont SelectField-selectColor"
className="SelectField-select SelectField-selectFont SelectField-selectColor coral-selectField"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@@ -633,7 +629,6 @@ exports[`renders stories 1`] = `
<button
aria-label="Select action"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -730,7 +725,6 @@ exports[`renders stories 1`] = `
<button
aria-label="Select action"
className="BaseButton-root Button-root Button-sizeRegular Button-colorMono Button-variantText"
data-color="mono"
data-variant="text"
onBlur={[Function]}
onClick={[Function]}
@@ -3,7 +3,7 @@
font-style: normal;
font-weight: var(--font-weight-secondary-bold);
font-size: var(--font-size-2);
line-height: var(--line-height-3);
line-height: 1.14;
color: var(--palette-text-500);
@@ -2,7 +2,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-family-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
color: var(--palette-text-100);
}
@@ -2,7 +2,7 @@
font-family: var(--font-family-primary);
font-weight: var(--font-family-primary-regular);
font-size: var(--font-size-2);
line-height: var(--line-height-4);
line-height: 1.285;
color: var(--palette-text-100);
}

Some files were not shown because too many files have changed in this diff Show More