roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-04-25 12:19:10 +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 {
"actions": Object {
"primary": "#46b646",
"primaryText": "#efefef",
"secondary": "#e95353",
"secondaryText": "#efefef",
},
"button": Object {
"borderRadius": "2px",
},
}
}
@ -33,9 +33,9 @@ exports[`Storyshots Button Disabled 1`] = `
Object {
"actions": Object {
"primary": "#46b646",
"primaryText": "#efefef",
"secondary": "#e95353",
"secondaryText": "#efefef",
},
"button": Object {
"borderRadius": "2px",
},
}
}
@ -55,9 +55,9 @@ exports[`Storyshots Button Loading 1`] = `
Object {
"actions": Object {
"primary": "#46b646",
"primaryText": "#efefef",
"secondary": "#e95353",
"secondaryText": "#efefef",
},
"button": Object {
"borderRadius": "2px",
},
}
}
@ -96,44 +96,53 @@ exports[`Storyshots Button Primary 1`] = `
padding: 1em 1.4em;
font-weight: bold;
border: 1px solid rgba(0,0,0,0.1);
border-radius: ",
[Function],
";
&::after {
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;
&:disabled {
cursor: not-allowed;
}
/* on hover, raise, brighten and shadow */
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
&:not(:disabled) {
&::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 */
&:active {
outline: none;
box-shadow: none;
border-color: rgba(0,0,0,0.2);
/* on hover, raise, brighten and shadow */
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
transform: translateY(0);
&::after {
background-color: rgba(255, 255, 255, 0.3);
}
}
&::after {
background-color: rgba(0, 0, 0, 0.1);
/* on click, lower and darken */
&: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 {
"actions": Object {
"primary": "#46b646",
"primaryText": "#efefef",
"secondary": "#e95353",
"secondaryText": "#efefef",
},
"button": Object {
"borderRadius": "2px",
},
},
},
@ -208,54 +217,71 @@ exports[`Storyshots Button Secondary 1`] = `
padding: 1em 1.4em;
font-weight: bold;
border: 1px solid rgba(0,0,0,0.1);
border-radius: ",
[Function],
";
&::after {
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;
&:disabled {
cursor: not-allowed;
}
/* on hover, raise, brighten and shadow */
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
&:not(:disabled) {
&::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 */
&:active {
outline: none;
box-shadow: none;
border-color: rgba(0,0,0,0.2);
/* on hover, raise, brighten and shadow */
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
transform: translateY(0);
&::after {
background-color: rgba(255, 255, 255, 0.3);
}
}
&::after {
background-color: rgba(0, 0, 0, 0.1);
/* on click, lower and darken */
&: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],
";
color: ",
}
&:active {
border-color: ",
[Function],
";
}
",
],
},
@ -263,9 +289,9 @@ exports[`Storyshots Button Secondary 1`] = `
"theme": Object {
"actions": Object {
"primary": "#46b646",
"primaryText": "#efefef",
"secondary": "#e95353",
"secondaryText": "#efefef",
},
"button": Object {
"borderRadius": "2px",
},
},
},