roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-04-26 04:29:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[design]: update snapshots

Browse source
This commit is contained in:
41666 2019-05-20 06:29:20 -04:00
parent 2cfc1a5831
commit fe85c5ea9a
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
1 changed files with 103 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

180
packages/roleypoly-design/src/__test__/__snapshots__/storyshots.test.ts.snap
View file

@ -11,9 +11,9 @@ exports[`Storyshots Button Default 1`] = `
Object { Object {
"actions": Object { "actions": Object {
"primary": "#46b646", "primary": "#46b646",
"primaryText": "#efefef", },
"secondary": "#e95353", "button": Object {
"secondaryText": "#efefef", "borderRadius": "2px",
}, },
} }
} }
@ -33,9 +33,9 @@ exports[`Storyshots Button Disabled 1`] = `
Object { Object {
"actions": Object { "actions": Object {
"primary": "#46b646", "primary": "#46b646",
"primaryText": "#efefef", },
"secondary": "#e95353", "button": Object {
"secondaryText": "#efefef", "borderRadius": "2px",
}, },
} }
} }
@ -55,9 +55,9 @@ exports[`Storyshots Button Loading 1`] = `
Object { Object {
"actions": Object { "actions": Object {
"primary": "#46b646", "primary": "#46b646",
"primaryText": "#efefef", },
"secondary": "#e95353", "button": Object {
"secondaryText": "#efefef", "borderRadius": "2px",
}, },
} }
} }
@ -96,44 +96,53 @@ exports[`Storyshots Button Primary 1`] = `
padding: 1em 1.4em; padding: 1em 1.4em;
font-weight: bold; font-weight: bold;
border: 1px solid rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1);
border-radius: ",
[Function],
";
&::after { &:disabled {
content: \\"\\"; cursor: not-allowed;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
/* transparent by default */
background-color: transparent;
transition: background-color 0.05s ease-in-out;
/* put the overlay behind the text */
z-index: -1;
} }
/* on hover, raise, brighten and shadow */ &:not(:disabled) {
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
&::after { &::after {
background-color: rgba(255, 255, 255, 0.3); content: \\"\\";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
/* transparent by default */
background-color: transparent;
transition: background-color 0.05s ease-in-out;
/* put the overlay behind the text */
z-index: -1;
} }
}
/* on click, lower and darken */ /* on hover, raise, brighten and shadow */
&:active { &:hover {
outline: none; transform: translateY(-1px);
box-shadow: none; box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-color: rgba(0,0,0,0.2);
transform: translateY(0); &::after {
background-color: rgba(255, 255, 255, 0.3);
}
}
&::after { /* on click, lower and darken */
background-color: rgba(0, 0, 0, 0.1); &:active {
outline: none;
box-shadow: none;
border-color: rgba(0,0,0,0.2);
transform: translateY(0);
&::after {
background-color: rgba(0, 0, 0, 0.1);
}
} }
} }
", ",
@ -151,9 +160,9 @@ exports[`Storyshots Button Primary 1`] = `
"theme": Object { "theme": Object {
"actions": Object { "actions": Object {
"primary": "#46b646", "primary": "#46b646",
"primaryText": "#efefef", },
"secondary": "#e95353", "button": Object {
"secondaryText": "#efefef", "borderRadius": "2px",
}, },
}, },
}, },
@ -208,54 +217,71 @@ exports[`Storyshots Button Secondary 1`] = `
padding: 1em 1.4em; padding: 1em 1.4em;
font-weight: bold; font-weight: bold;
border: 1px solid rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1);
border-radius: ",
[Function],
";
&::after { &:disabled {
content: \\"\\"; cursor: not-allowed;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
/* transparent by default */
background-color: transparent;
transition: background-color 0.05s ease-in-out;
/* put the overlay behind the text */
z-index: -1;
} }
/* on hover, raise, brighten and shadow */ &:not(:disabled) {
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
&::after { &::after {
background-color: rgba(255, 255, 255, 0.3); content: \\"\\";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
/* transparent by default */
background-color: transparent;
transition: background-color 0.05s ease-in-out;
/* put the overlay behind the text */
z-index: -1;
} }
}
/* on click, lower and darken */ /* on hover, raise, brighten and shadow */
&:active { &:hover {
outline: none; transform: translateY(-1px);
box-shadow: none; box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-color: rgba(0,0,0,0.2);
transform: translateY(0); &::after {
background-color: rgba(255, 255, 255, 0.3);
}
}
&::after { /* on click, lower and darken */
background-color: rgba(0, 0, 0, 0.1); &:active {
outline: none;
box-shadow: none;
border-color: rgba(0,0,0,0.2);
transform: translateY(0);
&::after {
background-color: rgba(0, 0, 0, 0.1);
}
} }
} }
", ",
" "
background-color: ", background-color: transparent;
border-color: transparent;
&:hover {
border-color: ",
[Function], [Function],
"; ";
color: ", }
&:active {
border-color: ",
[Function], [Function],
"; ";
}
", ",
], ],
}, },
@ -263,9 +289,9 @@ exports[`Storyshots Button Secondary 1`] = `
"theme": Object { "theme": Object {
"actions": Object { "actions": Object {
"primary": "#46b646", "primary": "#46b646",
"primaryText": "#efefef", },
"secondary": "#e95353", "button": Object {
"secondaryText": "#efefef", "borderRadius": "2px",
}, },
}, },
}, },