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 of styled-components #401

Closed
wants to merge 4 commits into from
+998 −943
Closed

Update to V4 of styled-components #401

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5977dcb
v4 styled components
Mar 2, 2019
d478805
snapshot update
Mar 2, 2019
e033db0
Snapshot update
Mar 14, 2019
46d1d8c
rebase syntax
Mar 14, 2019
File filter...
Filter file types
Clear filters
Jump to…
Jump to file
Failed to load files.

Always

Just for now

Prev Next

snapshot update

  • Loading branch information
Ross Moody
Ross Moody committed Mar 2, 2019
commit d478805d0221e50682f080cf12773a752de183d7
27 src/components/buttonsIndicators/button/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Button tests basic tests matches the snapshot 1`] = `
.c1 {
--button-main-color: #3b3e4f;
--button-main-color-hover: #1E2029;
--button-main-color-active: #5e6175;
.c0 {
--button-main-color: #242536;
--button-main-color-hover: #131525;
--button-main-color-active: #343546;
--button-state-color: var(--button-main-color);
--icon-size: 16px;
--icon-spacing: 6px;
@@ -39,23 +39,20 @@ exports[`Button tests basic tests matches the snapshot 1`] = `
width: auto;
min-width: 104px;
padding: 11px 15px;
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);
}

.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;
@@ -76,13 +73,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/formControls/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>
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,sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
margin: 0;
}

.c0 {
font-size: 48px;
}

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

.c7 {
--button-main-color: #ff7654;
--button-main-color-hover: #FB542B;
--button-main-color-active: #ffb8a6;
.c6 {
--button-main-color: #FB542B;
--button-main-color-hover: #F43405;
--button-main-color-active: #FDBBAA;
--button-state-color: var(--button-main-color);
--icon-size: 18px;
--icon-spacing: 6px;
@@ -79,23 +79,20 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
width: 100%;
min-width: 235px;
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);
}

.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;
@@ -150,12 +147,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"
>
23 src/features/rewards/grantError/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Grant error tests basic tests matches the snapshot 1`] = `
.c4 {
--button-main-color: #ff7654;
--button-main-color-hover: #FB542B;
--button-main-color-active: #ffb8a6;
.c3 {
--button-main-color: #FB542B;
--button-main-color-hover: #F43405;
--button-main-color-active: #FDBBAA;
--button-state-color: var(--button-main-color);
--icon-size: 18px;
--icon-spacing: 6px;
@@ -39,22 +39,19 @@ exports[`Grant error tests basic tests matches the snapshot 1`] = `
width: 100%;
min-width: 235px;
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);
}

.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%;
@@ -87,7 +84,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"
/>
3 src/features/rewards/modalActivity/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -155,6 +155,7 @@ exports[`ModalActivity tests basic tests matches the snapshot 1`] = `
}

.c24 {
text-align: right;
padding-right: 10px;
}

@@ -445,7 +446,7 @@ exports[`ModalActivity tests basic tests matches the snapshot 1`] = `
className="c22"
>
<div
className="c24 c23"
className="c24"
>
MISSING: payment
</div>
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.