572 lines
11 KiB
Plaintext
572 lines
11 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Button Default Button 1`] = `
|
|
.c3 {
|
|
background-color: transparent;
|
|
text-decoration-skip: objects;
|
|
}
|
|
|
|
.c2 {
|
|
color: rgb(59,70,204);
|
|
-webkit-text-fill-color: currentcolor;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.c1 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.c0 {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
-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;
|
|
min-height: 3rem;
|
|
height: 3rem;
|
|
min-width: 7.5rem;
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0.5rem;
|
|
padding: 0.9375rem 1.125rem;
|
|
position: relative;
|
|
font-size: 0.9375rem;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
line-height: normal;
|
|
-webkit-letter-spacing: normal;
|
|
-moz-letter-spacing: normal;
|
|
-ms-letter-spacing: normal;
|
|
letter-spacing: normal;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
color: rgb(255,255,255);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-image: none;
|
|
background-color: rgb(59,70,204);
|
|
border-radius: 0.25rem;
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
}
|
|
|
|
.c0:focus {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
background-color: rgb(59,70,204);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(72,83,217);
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-image: none;
|
|
outline: 0;
|
|
background-color: rgb(45,56,132);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0[disabled] {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
<a
|
|
className="c0 c1 c2 c3"
|
|
href="https://joyent.com"
|
|
>
|
|
Inspire the lazy
|
|
</a>
|
|
`;
|
|
|
|
exports[`Button Disabled Button 1`] = `
|
|
.c3 {
|
|
background-color: transparent;
|
|
text-decoration-skip: objects;
|
|
}
|
|
|
|
.c2 {
|
|
color: rgb(59,70,204);
|
|
-webkit-text-fill-color: currentcolor;
|
|
color: rgb(216,216,216);
|
|
-webkit-text-fill-color: currentcolor;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.c1 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.c0 {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
-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;
|
|
min-height: 3rem;
|
|
height: 3rem;
|
|
min-width: 7.5rem;
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0.5rem;
|
|
padding: 0.9375rem 1.125rem;
|
|
position: relative;
|
|
font-size: 0.9375rem;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
line-height: normal;
|
|
-webkit-letter-spacing: normal;
|
|
-moz-letter-spacing: normal;
|
|
-ms-letter-spacing: normal;
|
|
letter-spacing: normal;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
color: rgb(255,255,255);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-image: none;
|
|
background-color: rgb(59,70,204);
|
|
border-radius: 0.25rem;
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
color: rgb(216,216,216);
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:focus {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
background-color: rgb(59,70,204);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(72,83,217);
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-image: none;
|
|
outline: 0;
|
|
background-color: rgb(45,56,132);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0[disabled] {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.c0:focus {
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(250,250,250);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(250,250,250);
|
|
}
|
|
|
|
<a
|
|
className="c0 c1 c2 c3"
|
|
disabled={true}
|
|
href="https://joyent.com"
|
|
>
|
|
Inspire the lazy
|
|
</a>
|
|
`;
|
|
|
|
exports[`Button Error Button 1`] = `
|
|
.c3 {
|
|
background-color: transparent;
|
|
text-decoration-skip: objects;
|
|
}
|
|
|
|
.c2 {
|
|
color: rgb(59,70,204);
|
|
-webkit-text-fill-color: currentcolor;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.c1 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.c0 {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
-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;
|
|
min-height: 3rem;
|
|
height: 3rem;
|
|
min-width: 7.5rem;
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0.5rem;
|
|
padding: 0.9375rem 1.125rem;
|
|
position: relative;
|
|
font-size: 0.9375rem;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
line-height: normal;
|
|
-webkit-letter-spacing: normal;
|
|
-moz-letter-spacing: normal;
|
|
-ms-letter-spacing: normal;
|
|
letter-spacing: normal;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
color: rgb(255,255,255);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-image: none;
|
|
background-color: rgb(59,70,204);
|
|
border-radius: 0.25rem;
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
color: rgb(210,67,58);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-color: rgb(255,255,255);
|
|
border-color: rgb(210,67,58);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.c0:focus {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
background-color: rgb(59,70,204);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(72,83,217);
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-image: none;
|
|
outline: 0;
|
|
background-color: rgb(45,56,132);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0[disabled] {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.c0:focus {
|
|
background-color: rgb(255,255,255);
|
|
border-color: rgb(210,67,58);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(247,247,247);
|
|
border-color: rgb(210,67,58);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-color: rgb(230,230,230);
|
|
border-color: rgb(210,67,58);
|
|
}
|
|
|
|
<a
|
|
className="c0 c1 c2 c3"
|
|
href="https://joyent.com"
|
|
>
|
|
Inspire the lazy
|
|
</a>
|
|
`;
|
|
|
|
exports[`Button Loading Button 1`] = `
|
|
.c3 {
|
|
background-color: transparent;
|
|
text-decoration-skip: objects;
|
|
}
|
|
|
|
.c2 {
|
|
color: rgb(59,70,204);
|
|
-webkit-text-fill-color: currentcolor;
|
|
color: rgb(216,216,216);
|
|
-webkit-text-fill-color: currentcolor;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.c1 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.c0 {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
-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;
|
|
min-height: 3rem;
|
|
height: 3rem;
|
|
min-width: 7.5rem;
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0.5rem;
|
|
padding: 0.9375rem 1.125rem;
|
|
position: relative;
|
|
font-size: 0.9375rem;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
line-height: normal;
|
|
-webkit-letter-spacing: normal;
|
|
-moz-letter-spacing: normal;
|
|
-ms-letter-spacing: normal;
|
|
letter-spacing: normal;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
color: rgb(255,255,255);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-image: none;
|
|
background-color: rgb(59,70,204);
|
|
border-radius: 0.25rem;
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
color: rgb(216,216,216);
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:focus {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
background-color: rgb(59,70,204);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(72,83,217);
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-image: none;
|
|
outline: 0;
|
|
background-color: rgb(45,56,132);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0[disabled] {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.c0:focus {
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(250,250,250);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-color: rgb(250,250,250);
|
|
border-color: rgb(250,250,250);
|
|
}
|
|
|
|
<a
|
|
className="c0 c1 c2 c3"
|
|
disabled={true}
|
|
href="https://joyent.com"
|
|
>
|
|
Inspire the lazy
|
|
</a>
|
|
`;
|
|
|
|
exports[`Button Secondary Button 1`] = `
|
|
.c3 {
|
|
background-color: transparent;
|
|
text-decoration-skip: objects;
|
|
}
|
|
|
|
.c2 {
|
|
color: rgb(59,70,204);
|
|
-webkit-text-fill-color: currentcolor;
|
|
color: rgb(255,255,255);
|
|
-webkit-text-fill-color: currentcolor;
|
|
}
|
|
|
|
.c2:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.c1 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.c0 {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
-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;
|
|
min-height: 3rem;
|
|
height: 3rem;
|
|
min-width: 7.5rem;
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0.5rem;
|
|
padding: 0.9375rem 1.125rem;
|
|
position: relative;
|
|
font-size: 0.9375rem;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
line-height: normal;
|
|
-webkit-letter-spacing: normal;
|
|
-moz-letter-spacing: normal;
|
|
-ms-letter-spacing: normal;
|
|
letter-spacing: normal;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
color: rgb(255,255,255);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-image: none;
|
|
background-color: rgb(59,70,204);
|
|
border-radius: 0.25rem;
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
color: rgb(70,70,70);
|
|
-webkit-text-fill-color: currentcolor;
|
|
background-color: rgb(255,255,255);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:focus {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
background-color: rgb(59,70,204);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(72,83,217);
|
|
border: solid 0.0625rem rgb(45,56,132);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-image: none;
|
|
outline: 0;
|
|
background-color: rgb(45,56,132);
|
|
border-color: rgb(45,56,132);
|
|
}
|
|
|
|
.c0[disabled] {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.c0:focus {
|
|
background-color: rgb(255,255,255);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:hover {
|
|
background-color: rgb(247,247,247);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
.c0:active,
|
|
.c0:active:hover,
|
|
.c0:active:focus {
|
|
background-color: rgb(230,230,230);
|
|
border-color: rgb(216,216,216);
|
|
}
|
|
|
|
<a
|
|
className="c0 c1 c2 c3"
|
|
href="https://joyent.com"
|
|
>
|
|
Inspire the lazy
|
|
</a>
|
|
`;
|