Skip to content

/ brave-ui

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update to V4 styled-components #390

Closed
wants to merge 2 commits into from
+1,258 −1,140
Closed

Update to V4 styled-components #390

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7db107e
Stash
Feb 27, 2019
75acfbd
snapshot update
Feb 27, 2019
File filter...
Filter file types
Clear filters
Jump to…
Jump to file
Failed to load files.

Always

Just for now

Prev

snapshot update

  • Loading branch information
Ross Moody
Ross Moody committed Feb 27, 2019
commit 75acfbd15e2621ab44eaf97ee6f50914d1bcc7d7
21 src/components/button/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Button tests basic tests matches the snapshot 1`] = `
.c1 {
.c0 {
--button-main-color: #84889c;
--button-main-color-hover: #AEB1C2;
--button-main-color-active: #5e6175;
@@ -38,25 +38,22 @@ exports[`Button tests basic tests matches the snapshot 1`] = `
border-radius: 20px;
width: auto;
padding: 7px 18px;
color: #fff;
background: var(--button-state-color);
border: 1px solid var(--button-state-color);
}

.c1:hover:enabled {
.c0:hover:enabled {
--button-state-color: var(--button-main-color-hover);
-webkit-transition: .4s;
transition: .4s;
}

.c1:active:enabled {
.c0:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c0 {
color: #fff;
background: var(--button-state-color);
border: 1px solid var(--button-state-color);
}

.c2 {
.c1 {
min-height: var(--icon-size);
display: -webkit-box;
display: -webkit-flex;
@@ -77,13 +74,13 @@ exports[`Button tests basic tests matches the snapshot 1`] = `
}

<button
className="c0 c1"
className="c0"
id="button"
size="medium"
type="default"
>
<div
className="c2"
className="c1"
id="button"
size="medium"
type="default"
41 src/components/formControl/select/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -53,7 +53,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
text-overflow: ellipsis;
}

.c7 {
.c6 {
position: absolute;
top: calc(100% + 4px);
left: 0;
@@ -68,7 +68,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
padding: 9px 0;
}

.c8 {
.c7 {
font-size: 14px;
line-height: 36px;
color: #1b1d2f;
@@ -81,7 +81,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
background: #e9f0ff;
}

.c12 {
.c11 {
font-size: 14px;
line-height: 36px;
color: #1b1d2f;
@@ -94,7 +94,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
background: #fff;
}

.c9 {
.c8 {
-webkit-flex-basis: 11px;
-ms-flex-preferred-size: 11px;
flex-basis: 11px;
@@ -112,7 +112,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
color: #A1A8F2;
}

.c11 {
.c10 {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@@ -123,19 +123,16 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
text-overflow: ellipsis;
}

.c6 {
.c5 {
width: 100%;
height: 100%;
fill: currentColor;
}

.c5 {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.c10 {
.c9 {
width: 100%;
height: 100%;
fill: currentColor;
@@ -165,7 +162,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
>
<svg
aria-hidden="true"
className="c5 c6"
className="c5"
focusable="false"
viewBox="0 0 32 32"
>
@@ -176,19 +173,19 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
</div>
</div>
<div
className="c7"
className="c6"
>
<div
className="c8"
className="c7"
onClick={[Function]}
selected={true}
>
<div
className="c9"
className="c8"
>
<svg
aria-hidden="true"
className="c10"
className="c9"
focusable="false"
viewBox="0 0 32 32"
>
@@ -198,35 +195,35 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
</svg>
</div>
<div
className="c11"
className="c10"
>
01
</div>
</div>
<div
className="c12"
className="c11"
onClick={[Function]}
selected={false}
>
<div
className="c9"
className="c8"
/>
<div
className="c11"
className="c10"
>
11
</div>
</div>
<div
className="c12"
className="c11"
onClick={[Function]}
selected={false}
>
<div
className="c9"
className="c8"
/>
<div
className="c11"
className="c10"
>
12
</div>
14 src/components/formControl/toggle/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -38,6 +38,13 @@ exports[`Checkbox tests basic tests matches the snapshot 1`] = `
transition: .2s;
}

.c0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.c1 {
position: relative;
display: inline-block;
@@ -59,13 +66,6 @@ exports[`Checkbox tests basic tests matches the snapshot 1`] = `
background-color: var(--toggle-bullet-activeColor);
}

.c0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

<div
className="c0"
id="toggle"
7 src/components/text/heading/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,20 +1,17 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`all heading tests heading tests basic tests matches the snapshot 1`] = `
.c1 {
.c0 {
box-sizing: border-box;
font-family: Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-weight: 400;
-webkit-font-smoothing: antialiased;
margin: 0;
}

.c0 {
font-size: 48px;
}

<h1
className="c0 c1"
className="c0"
data-test-id="testHeading"
/>
`;
21 src/features/rewards/grantComplete/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -41,7 +41,7 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
margin-top: 0px;
}

.c7 {
.c6 {
--button-main-color: #FB542B;
--button-main-color-hover: #ff7654;
--button-main-color-active: #d43f19;
@@ -78,25 +78,22 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
border-radius: 28px;
width: 100%;
padding: 19px 15px;
color: #fff;
background: var(--button-state-color);
border: 1px solid var(--button-state-color);
}

.c7:hover:enabled {
.c6:hover:enabled {
--button-state-color: var(--button-main-color-hover);
-webkit-transition: .4s;
transition: .4s;
}

.c7:active:enabled {
.c6:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c6 {
color: #fff;
background: var(--button-state-color);
border: 1px solid var(--button-state-color);
}

.c8 {
.c7 {
min-height: var(--icon-size);
display: -webkit-box;
display: -webkit-flex;
@@ -151,12 +148,12 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
className="c5"
>
<button
className="c6 c7"
className="c6"
size="call-to-action"
type="accent"
>
<div
className="c8"
className="c7"
size="call-to-action"
type="accent"
>
17 src/features/rewards/grantError/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Grant error tests basic tests matches the snapshot 1`] = `
.c4 {
.c3 {
--button-main-color: #FB542B;
--button-main-color-hover: #ff7654;
--button-main-color-active: #d43f19;
@@ -38,24 +38,21 @@ exports[`Grant error tests basic tests matches the snapshot 1`] = `
border-radius: 28px;
width: 100%;
padding: 19px 15px;
color: #fff;
background: var(--button-state-color);
border: 1px solid var(--button-state-color);
}

.c4:hover:enabled {
.c3:hover:enabled {
--button-state-color: var(--button-main-color-hover);
-webkit-transition: .4s;
transition: .4s;
}

.c4:active:enabled {
.c3:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c3 {
color: #fff;
background: var(--button-state-color);
border: 1px solid var(--button-state-color);
}

.c0 {
text-align: center;
width: 100%;
@@ -88,7 +85,7 @@ exports[`Grant error tests basic tests matches the snapshot 1`] = `
className="c2"
>
<button
className="c3 c4"
className="c3"
size="call-to-action"
type="accent"
/>
14 src/features/rewards/mainToggle/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -142,6 +142,13 @@ exports[`MainToggle tests basic tests matches the snapshot 1`] = `
transition: .2s;
}

.c6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.c7 {
position: relative;
display: inline-block;
@@ -163,13 +170,6 @@ exports[`MainToggle tests basic tests matches the snapshot 1`] = `
background-color: var(--toggle-bullet-activeColor);
}

.c6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.c3 {
width: 100%;
height: 100%;
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.