test: update snapshots

This commit is contained in:
Sérgio Ramos 2018-01-17 19:40:10 +00:00
parent c75bb9328d
commit da38cd444a
32 changed files with 24830 additions and 24176 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -75,6 +75,27 @@ exports[`renders <Rule/> without throwing 1`] = `
align-items: center;
}
.c5 {
position: relative;
padding: 0.75rem;
padding-right: 1.5625rem;
width: auto;
border: none;
border-bottom: 0.0625rem solid rgba(73,73,73,1);
border-radius: 0;
background: transparent;
padding: 0;
padding-right: 0.75rem;
display: inline;
height: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem;
}
.c2 {
color: rgba(73,73,73,1);
font-weight: normal;
@ -314,27 +335,6 @@ exports[`renders <Rule/> without throwing 1`] = `
outline: 0;
}
.c5 {
position: relative;
padding: 0.75rem;
padding-right: 1.5625rem;
width: auto;
border: none;
border-bottom: 0.0625rem solid rgba(73,73,73,1);
border-radius: 0;
background: transparent;
padding: 0;
padding-right: 0.75rem;
display: inline;
height: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem;
}
<div
className="c0"
>
@ -348,7 +348,7 @@ exports[`renders <Rule/> without throwing 1`] = `
The instance
</h4>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-conditional"
role="group"
style={undefined}
@ -381,7 +381,7 @@ exports[`renders <Rule/> without throwing 1`] = `
be on
</h4>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-placement"
role="group"
style={undefined}
@ -414,7 +414,7 @@ exports[`renders <Rule/> without throwing 1`] = `
node as the instance(s) identified by the
</h4>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-type"
role="group"
style={undefined}
@ -442,7 +442,7 @@ exports[`renders <Rule/> without throwing 1`] = `
</div>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-name-pattern"
role="group"
style={undefined}
@ -489,7 +489,7 @@ exports[`renders <Rule/> without throwing 1`] = `
</div>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-name"
role="group"
style={undefined}
@ -543,6 +543,27 @@ exports[`renders <Rule/> without throwing 2`] = `
align-items: center;
}
.c5 {
position: relative;
padding: 0.75rem;
padding-right: 1.5625rem;
width: auto;
border: none;
border-bottom: 0.0625rem solid rgba(73,73,73,1);
border-radius: 0;
background: transparent;
padding: 0;
padding-right: 0.75rem;
display: inline;
height: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem;
}
.c2 {
color: rgba(73,73,73,1);
font-weight: normal;
@ -782,27 +803,6 @@ exports[`renders <Rule/> without throwing 2`] = `
outline: 0;
}
.c5 {
position: relative;
padding: 0.75rem;
padding-right: 1.5625rem;
width: auto;
border: none;
border-bottom: 0.0625rem solid rgba(73,73,73,1);
border-radius: 0;
background: transparent;
padding: 0;
padding-right: 0.75rem;
display: inline;
height: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem;
}
<div
className="c0"
>
@ -816,7 +816,7 @@ exports[`renders <Rule/> without throwing 2`] = `
The instance
</h4>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-conditional"
role="group"
style={undefined}
@ -849,7 +849,7 @@ exports[`renders <Rule/> without throwing 2`] = `
be on
</h4>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-placement"
role="group"
style={undefined}
@ -882,7 +882,7 @@ exports[`renders <Rule/> without throwing 2`] = `
node as the instance(s) identified by the
</h4>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-type"
role="group"
style={undefined}
@ -910,7 +910,7 @@ exports[`renders <Rule/> without throwing 2`] = `
</div>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-name-pattern"
role="group"
style={undefined}
@ -957,7 +957,7 @@ exports[`renders <Rule/> without throwing 2`] = `
</div>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="rule-instance-name"
role="group"
style={undefined}

View File

@ -131,6 +131,19 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
pointer-events: none;
}
.c2 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c1 {
display: inline-block;
margin: 0;
@ -209,19 +222,6 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
outline: 0;
}
.c2 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
<form
onSubmit={undefined}
>
@ -229,7 +229,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
className="c0"
>
<div
className="c1"
className="baseline-jVaZNU kXgQxt c1"
name="name"
role="group"
style={undefined}
@ -416,6 +416,19 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
border-color: rgb(250,250,250);
}
.c2 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c1 {
display: inline-block;
margin: 0;
@ -494,19 +507,6 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
outline: 0;
}
.c2 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
<form
onSubmit={undefined}
>
@ -514,7 +514,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
className="c0"
>
<div
className="c1"
className="baseline-jVaZNU kXgQxt c1"
name="name"
role="group"
style={undefined}
@ -797,6 +797,7 @@ exports[`renders <Hostname values /> without throwing 1`] = `
<svg
className=""
height="16"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",

View File

@ -77,26 +77,6 @@ exports[`renders <Images expanded /> without throwing 1`] = `
padding-left: 0.5rem;
}
.c3 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c3 + p,
.c3 + small,
.c3 + h1,
.c3 + h2,
.c3 + label,
.c3 + h3,
.c3 + h4,
.c3 + h5,
.c3 + div,
.c3 + span {
padding-bottom: 2.25rem;
}
.c14 {
font-family: sans-serif;
font-size: 100%;
@ -129,6 +109,26 @@ exports[`renders <Images expanded /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c3 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c3 + p,
.c3 + small,
.c3 + h1,
.c3 + h2,
.c3 + label,
.c3 + h3,
.c3 + h4,
.c3 + h5,
.c3 + div,
.c3 + span {
padding-bottom: 2.25rem;
}
.c13 {
display: inline-block;
}
@ -221,6 +221,19 @@ exports[`renders <Images expanded /> without throwing 1`] = `
border-color: rgb(250,250,250);
}
.c7 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c5 {
display: inline-block;
margin: 0;
@ -236,19 +249,6 @@ exports[`renders <Images expanded /> without throwing 1`] = `
-webkit-padding-after: 0;
}
.c7 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c8 {
position: relative;
vertical-align: text-bottom;
@ -406,7 +406,7 @@ exports[`renders <Images expanded /> without throwing 1`] = `
className="c4"
>
<div
className="c5"
className="baseline-jVaZNU kXgQxt c5"
name="vms"
role="group"
style={undefined}

View File

@ -44,26 +44,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
padding-left: 0.5rem;
}
.c3 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c3 + p,
.c3 + small,
.c3 + h1,
.c3 + h2,
.c3 + label,
.c3 + h3,
.c3 + h4,
.c3 + h5,
.c3 + div,
.c3 + span {
padding-bottom: 2.25rem;
}
.c11 {
font-family: sans-serif;
font-size: 100%;
@ -96,6 +76,26 @@ exports[`renders <Name expanded /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c3 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c3 + p,
.c3 + small,
.c3 + h1,
.c3 + h2,
.c3 + label,
.c3 + h3,
.c3 + h4,
.c3 + h5,
.c3 + div,
.c3 + span {
padding-bottom: 2.25rem;
}
.c10 {
display: inline-block;
}
@ -166,6 +166,32 @@ exports[`renders <Name expanded /> without throwing 1`] = `
pointer-events: none;
}
.c5 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c7 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c4 {
display: inline-block;
margin: 0;
@ -245,32 +271,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
outline: 0;
}
.c5 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c7 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 100%;
@ -312,7 +312,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
</div>
</div>
<div
className="c4"
className="baseline-jVaZNU kXgQxt c4"
name="name"
role="group"
style={undefined}

View File

@ -105,6 +105,68 @@ exports[`renders <Filters /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c6 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
display: none;
}
.c6[type='checkbox'],
.c6[type='radio'] {
box-sizing: border-box;
padding: 0;
}
.c6[type='number']::-webkit-inner-spin-button,
.c6[type='number']::-webkit-outer-spin-button {
height: auto;
}
.c6[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
.c6[type='search']::-webkit-search-cancel-button,
.c6[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c6::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
.c6:checked + label::after {
opacity: 1;
}
.c6:selected + label::after {
opacity: 1;
}
.c6:checked + label {
border-color: rgb(59,70,204);
}
.c6:selected + label {
border-color: rgb(59,70,204);
}
.c6:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
.c15 {
display: inline-block;
}
@ -226,68 +288,6 @@ exports[`renders <Filters /> without throwing 1`] = `
margin-top: 0.75rem;
}
.c6 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
display: none;
}
.c6[type='checkbox'],
.c6[type='radio'] {
box-sizing: border-box;
padding: 0;
}
.c6[type='number']::-webkit-inner-spin-button,
.c6[type='number']::-webkit-outer-spin-button {
height: auto;
}
.c6[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
.c6[type='search']::-webkit-search-cancel-button,
.c6[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c6::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
.c6:checked + label::after {
opacity: 1;
}
.c6:selected + label::after {
opacity: 1;
}
.c6:checked + label {
border-color: rgb(59,70,204);
}
.c6:selected + label {
border-color: rgb(59,70,204);
}
.c6:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
.c7 {
color: rgb(100,100,100);
position: absolute;
@ -381,7 +381,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c2"
>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="compute-optimized"
role="group"
style={undefined}
@ -424,6 +424,7 @@ exports[`renders <Filters /> without throwing 1`] = `
<svg
className=""
height="24"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -449,7 +450,7 @@ exports[`renders <Filters /> without throwing 1`] = `
</li>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="memory-optimized"
role="group"
style={undefined}
@ -492,6 +493,7 @@ exports[`renders <Filters /> without throwing 1`] = `
<svg
className=""
height="21.68"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -517,7 +519,7 @@ exports[`renders <Filters /> without throwing 1`] = `
</li>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="general-purpose"
role="group"
style={undefined}
@ -560,6 +562,7 @@ exports[`renders <Filters /> without throwing 1`] = `
<svg
className=""
height="20"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -585,7 +588,7 @@ exports[`renders <Filters /> without throwing 1`] = `
</li>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="storage-optimized"
role="group"
style={undefined}
@ -628,6 +631,7 @@ exports[`renders <Filters /> without throwing 1`] = `
<svg
className=""
height="22"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -653,7 +657,7 @@ exports[`renders <Filters /> without throwing 1`] = `
</li>
</div>
<div
className="c3"
className="baseline-jVaZNU kXgQxt c3"
name="ssd"
role="group"
style={undefined}
@ -1220,15 +1224,6 @@ exports[`renders <Package /> without throwing 1`] = `
align-items: center;
}
.c10 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
}
.c5 {
font-family: sans-serif;
font-size: 100%;
@ -1291,6 +1286,15 @@ exports[`renders <Package /> without throwing 1`] = `
cursor: not-allowed;
}
.c10 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
}
.c6 {
color: rgb(100,100,100);
position: absolute;
@ -1419,7 +1423,7 @@ exports[`renders <Package /> without throwing 1`] = `
selected={false}
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="package"
role="group"
style={undefined}
@ -1573,6 +1577,11 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c15 {
display: inline-block;
}
@ -1664,11 +1673,6 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
margin-top: 1.5rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c7 {
box-sizing: content-box;
display: -webkit-box;
@ -1840,6 +1844,7 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
<svg
className="c4"
height="6"
innerRef={undefined}
marginBottom="0.125rem"
marginLeft="0.5625rem"
style={
@ -2018,6 +2023,11 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c15 {
display: inline-block;
}
@ -2109,11 +2119,6 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
margin-top: 1.5rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c7 {
box-sizing: content-box;
display: -webkit-box;
@ -2285,6 +2290,7 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
<svg
className="c4"
height="6"
innerRef={undefined}
marginBottom="0.125rem"
marginLeft="0.5625rem"
style={
@ -2463,6 +2469,11 @@ exports[`renders <Packages loading /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c15 {
display: inline-block;
}
@ -2554,11 +2565,6 @@ exports[`renders <Packages loading /> without throwing 1`] = `
margin-top: 1.5rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c7 {
box-sizing: content-box;
display: -webkit-box;
@ -2730,6 +2736,7 @@ exports[`renders <Packages loading /> without throwing 1`] = `
<svg
className="c4"
height="6"
innerRef={undefined}
marginBottom="0.125rem"
marginLeft="0.5625rem"
style={
@ -2869,6 +2876,11 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
margin-left: 0.375rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c9 {
display: inline-block;
}
@ -2939,11 +2951,6 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
pointer-events: none;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c0 {
overflow: hidden;
border-spacing: 0;
@ -3089,6 +3096,7 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
<svg
className="c4"
height="6"
innerRef={undefined}
marginBottom="0.125rem"
marginLeft="0.5625rem"
style={
@ -3240,6 +3248,11 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c15 {
display: inline-block;
}
@ -3331,11 +3344,6 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
margin-top: 1.5rem;
}
.c4 {
margin-bottom: 0.125rem;
margin-left: 0.5625rem;
}
.c7 {
box-sizing: content-box;
display: -webkit-box;
@ -3507,6 +3515,7 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
<svg
className="c4"
height="6"
innerRef={undefined}
marginBottom="0.125rem"
marginLeft="0.5625rem"
style={

View File

@ -196,6 +196,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -338,6 +339,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",

View File

@ -98,6 +98,18 @@ exports[`renders <AddForm /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c15 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.c19 {
display: inline-block;
}
@ -405,6 +417,32 @@ exports[`renders <AddForm /> without throwing 1`] = `
max-height: 1.125rem;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c5 {
color: rgba(73,73,73,1);
font-weight: 600;
@ -463,50 +501,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
.c6 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c6 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c6 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c1 {
box-sizing: content-box;
display: -webkit-box;
@ -605,6 +599,50 @@ exports[`renders <AddForm /> without throwing 1`] = `
color: inherit;
}
.c6 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c6 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c6 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c10 {
display: inline-block;
margin: 0;
@ -748,44 +786,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
outline: 0;
}
.c15 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c2 {
word-wrap: break-word;
overflow-wrap: break-word;
@ -871,7 +871,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="name"
role="group"
style={undefined}
@ -905,7 +905,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="value"
role="group"
style={undefined}
@ -974,6 +974,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
<svg
className=""
height="12"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1127,6 +1128,18 @@ exports[`renders <EditForm /> without throwing 1`] = `
margin-left: 0.375rem;
}
.c15 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.c20 {
display: inline-block;
}
@ -1434,6 +1447,32 @@ exports[`renders <EditForm /> without throwing 1`] = `
max-height: 1.125rem;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c14 {
background-color: rgb(216,216,216);
margin: 0;
@ -1758,44 +1797,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
outline: 0;
}
.c15 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c5 {
word-break: break-all;
line-height: 1.5;
@ -1902,7 +1903,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="name"
role="group"
style={undefined}
@ -1936,7 +1937,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="value"
role="group"
style={undefined}
@ -2005,6 +2006,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
<svg
className=""
height="12"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",

View File

@ -349,6 +349,32 @@ exports[`renders <AddForm /> without throwing 1`] = `
max-height: 1.125rem;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c15 {
box-sizing: border-box;
display: -webkit-box;
@ -456,50 +482,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
.c6 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c6 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c6 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c1 {
box-sizing: content-box;
display: -webkit-box;
@ -598,6 +580,50 @@ exports[`renders <AddForm /> without throwing 1`] = `
color: inherit;
}
.c6 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c6 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c6 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c10 {
display: inline-block;
margin: 0;
@ -677,59 +703,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
outline: 0;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.c9 {
-webkit-order: 0;
-ms-flex-order: 0;
@ -768,6 +741,33 @@ exports[`renders <AddForm /> without throwing 1`] = `
flex-basis: 0.75rem;
}
.c8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.c2 {
word-wrap: break-word;
overflow-wrap: break-word;
@ -853,7 +853,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="name"
role="group"
style={undefined}
@ -882,7 +882,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="value"
role="group"
style={undefined}
@ -947,6 +947,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
<svg
className=""
height="12"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1342,6 +1343,32 @@ exports[`renders <EditForm /> without throwing 1`] = `
max-height: 1.125rem;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c15 {
box-sizing: border-box;
display: -webkit-box;
@ -1651,59 +1678,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
outline: 0;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.c9 {
-webkit-order: 0;
-ms-flex-order: 0;
@ -1742,6 +1716,33 @@ exports[`renders <EditForm /> without throwing 1`] = `
flex-basis: 0.75rem;
}
.c8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.c5 {
word-break: break-all;
line-height: 1.5;
@ -1838,7 +1839,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="name"
role="group"
style={undefined}
@ -1867,7 +1868,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="value"
role="group"
style={undefined}
@ -1932,6 +1933,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
<svg
className=""
height="12"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",

View File

@ -121,22 +121,17 @@ exports[`renders <Toolbar /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -161,6 +156,24 @@ exports[`renders <Toolbar /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -256,19 +269,6 @@ exports[`renders <Toolbar /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -316,7 +316,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -339,7 +339,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>
@ -485,22 +485,17 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -525,6 +520,24 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -620,19 +633,6 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -680,7 +680,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -703,7 +703,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>
@ -871,22 +871,17 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -911,6 +906,24 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -1006,19 +1019,6 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -1066,7 +1066,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -1089,7 +1089,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>
@ -1235,22 +1235,17 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -1275,6 +1270,24 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -1370,19 +1383,6 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -1430,7 +1430,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -1453,7 +1453,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>
@ -1599,22 +1599,17 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -1639,6 +1634,24 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -1734,19 +1747,6 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -1794,7 +1794,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -1817,7 +1817,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>
@ -1963,22 +1963,17 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -2003,6 +1998,24 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -2098,19 +2111,6 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -2158,7 +2158,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -2181,7 +2181,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>
@ -2349,22 +2349,17 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
max-height: 1.125rem;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c0 {
@ -2389,6 +2384,24 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
flex: 1 1 auto;
}
.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.c2 {
display: inline-block;
margin: 0;
@ -2499,19 +2512,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
outline: 0;
}
.c3 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 58.333333333333336%;
@ -2559,7 +2559,7 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
className="c1"
>
<div
className="c2"
className="baseline-jVaZNU kXgQxt c2"
name="filter"
role="group"
style={undefined}
@ -2582,7 +2582,7 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
className="c5"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
role="group"
style={undefined}
>

View File

@ -1,384 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders <Header /> without throwing 1`] = `
.c6 {
background-color: transparent;
text-decoration-skip: objects;
}
.c5 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
.c5:hover {
text-decoration: none;
}
.c10 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
text-align: center;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
margin: 0;
}
.c10 + p,
.c10 + small,
.c10 + h1,
.c10 + h2,
.c10 + label,
.c10 + h3,
.c10 + h4,
.c10 + h5,
.c10 + div,
.c10 + span {
padding-bottom: 2.25rem;
}
.c9 {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.125rem;
}
.c9 svg {
margin-right: 0.375rem;
}
.c9:not(:last-of-type) {
border-right: 0.0625rem solid rgba(255,255,255,0.15);
}
.c9:first-of-type {
margin-left: auto;
}
.c9:hover,
.c9.active {
background: rgba(255,255,255,0.15);
}
.c4 {
padding: 0.9375rem 0;
line-height: 1.5rem;
font-size: 0.9375rem;
color: rgb(255,255,255);
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
max-height: 3.3125rem;
min-height: 3.3125rem;
box-sizing: border-box;
}
.c3 {
color: rgba(73,73,73,1);
font-weight: normal;
line-height: 1.875rem;
font-size: 1.5rem;
margin: 0;
text-transform: uppercase;
color: rgb(255,255,255);
font-size: 1.8125rem;
margin: 0 auto;
}
.c3 + p,
.c3 + small,
.c3 + h1,
.c3 + h2,
.c3 + label,
.c3 + h3,
.c3 + h4,
.c3 + h5,
.c3 + div,
.c3 + span {
margin-top: 1.5rem;
}
.c2 {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
width: 9.375rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c2:hover,
.c2.active {
background: rgba(255,255,255,0.15);
}
.c8 {
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
}
.c1 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.c0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: rgb(30,49,59);
max-height: 3.3125rem;
min-height: 3.3125rem;
line-height: 1.5625rem;
}
.c7 {
padding-top: 0.6875rem;
}
<div
className="c0"
>
<div
className="c1"
>
<div
className="c2"
>
<h2
className="c3"
>
<a
className="c4 c5 c6"
to="/"
>
<svg
alt="Triton"
className="c7 "
height="30"
style={
Object {
"transform": "rotate(0deg)",
}
}
version="1.1"
viewBox="0 0 105 30"
width="105"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<g
transform="translate(26223 1404)"
>
<g>
<g>
<use
fill="rgb(255, 255, 255)"
transform="translate(-26177 -1383)"
xlinkHref="#U"
/>
</g>
<g>
<use
fill="rgb(255, 255, 255)"
transform="translate(-26223 -1404)"
xlinkHref="#V"
/>
</g>
</g>
</g>
<defs>
<path
d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
id="U"
/>
<path
d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
fillRule="evenodd"
id="V"
/>
</defs>
</svg>
</a>
</h2>
</div>
<span
name="react-responsive-mock"
query="only screen and (min-width: 48rem)"
>
<ul
className="c8"
>
<li>
<a
className="c4 c5 c6"
to="/"
>
Compute
</a>
</li>
</ul>
</span>
<span
name="react-responsive-mock"
query="only screen and (min-width: 48rem)"
>
<section
className="c9"
>
<p
className="c10"
>
<a
className="c4 c5 c6"
href="https://my.joyent.com"
>
Return to existing portal
</a>
</p>
</section>
</span>
<section
className="c9"
>
<p
className="c10"
>
<a
className="c4 c5 c6"
>
<svg
className=""
height="13"
style={
Object {
"transform": "rotate(0deg)",
}
}
viewBox="0 0 9 13"
width="9"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
fill="rgb(255, 255, 255)"
fillRule="evenodd"
/>
</svg>
eu-east-1
</a>
</p>
</section>
<span
name="react-responsive-mock"
query="only screen and (min-width: 48rem)"
>
<section
className="c9"
>
<p
className="c10"
>
<a
className="c4 c5 c6"
>
<svg
className=""
height="12"
style={
Object {
"transform": "rotate(0deg)",
}
}
viewBox="0 0 12 12"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 12H0a5.958 5.958 0 0 1 1.485-3.552 1.368 1.368 0 0 1 1.726-.296 4.83 4.83 0 0 0 5.201-.248 1.384 1.384 0 0 1 1.75.152A5.968 5.968 0 0 1 12 12zM5.619 0a3.205 3.205 0 0 0-3.211 3.2c0 1.768 1.42 4 3.21 4s3.211-2.232 3.211-4A3.204 3.204 0 0 0 5.62 0z"
fill="rgb(255, 255, 255)"
/>
</svg>
Nicola
</a>
</p>
</section>
</span>
</div>
</div>
`;

View File

@ -29,13 +29,6 @@ exports[`renders <Menu links /> without throwing 1`] = `
max-width: 62.5rem;
}
.c3 {
display: inline-block;
font-size: 0.9375rem;
line-height: 1.6;
margin-right: 1.4375rem;
}
.c4 {
color: rgb(70,70,70);
text-decoration: none;
@ -47,6 +40,13 @@ exports[`renders <Menu links /> without throwing 1`] = `
cursor: default;
}
.c3 {
display: inline-block;
font-size: 0.9375rem;
line-height: 1.6;
margin-right: 1.4375rem;
}
.c2 {
list-style-type: none;
padding: 0;

View File

@ -1,18 +0,0 @@
import React from 'react';
import renderer from 'react-test-renderer';
import 'jest-styled-components';
import Header from '../header';
import Theme from '@mocks/theme';
it('renders <Header /> without throwing', () => {
expect(
renderer
.create(
<Theme>
<Header />
</Theme>
)
.toJSON()
).toMatchSnapshot();
});

View File

@ -74,6 +74,7 @@ Array [
<svg
className=""
height="18"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -239,6 +240,7 @@ Array [
<svg
className=""
height="18"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -403,6 +405,7 @@ Array [
<svg
className=""
height="18"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -604,34 +607,6 @@ Array [
animation-delay: 1s;
}
.c0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 1.25rem;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.c4 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
@ -661,6 +636,34 @@ Array [
padding-bottom: 2.25rem;
}
.c0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 1.25rem;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
<div
className="c0"
>
@ -914,6 +917,7 @@ Array [
<svg
className=""
height="18"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1048,6 +1052,22 @@ Array [
height: 0.0625rem;
}
.c5 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.c12 {
margin-right: 0.25rem;
}
@ -1136,22 +1156,6 @@ Array [
align-items: center;
}
.c5 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.c3 {
display: inline-block;
background-color: rgb(255,255,255);
@ -1244,6 +1248,7 @@ Array [
<svg
className=""
height="16"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1290,6 +1295,7 @@ Array [
<svg
className=""
height="13"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1412,6 +1418,7 @@ Array [
<svg
className=""
height="18"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1588,7 +1595,69 @@ Array [
</div>
</div>
</div>,
.c16 {
.c9 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
display: none;
}
.c9[type='checkbox'],
.c9[type='radio'] {
box-sizing: border-box;
padding: 0;
}
.c9[type='number']::-webkit-inner-spin-button,
.c9[type='number']::-webkit-outer-spin-button {
height: auto;
}
.c9[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
.c9[type='search']::-webkit-search-cancel-button,
.c9[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c9::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
.c9:checked + label::after {
opacity: 1;
}
.c9:selected + label::after {
opacity: 1;
}
.c9:checked + label {
border-color: rgb(59,70,204);
}
.c9:selected + label {
border-color: rgb(59,70,204);
}
.c9:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
.c16 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
@ -1703,78 +1772,6 @@ Array [
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
.c23 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
cursor: pointer;
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
}
.c13 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c13 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c13 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c4 {
box-sizing: content-box;
display: -webkit-box;
@ -1815,92 +1812,6 @@ Array [
margin-top: 0;
}
.c24 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
cursor: pointer;
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
z-index: 1;
line-height: 1.5rem;
height: auto;
max-width: 100%;
margin: -0.0625rem -0.0625rem 0 -0.0625rem;
margin: -0.0625rem;
box-shadow: none;
}
.c24 button {
margin-bottom: 0;
margin-top: 0;
}
.c27 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
color: rgb(255,255,255);
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
z-index: 1;
line-height: 1.5rem;
height: auto;
max-width: 100%;
margin: -0.0625rem -0.0625rem 0 -0.0625rem;
}
.c27 button {
margin-bottom: 0;
margin-top: 0;
}
.c5 {
box-sizing: content-box;
display: -webkit-box;
@ -1954,62 +1865,6 @@ Array [
box-shadow: none;
}
.c28 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
color: rgb(255,255,255);
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
max-width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border-width: 0;
border-radius: 0;
box-shadow: none;
}
.c11 {
box-sizing: content-box;
display: -webkit-box;
@ -2068,6 +1923,121 @@ Array [
color: inherit;
}
.c13 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c13 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c13 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c23 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
cursor: pointer;
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
}
.c24 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
cursor: pointer;
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
z-index: 1;
line-height: 1.5rem;
height: auto;
max-width: 100%;
margin: -0.0625rem -0.0625rem 0 -0.0625rem;
margin: -0.0625rem;
box-shadow: none;
}
.c24 button {
margin-bottom: 0;
margin-top: 0;
}
.c25 {
box-sizing: content-box;
display: -webkit-box;
@ -2127,6 +2097,105 @@ Array [
color: inherit;
}
.c27 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
color: rgb(255,255,255);
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
z-index: 1;
line-height: 1.5rem;
height: auto;
max-width: 100%;
margin: -0.0625rem -0.0625rem 0 -0.0625rem;
}
.c27 button {
margin-bottom: 0;
margin-top: 0;
}
.c28 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
color: rgb(255,255,255);
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
min-height: auto;
height: 2.875rem;
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
max-width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border-width: 0;
border-radius: 0;
box-shadow: none;
}
.c29 {
box-sizing: content-box;
display: -webkit-box;
@ -2188,68 +2257,6 @@ Array [
color: inherit;
}
.c9 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
display: none;
}
.c9[type='checkbox'],
.c9[type='radio'] {
box-sizing: border-box;
padding: 0;
}
.c9[type='number']::-webkit-inner-spin-button,
.c9[type='number']::-webkit-outer-spin-button {
height: auto;
}
.c9[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
.c9[type='search']::-webkit-search-cancel-button,
.c9[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c9::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
.c9:checked + label::after {
opacity: 1;
}
.c9:selected + label::after {
opacity: 1;
}
.c9:checked + label {
border-color: rgb(59,70,204);
}
.c9:selected + label {
border-color: rgb(59,70,204);
}
.c9:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
.c10 {
color: rgb(100,100,100);
position: absolute;
@ -2325,6 +2332,22 @@ Array [
-webkit-padding-after: 0;
}
.c19 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.c21 {
margin-right: 0.25rem;
}
@ -2398,22 +2421,6 @@ Array [
align-items: center;
}
.c19 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 100%;
@ -2460,7 +2467,7 @@ Array [
name="card-header-box"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
name="1"
role="group"
style={undefined}
@ -2539,6 +2546,7 @@ Array [
<svg
className=""
height="16"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -2585,6 +2593,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -2653,6 +2662,7 @@ Array [
<svg
className=""
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -2703,7 +2713,7 @@ Array [
name="card-header-box"
>
<div
className="c6"
className="baseline-jVaZNU kXgQxt c6"
name="2"
role="group"
style={undefined}
@ -2782,6 +2792,7 @@ Array [
<svg
className=""
height="16"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -2828,6 +2839,7 @@ Array [
<svg
className=""
height="13"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -3061,6 +3073,7 @@ Array [
<svg
className=""
height="18"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -3224,6 +3237,22 @@ Array [
height: 0.0625rem;
}
.c5 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.c12 {
margin-right: 0.25rem;
}
@ -3312,22 +3341,6 @@ Array [
align-items: center;
}
.c5 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.c3 {
display: inline-block;
background-color: rgb(255,255,255);
@ -3420,6 +3433,7 @@ Array [
<svg
className=""
height="16"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -3466,6 +3480,7 @@ Array [
<svg
className=""
height="13"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",

View File

@ -74,6 +74,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -247,6 +248,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -793,6 +795,32 @@ Array [
max-height: 1.125rem;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c24 {
box-sizing: border-box;
display: -webkit-box;
@ -900,50 +928,6 @@ Array [
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
.c6 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c6 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c6 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c1 {
box-sizing: content-box;
display: -webkit-box;
@ -1042,6 +1026,50 @@ Array [
color: inherit;
}
.c6 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-width: 0.0625rem;
border-style: solid;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
margin-bottom: 0;
background-color: transparent;
}
.c6 > [name='card']:not(:last-child) {
margin-bottom: 0.8125rem;
}
.c6 > [name='card']:last-child {
margin-bottom: 0.4375rem;
}
.c10 {
display: inline-block;
margin: 0;
@ -1121,68 +1149,6 @@ Array [
outline: 0;
}
.c11 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
margin-right: 0.75rem;
font-weight: bold;
white-space: pre;
font-size: 0.8125rem;
}
.c13 {
font-size: 0.9375rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
text-align: left;
float: right;
font-size: 0.8125rem;
float: none;
margin-left: 1.75rem;
}
.c3 {
padding-right: 1rem;
padding-left: 1rem;
}
.c7 {
padding: 1rem;
}
.c8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.c9 {
-webkit-order: 0;
-ms-flex-order: 0;
@ -1221,6 +1187,42 @@ Array [
flex-basis: 0.75rem;
}
.c3 {
padding-right: 1rem;
padding-left: 1rem;
}
.c7 {
padding: 1rem;
}
.c8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.c2 {
word-wrap: break-word;
overflow-wrap: break-word;
@ -1306,7 +1308,7 @@ Array [
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="name"
role="group"
style={undefined}
@ -1335,7 +1337,7 @@ Array [
className="c9"
>
<div
className="c10"
className="baseline-jVaZNU kXgQxt c10"
name="value"
role="group"
style={undefined}
@ -1400,6 +1402,7 @@ Array [
<svg
className=""
height="12"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -1736,6 +1739,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -2235,6 +2239,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",
@ -2408,6 +2413,7 @@ Array [
<svg
className=""
height="17"
innerRef={undefined}
style={
Object {
"transform": "rotate(0deg)",

View File

@ -1,6 +1,26 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders <Breadcrumb /> without throwing 1`] = `
.c0 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
border-bottom: 0.0625rem solid rgb(216,216,216);
}
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c2 {
box-sizing: border-box;
display: -webkit-box;
@ -29,14 +49,6 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
padding-left: 0.5rem;
}
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c5 {
color: rgba(73,73,73,1);
font-weight: normal;
@ -75,28 +87,6 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
align-items: center;
}
.c0 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
border-bottom: 0.0625rem solid rgb(216,216,216);
}
@media only screen and (min-width:0em) {
.c3 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
display: block;
}
}
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@ -122,6 +112,16 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
}
}
@media only screen and (min-width:0em) {
.c3 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
display: block;
}
}
<div
className="c0"
>
@ -147,6 +147,7 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
@ -170,6 +171,26 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
`;
exports[`renders <Breadcrumb match /> without throwing 1`] = `
.c0 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
border-bottom: 0.0625rem solid rgb(216,216,216);
}
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c2 {
box-sizing: border-box;
display: -webkit-box;
@ -198,14 +219,6 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
padding-left: 0.5rem;
}
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c5 {
color: rgba(73,73,73,1);
font-weight: normal;
@ -244,28 +257,6 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
align-items: center;
}
.c0 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
border-bottom: 0.0625rem solid rgb(216,216,216);
}
@media only screen and (min-width:0em) {
.c3 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
display: block;
}
}
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@ -291,6 +282,16 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
}
}
@media only screen and (min-width:0em) {
.c3 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
display: block;
}
}
<div
className="c0"
>
@ -316,6 +317,7 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
@ -344,6 +346,7 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",

View File

@ -39,6 +39,26 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
align-items: center;
}
.c0 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
border-bottom: 0.0625rem solid rgb(216,216,216);
}
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c2 {
box-sizing: border-box;
display: -webkit-box;
@ -67,36 +87,6 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
padding-left: 0.5rem;
}
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c0 {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
border-bottom: 0.0625rem solid rgb(216,216,216);
}
@media only screen and (min-width:0em) {
.c3 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
display: block;
}
}
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@ -122,6 +112,16 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
}
}
@media only screen and (min-width:0em) {
.c3 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
display: block;
}
}
<div
className="c0"
>
@ -147,6 +147,7 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
@ -175,6 +176,7 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
@ -203,6 +205,7 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
@ -231,6 +234,7 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
<svg
className="c6 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
@ -304,6 +308,7 @@ exports[`Breadcrumb Default Item 1`] = `
<svg
className="c2 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",

View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Footer Footer 1`] = `
.c2 {
.c1 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
@ -23,7 +23,7 @@ exports[`Footer Footer 1`] = `
align-items: stretch;
}
.c1 {
.c0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -41,49 +41,45 @@ exports[`Footer Footer 1`] = `
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: rgb(30,49,59);
background-color: rgba(241,241,241,1);
border-top: 0.0625rem solid rgb(216,216,216);
max-height: 3.3125rem;
min-height: 3.3125rem;
line-height: 1.5625rem;
}
.c0 {
background-color: rgba(241,241,241,1);
border-top: 0.0625rem solid rgb(216,216,216);
height: 4.375rem;
max-height: 4.375rem;
}
@media only screen and (min-width:48em) {
.c2 {
.c1 {
width: 46rem;
}
}
@media only screen and (min-width:64em) {
.c2 {
.c1 {
width: 61rem;
}
}
@media only screen and (min-width:75em) {
.c2 {
.c1 {
width: 76rem;
}
}
@media only screen and (max-width:47.9375rem) {
.c2 {
.c1 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
}
<div
className="c0 c1"
className="c0"
>
<div
className="c2"
className="c1"
/>
</div>
`;

View File

@ -1,10 +1,46 @@
import React from 'react';
import styled from 'styled-components';
import remcalc from 'remcalc';
import Header from '../header';
import is from 'styled-is';
export default Header.extend`
import Baseline from '../baseline';
import { ViewContainer } from '../layout';
const Container = ViewContainer.extend`
display: flex;
flex-wrap: nowrap;
align-content: stretch;
align-items: stretch;
`;
const Footer = styled.div`
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: stretch;
align-items: stretch;
background-color: rgba(241, 241, 241, 1);
border-top: ${remcalc(1)} solid ${props => props.theme.grey};
max-height: ${remcalc(53)};
min-height: ${remcalc(53)};
line-height: ${remcalc(25)};
height: ${remcalc(70)};
max-height: ${remcalc(70)};
${is('fixed')`
position: fixed;
left: 0;
right: 0;
`};
${is('bottom', 'fixed')`
bottom: 0;
`};
`;
export default Baseline(({ children, fluid, ...rest }) => (
<Footer {...rest}>
<Container fluid={fluid}>{children}</Container>
</Footer>
));

View File

@ -882,8 +882,8 @@ exports[`Form Toggle 1`] = `
left: 0;
border-radius: 2em;
background: rgb(255,255,255);
-webkit-transition: left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease, margin 0.3s ease,box-shadow 0.3s ease;
transition: left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease, margin 0.3s ease,box-shadow 0.3s ease;
-webkit-transition: left 0.3s cubic-bezier(0.175,0.885,0.32,1.275), padding 0.3s ease,margin 0.3s ease,box-shadow 0.3s ease;
transition: left 0.3s cubic-bezier(0.175,0.885,0.32,1.275), padding 0.3s ease,margin 0.3s ease,box-shadow 0.3s ease;
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}

View File

@ -123,6 +123,7 @@ exports[`Message Message 1`] = `
<svg
className="c5 "
height="12"
innerRef={undefined}
onClick={[Function]}
style={
Object {
@ -238,6 +239,7 @@ exports[`Message Message Error 1`] = `
<svg
className="c5 "
height="12"
innerRef={undefined}
onClick={[Function]}
style={
Object {
@ -353,6 +355,7 @@ exports[`Message Message Warning 1`] = `
<svg
className="c5 "
height="12"
innerRef={undefined}
onClick={[Function]}
style={
Object {