GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 23:11:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update snapshots

Browse Source
This commit is contained in:
domyen 2019-02-12 17:44:44 -05:00
parent fa0377fd77
commit 9bf18c6ebe
15 changed files with 1044 additions and 2251 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
addons/knobs/src/components/__tests__/__snapshots__/Panel.js.snap
View File

@ -29,7 +29,7 @@ Array [
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 15px;
padding: 8px 0;
}
@ -124,7 +124,7 @@ Array [
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 15px;
padding: 8px 0;
}

24
examples/official-storybook/stories/__snapshots__/addon-a11y.stories.storyshot
View File

@ -86,7 +86,7 @@ exports[`Storyshots Addons|A11y/Form With label 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 15px;
padding: 8px 0;
}
@ -122,14 +122,14 @@ exports[`Storyshots Addons|A11y/Form With label 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;
@ -189,7 +189,7 @@ exports[`Storyshots Addons|A11y/Form With placeholder 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 15px;
padding: 8px 0;
}
@ -206,14 +206,14 @@ exports[`Storyshots Addons|A11y/Form With placeholder 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;
@ -267,7 +267,7 @@ exports[`Storyshots Addons|A11y/Form Without Label 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 15px;
padding: 8px 0;
}
@ -284,14 +284,14 @@ exports[`Storyshots Addons|A11y/Form Without Label 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;

972
examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
View File

File diff suppressed because it is too large Load Diff

950
examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
View File

File diff suppressed because it is too large Load Diff

318
lib/components/src/Button/__snapshots__/Button.stories.storyshot
View File

@ -41,14 +41,9 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
display: inline;
-webkit-user-select: none;
@ -59,18 +54,6 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
z-index: 2;
}
.emotion-3:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-3:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-3 svg {
display: inline-block;
height: 14px;
@ -87,11 +70,11 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-3:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-3:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-3:focus {
@ -132,27 +115,10 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #FF4785;
color: #FFFFFF;
}
.emotion-0:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-0:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-0 svg {
display: inline-block;
height: 16px;
@ -212,27 +178,10 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #1EA7FD;
color: #FFFFFF;
}
.emotion-1:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-1:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-1 svg {
display: inline-block;
height: 16px;
@ -292,29 +241,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
}
.emotion-2:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-2:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-2 svg {
display: inline-block;
height: 16px;
@ -331,12 +263,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-2:hover {
background: #4c4c4c;
background: #f2f2f2;
box-shadow: rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.1) 0 0 0 1px inset;
}
.emotion-2:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-2:focus {
@ -371,28 +303,11 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
color: rgba(255,255,255,0.7);
box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
color: rgba(51,51,51,0.7);
background: transparent;
}
.emotion-4:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-4:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-4 svg {
display: inline-block;
height: 16px;
@ -409,12 +324,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-4:hover {
box-shadow: rgba(255,255,255,0.5) 0 0 0 1px inset;
box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
}
.emotion-4:active {
box-shadow: rgba(255,255,255,0.5) 0 0 0 2px inset;
color: #fff;
box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
color: #333;
}
.emotion-5 {
@ -445,32 +360,15 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #FF4785;
color: #FFFFFF;
box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
color: rgba(255,255,255,0.7);
box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
color: rgba(51,51,51,0.7);
background: transparent;
box-shadow: #FF4785 0 0 0 1px inset;
color: #FF4785;
}
.emotion-5:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-5:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-5 svg {
display: inline-block;
height: 16px;
@ -503,12 +401,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-5:hover {
box-shadow: rgba(255,255,255,0.5) 0 0 0 1px inset;
box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
}
.emotion-5:active {
box-shadow: rgba(255,255,255,0.5) 0 0 0 2px inset;
color: #fff;
box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
color: #333;
}
.emotion-5 svg path {
@ -562,32 +460,15 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #1EA7FD;
color: #FFFFFF;
box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
color: rgba(255,255,255,0.7);
box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
color: rgba(51,51,51,0.7);
background: transparent;
box-shadow: #1EA7FD 0 0 0 1px inset;
color: #1EA7FD;
}
.emotion-6:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-6:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-6 svg {
display: inline-block;
height: 16px;
@ -620,12 +501,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-6:hover {
box-shadow: rgba(255,255,255,0.5) 0 0 0 1px inset;
box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
}
.emotion-6:active {
box-shadow: rgba(255,255,255,0.5) 0 0 0 2px inset;
color: #fff;
box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
color: #333;
}
.emotion-6:hover {
@ -675,29 +556,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
cursor: not-allowed !important;
opacity: 0.5;
background: #FF4785;
color: #FFFFFF;
}
.emotion-7:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-7:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-7 svg {
display: inline-block;
height: 16px;
@ -763,27 +627,10 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #FF4785;
color: #FFFFFF;
}
.emotion-8:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-8:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-8 svg {
display: inline-block;
height: 14px;
@ -843,27 +690,10 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #1EA7FD;
color: #FFFFFF;
}
.emotion-9:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-9:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-9 svg {
display: inline-block;
height: 14px;
@ -923,29 +753,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
}
.emotion-10:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-10:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-10 svg {
display: inline-block;
height: 14px;
@ -962,12 +775,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-10:hover {
background: #4c4c4c;
background: #f2f2f2;
box-shadow: rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.1) 0 0 0 1px inset;
}
.emotion-10:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-10:focus {
@ -1002,28 +815,11 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
color: rgba(255,255,255,0.7);
box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
color: rgba(51,51,51,0.7);
background: transparent;
}
.emotion-11:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-11:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-11 svg {
display: inline-block;
height: 14px;
@ -1040,12 +836,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-11:hover {
box-shadow: rgba(255,255,255,0.5) 0 0 0 1px inset;
box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
}
.emotion-11:active {
box-shadow: rgba(255,255,255,0.5) 0 0 0 2px inset;
color: #fff;
box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
color: #333;
}
.emotion-12 {
@ -1076,29 +872,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
cursor: not-allowed !important;
opacity: 0.5;
background: #FF4785;
color: #FFFFFF;
}
.emotion-12:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-12:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-12 svg {
display: inline-block;
height: 14px;
@ -1164,29 +943,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
padding: 7px;
box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
color: rgba(255,255,255,0.7);
box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
color: rgba(51,51,51,0.7);
background: transparent;
}
.emotion-15:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-15:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-15 svg {
display: inline-block;
height: 14px;
@ -1208,12 +970,12 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-15:hover {
box-shadow: rgba(255,255,255,0.5) 0 0 0 1px inset;
box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
}
.emotion-15:active {
box-shadow: rgba(255,255,255,0.5) 0 0 0 2px inset;
color: #fff;
box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
color: #333;
}
<div>

359
lib/components/src/form/__snapshots__/form.stories.storyshot
View File

@ -37,14 +37,9 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
display: inline;
-webkit-user-select: none;
@ -55,18 +50,6 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
z-index: 2;
}
.emotion-0:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-0:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-0 svg {
display: inline-block;
height: 14px;
@ -83,11 +66,11 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
}
.emotion-0:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-0:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-0:focus {
@ -135,14 +118,9 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
-webkit-flex: 1;
-ms-flex: 1;
@ -155,18 +133,6 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
z-index: 2;
}
.emotion-2:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-2:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-2 svg {
display: inline-block;
height: 14px;
@ -183,11 +149,11 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
}
.emotion-2:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-2:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-2:focus {
@ -228,14 +194,9 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
width: 100%;
-webkit-user-select: none;
@ -246,18 +207,6 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
z-index: 2;
}
.emotion-4:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-4:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-4 svg {
display: inline-block;
height: 14px;
@ -274,11 +223,11 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
}
.emotion-4:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-4:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-4:focus {
@ -368,14 +317,9 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
width: 100%;
-webkit-user-select: none;
@ -386,18 +330,6 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
z-index: 2;
}
.emotion-6:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-6:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-6 svg {
display: inline-block;
height: 14px;
@ -414,11 +346,11 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-6:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-6:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-6:focus {
@ -459,14 +391,9 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
width: 100%;
box-shadow: #FF4400 0 0 0 1px inset !important;
@ -478,18 +405,6 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
z-index: 2;
}
.emotion-0:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-0:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-0 svg {
display: inline-block;
height: 14px;
@ -506,11 +421,11 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-0:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-0:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-0:focus {
@ -551,14 +466,9 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
width: 100%;
box-shadow: #E69D00 0 0 0 1px inset;
@ -570,18 +480,6 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
z-index: 2;
}
.emotion-2:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-2:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-2 svg {
display: inline-block;
height: 14px;
@ -598,11 +496,11 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-2:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-2:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-2:focus {
@ -643,14 +541,9 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
background: #444;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
width: 100%;
box-shadow: #66BF3C 0 0 0 1px inset !important;
@ -662,18 +555,6 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
z-index: 2;
}
.emotion-4:hover {
-webkit-transform: translate3d(0,-2px,0);
-ms-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
.emotion-4:active {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.emotion-4 svg {
display: inline-block;
height: 14px;
@ -690,11 +571,11 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-4:hover {
background: #4c4c4c;
background: #f2f2f2;
}
.emotion-4:active {
background: #3f3f3f;
background: #FFFFFF;
}
.emotion-4:focus {
@ -755,7 +636,7 @@ exports[`Storyshots Basics|Form/Field field 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
margin: 0 15px;
padding: 8px 0;
}
@ -791,14 +672,14 @@ exports[`Storyshots Basics|Form/Field field 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;
@ -900,14 +781,14 @@ exports[`Storyshots Basics|Form/Input alignment 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -952,14 +833,14 @@ exports[`Storyshots Basics|Form/Input alignment 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1004,14 +885,14 @@ exports[`Storyshots Basics|Form/Input alignment 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1102,14 +983,14 @@ exports[`Storyshots Basics|Form/Input sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;
@ -1154,14 +1035,14 @@ exports[`Storyshots Basics|Form/Input sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
-webkit-flex: 1;
@ -1208,14 +1089,14 @@ exports[`Storyshots Basics|Form/Input sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1306,14 +1187,14 @@ exports[`Storyshots Basics|Form/Input validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1358,14 +1239,14 @@ exports[`Storyshots Basics|Form/Input validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1411,14 +1292,14 @@ exports[`Storyshots Basics|Form/Input validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1464,14 +1345,14 @@ exports[`Storyshots Basics|Form/Input validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1564,14 +1445,14 @@ exports[`Storyshots Basics|Form/Select sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;
@ -1630,14 +1511,14 @@ exports[`Storyshots Basics|Form/Select sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
-webkit-flex: 1;
@ -1691,14 +1572,14 @@ exports[`Storyshots Basics|Form/Select sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1837,14 +1718,14 @@ exports[`Storyshots Basics|Form/Select validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1896,14 +1777,14 @@ exports[`Storyshots Basics|Form/Select validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -1956,14 +1837,14 @@ exports[`Storyshots Basics|Form/Select validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2016,14 +1897,14 @@ exports[`Storyshots Basics|Form/Select validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2201,14 +2082,14 @@ exports[`Storyshots Basics|Form/Textarea alignment 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2253,14 +2134,14 @@ exports[`Storyshots Basics|Form/Textarea alignment 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2305,14 +2186,14 @@ exports[`Storyshots Basics|Form/Textarea alignment 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2412,14 +2293,14 @@ exports[`Storyshots Basics|Form/Textarea sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
display: inline;
@ -2464,14 +2345,14 @@ exports[`Storyshots Basics|Form/Textarea sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
-webkit-flex: 1;
@ -2518,14 +2399,14 @@ exports[`Storyshots Basics|Form/Textarea sizes 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2622,14 +2503,14 @@ exports[`Storyshots Basics|Form/Textarea validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2674,14 +2555,14 @@ exports[`Storyshots Basics|Form/Textarea validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2727,14 +2608,14 @@ exports[`Storyshots Basics|Form/Textarea validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;
@ -2780,14 +2661,14 @@ exports[`Storyshots Basics|Form/Textarea validations 1`] = `
box-sizing: inherit;
display: block;
margin: 0;
background: #3f3f3f;
background: #FFFFFF;
padding: .42em 1em;
font-size: 13px;
position: relative;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
color: #FFFFFF;
box-shadow: rgba(0,0,0,.3) 0 0 0 1px inset;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
line-height: 20px;
width: 100%;

364
lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
View File

@ -16,79 +16,79 @@ exports[`Storyshots Basics|SyntaxHighlighter bash 1`] = `
}
.emotion-2 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-2 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.deleted {
@ -108,48 +108,48 @@ exports[`Storyshots Basics|SyntaxHighlighter bash 1`] = `
}
.emotion-2 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .namespace {
@ -217,7 +217,7 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
.emotion-5 {
position: relative;
overflow: hidden;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
}
.emotion-2 {
@ -235,79 +235,79 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
}
.emotion-2 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-2 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.deleted {
@ -327,48 +327,48 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
}
.emotion-2 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .namespace {
@ -405,7 +405,7 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #333;
background: #FFFFFF;
}
.emotion-3 {
@ -420,23 +420,23 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
background: #333;
color: #333333;
background: #FFFFFF;
font-size: 12px;
line-height: 16px;
font-weight: 700;
border-top: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
border-left: 1px solid rgba(0,0,0,.1);
margin-left: -1px;
border-radius: 4px 0 0 0;
}
.emotion-3:not(:last-child) {
border-right: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(0,0,0,.1);
}
.emotion-3 + * {
border-left: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(0,0,0,.1);
border-radius: 0;
}
@ -668,79 +668,79 @@ exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
}
.emotion-2 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-2 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.deleted {
@ -760,48 +760,48 @@ exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
}
.emotion-2 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .namespace {
@ -1078,79 +1078,79 @@ exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
}
.emotion-2 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-2 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.deleted {
@ -1170,48 +1170,48 @@ exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
}
.emotion-2 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .namespace {
@ -1458,79 +1458,79 @@ exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
}
.emotion-2 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-2 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.deleted {
@ -1550,48 +1550,48 @@ exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
}
.emotion-2 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .namespace {
@ -1870,79 +1870,79 @@ exports[`Storyshots Basics|SyntaxHighlighter story 1`] = `
}
.emotion-2 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-2 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-2 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-2 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .token.deleted {
@ -1962,48 +1962,48 @@ exports[`Storyshots Basics|SyntaxHighlighter story 1`] = `
}
.emotion-2 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-2 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-2 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-2 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-2 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-2 * .namespace {

36
lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
View File

@ -10,14 +10,14 @@ exports[`Storyshots Basics|Tabs stateful - dynamic 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-7 {
@ -291,14 +291,14 @@ exports[`Storyshots Basics|Tabs stateful - no initial 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-7 {
@ -528,14 +528,14 @@ exports[`Storyshots Basics|Tabs stateful - static 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-3 {
@ -723,14 +723,14 @@ exports[`Storyshots Basics|Tabs stateless - absolute 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-7 {
@ -867,7 +867,7 @@ exports[`Storyshots Basics|Tabs stateless - absolute 1`] = `
.emotion-11 {
background-clip: padding-box;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
width: 100%;
height: 100%;
box-sizing: border-box;
@ -1021,14 +1021,14 @@ exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-7 {
@ -1159,7 +1159,7 @@ exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
.emotion-11 {
background-clip: padding-box;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
display: block;
}
@ -1298,7 +1298,7 @@ exports[`Storyshots Basics|Tabs stateless - empty 1`] = `
.emotion-1 {
padding: 30px;
text-align: center;
color: #FFFFFF;
color: #333333;
font-size: 13px;
}
@ -1450,7 +1450,7 @@ exports[`Storyshots Basics|Tabs stateless - no scrolling 1`] = `
.emotion-11 {
background-clip: padding-box;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
display: block;
}
@ -1463,14 +1463,14 @@ exports[`Storyshots Basics|Tabs stateless - no scrolling 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
<div
@ -1614,14 +1614,14 @@ exports[`Storyshots Basics|Tabs stateless - with tools 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-7 {

62
lib/components/src/tooltip/__snapshots__/ListItem.stories.storyshot
View File

@ -17,7 +17,7 @@ exports[`Storyshots basics|Tooltip/ListItem active icon 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -42,7 +42,7 @@ exports[`Storyshots basics|Tooltip/ListItem active icon 1`] = `
}
.emotion-5:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-5:hover svg {
@ -65,7 +65,7 @@ exports[`Storyshots basics|Tooltip/ListItem active icon 1`] = `
}
.emotion-0 {
color: #FFFFFF;
color: #333333;
color: #FF4785;
font-weight: 700;
}
@ -187,7 +187,7 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -212,7 +212,7 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
}
.emotion-2:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-2:hover svg {
@ -235,11 +235,11 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
}
.emotion-3 {
color: #FFFFFF;
color: #333333;
}
.emotion-0 {
color: #FFFFFF;
color: #333333;
-webkit-animation: animation-0 1.5s ease-in-out infinite;
animation: animation-0 1.5s ease-in-out infinite;
background: rgba(0,0,0,.1);
@ -277,7 +277,7 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
}
.emotion-19 {
color: #FFFFFF;
color: #333333;
color: #FF4785;
font-weight: 700;
}
@ -316,7 +316,7 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -342,7 +342,7 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
}
.emotion-37:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-37:hover svg {
@ -350,8 +350,8 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
}
.emotion-33 {
color: #FFFFFF;
color: rgba(255,255,255,0.3);
color: #333333;
color: rgba(51,51,51,0.3);
}
.emotion-34 {
@ -550,7 +550,7 @@ exports[`Storyshots basics|Tooltip/ListItem default 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -575,7 +575,7 @@ exports[`Storyshots basics|Tooltip/ListItem default 1`] = `
}
.emotion-2:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-2:hover svg {
@ -598,7 +598,7 @@ exports[`Storyshots basics|Tooltip/ListItem default 1`] = `
}
.emotion-0 {
color: #FFFFFF;
color: #333333;
}
<a
@ -633,7 +633,7 @@ exports[`Storyshots basics|Tooltip/ListItem default icon 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -658,7 +658,7 @@ exports[`Storyshots basics|Tooltip/ListItem default icon 1`] = `
}
.emotion-5:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-5:hover svg {
@ -681,7 +681,7 @@ exports[`Storyshots basics|Tooltip/ListItem default icon 1`] = `
}
.emotion-0 {
color: #FFFFFF;
color: #333333;
}
.emotion-4 svg {
@ -760,7 +760,7 @@ exports[`Storyshots basics|Tooltip/ListItem disabled 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -786,7 +786,7 @@ exports[`Storyshots basics|Tooltip/ListItem disabled 1`] = `
}
.emotion-5:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-5:hover svg {
@ -794,8 +794,8 @@ exports[`Storyshots basics|Tooltip/ListItem disabled 1`] = `
}
.emotion-1 {
color: #FFFFFF;
color: rgba(255,255,255,0.3);
color: #333333;
color: rgba(51,51,51,0.3);
}
.emotion-2 {
@ -896,7 +896,7 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -921,7 +921,7 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
}
.emotion-2:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-2:hover svg {
@ -944,7 +944,7 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
}
.emotion-0 {
color: #FFFFFF;
color: #333333;
-webkit-animation: animation-0 1.5s ease-in-out infinite;
animation: animation-0 1.5s ease-in-out infinite;
background: rgba(0,0,0,.1);
@ -974,7 +974,7 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -999,7 +999,7 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
}
.emotion-5:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-5:hover svg {
@ -1022,7 +1022,7 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
}
.emotion-1 {
color: #FFFFFF;
color: #333333;
}
.emotion-4 svg {
@ -1081,7 +1081,7 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions active 1`] = `
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -1106,7 +1106,7 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions active 1`] = `
}
.emotion-5:hover {
background: rgba(250,250,252,.1);
background: rgba(0,0,0,.05);
}
.emotion-5:hover svg {
@ -1137,7 +1137,7 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions active 1`] = `
}
.emotion-1 {
color: #FFFFFF;
color: #333333;
color: #FF4785;
font-weight: 700;
}

12
lib/components/src/tooltip/__snapshots__/Tooltip.stories.storyshot
View File

@ -77,7 +77,7 @@ exports[`Storyshots basics/Tooltip/Tooltip basic, default, bottom 1`] = `
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
background: rgba(0,0,0,0.95);
background: rgba(255,255,255,0.95);
-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
border-radius: 8px;
@ -100,7 +100,7 @@ exports[`Storyshots basics/Tooltip/Tooltip basic, default, bottom 1`] = `
border-right-width: 8px;
border-left-width: 8px;
border-top-color: transparent;
border-bottom-color: rgba(0,0,0,0.95);
border-bottom-color: rgba(255,255,255,0.95);
border-left-color: transparent;
border-right-color: transparent;
}
@ -136,7 +136,7 @@ exports[`Storyshots basics/Tooltip/Tooltip basic, default, left 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
background: rgba(0,0,0,0.95);
background: rgba(255,255,255,0.95);
-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
border-radius: 8px;
@ -160,7 +160,7 @@ exports[`Storyshots basics/Tooltip/Tooltip basic, default, left 1`] = `
border-left-width: 8px;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: rgba(0,0,0,0.95);
border-left-color: rgba(255,255,255,0.95);
border-right-color: transparent;
}
@ -195,7 +195,7 @@ exports[`Storyshots basics/Tooltip/Tooltip basic, default, right 1`] = `
margin-top: 0px;
margin-left: 10px;
margin-right: 0px;
background: rgba(0,0,0,0.95);
background: rgba(255,255,255,0.95);
-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
border-radius: 8px;
@ -220,7 +220,7 @@ exports[`Storyshots basics/Tooltip/Tooltip basic, default, right 1`] = `
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: rgba(0,0,0,0.95);
border-right-color: rgba(255,255,255,0.95);
}
<div

50
lib/components/src/tooltip/__snapshots__/WithTooltip.stories.storyshot
View File

@ -159,29 +159,6 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
cursor: pointer;
}
.emotion-12 {
height: 300px;
}
.emotion-11 {
width: 500px;
height: 500px;
overflow-y: scroll;
background: #eee;
position: relative;
}
.emotion-0 {
height: 100px;
}
.emotion-1 {
width: 200px;
height: 100px;
background-color: red;
color: white;
}
.emotion-10 {
display: inline-block;
z-index: 2147483647;
@ -189,7 +166,7 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: rgba(0,0,0,0.95);
background: rgba(255,255,255,0.95);
-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
border-radius: 8px;
@ -211,12 +188,35 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: rgba(0,0,0,0.95);
border-top-color: rgba(255,255,255,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.emotion-12 {
height: 300px;
}
.emotion-11 {
width: 500px;
height: 500px;
overflow-y: scroll;
background: #eee;
position: relative;
}
.emotion-0 {
height: 100px;
}
.emotion-1 {
width: 200px;
height: 100px;
background-color: red;
color: white;
}
.emotion-9 {
padding: 15px;
width: 280px;

6
lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
View File

@ -23,14 +23,14 @@ exports[`Storyshots UI|Panel default 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-3 {
@ -290,7 +290,7 @@ exports[`Storyshots UI|Panel no panels 1`] = `
.emotion-1 {
padding: 30px;
text-align: center;
color: #FFFFFF;
color: #333333;
font-size: 13px;
}

16
lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
View File

@ -71,14 +71,14 @@ Array [
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
position: absolute;
left: 0;
right: 0;
@ -93,7 +93,7 @@ Array [
.emotion-9 {
width: 1px;
height: 24px;
background: rgba(255,255,255,.1);
background: rgba(0,0,0,.1);
margin-top: 8px;
}
@ -231,7 +231,7 @@ Array [
height: 100%;
-webkit-transition: background .1s linear;
transition: background .1s linear;
background: #333;
background: #FFFFFF;
}
.emotion-0 {
@ -456,14 +456,14 @@ Array [
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
position: absolute;
left: 0;
right: 0;
@ -478,7 +478,7 @@ Array [
.emotion-5 {
width: 1px;
height: 24px;
background: rgba(255,255,255,.1);
background: rgba(0,0,0,.1);
margin-top: 8px;
}
@ -650,7 +650,7 @@ Array [
height: 100%;
-webkit-transition: background .1s linear;
transition: background .1s linear;
background: #333;
background: #FFFFFF;
}
.emotion-0 {

2
lib/ui/src/components/sidebar/__snapshots__/SidebarSubheading.stories.storyshot
View File

@ -10,7 +10,7 @@ exports[`Storyshots UI|Sidebar/SidebarSubheading default 1`] = `
font-weight: 900;
font-size: 11px;
line-height: 24px;
color: rgba(255,255,255,0.5);
color: rgba(51,51,51,0.5);
}
<div

120
lib/ui/src/settings/__snapshots__/about.stories.storyshot
View File

@ -23,14 +23,14 @@ exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-2 {
@ -217,7 +217,7 @@ exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
display: flex;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
font-weight: 700;
}
@ -340,7 +340,7 @@ exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
height: 40px;
padding: 10px 20px;
margin-bottom: 24px;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: center;
}
@ -526,14 +526,14 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-2 {
@ -672,7 +672,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
display: flex;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
font-weight: 700;
}
@ -893,7 +893,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
.emotion-16 h2 {
font-size: 24px;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.emotion-16 h3 {
@ -1057,7 +1057,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
.emotion-16 hr {
border: 0 none;
color: rgba(255,255,255,.1);
color: rgba(0,0,0,.1);
height: 4px;
padding: 0;
}
@ -1180,7 +1180,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
}
.emotion-16 table tr {
border-top: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
background-color: white;
margin: 0;
padding: 0;
@ -1192,14 +1192,14 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
.emotion-16 table tr th {
font-weight: bold;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: left;
margin: 0;
padding: 6px 13px;
}
.emotion-16 table tr td {
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: left;
margin: 0;
padding: 6px 13px;
@ -1324,20 +1324,20 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
height: 40px;
padding: 10px 20px;
margin-bottom: 24px;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: center;
}
.emotion-30 {
margin-top: 20px;
padding-bottom: 20px;
border-top: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
}
.emotion-22 {
position: relative;
overflow: hidden;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
}
.emotion-19 {
@ -1355,79 +1355,79 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
}
.emotion-19 * .token.comment {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-19 * .token.prolog {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-19 * .token.doctype {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-19 * .token.cdata {
color: #7C7C7C;
color: #008000;
font-style: italic;
}
.emotion-19 * .token.string {
color: #92C379;
color: #A31515;
}
.emotion-19 * .token.punctuation {
color: #EDEDED;
color: #393A34;
}
.emotion-19 * .token.operator {
color: #EDEDED;
color: #393A34;
}
.emotion-19 * .token.url {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.symbol {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.number {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.boolean {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.variable {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.constant {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.inserted {
color: #C6C5FE;
color: #36acaa;
}
.emotion-19 * .token.atrule {
color: #B474DD;
color: #0000ff;
}
.emotion-19 * .token.keyword {
color: #B474DD;
color: #0000ff;
}
.emotion-19 * .token.attr-value {
color: #B474DD;
color: #0000ff;
}
.emotion-19 * .token.function {
color: #EDEDED;
color: #393A34;
}
.emotion-19 * .token.deleted {
@ -1447,48 +1447,48 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
}
.emotion-19 * .token.class-name {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-19 * .token.tag {
color: #A8FF60;
color: #800000;
}
.emotion-19 * .token.selector {
color: #A8FF60;
color: #800000;
}
.emotion-19 * .token.attr-name {
color: #96CBFE;
color: #ff0000;
}
.emotion-19 * .token.property {
color: #96CBFE;
color: #ff0000;
}
.emotion-19 * .token.regex {
color: #96CBFE;
color: #ff0000;
}
.emotion-19 * .token.entity {
color: #96CBFE;
color: #ff0000;
}
.emotion-19 * .token.directive.tag .tag {
background: #ffff00;
color: #EDEDED;
color: #393A34;
}
.emotion-19 * .language-json .token.boolean {
color: #B474DD;
color: #0000ff;
}
.emotion-19 * .language-json .token.number {
color: #B474DD;
color: #0000ff;
}
.emotion-19 * .language-json .token.property {
color: #FFFFB6;
color: #2B91AF;
}
.emotion-19 * .namespace {
@ -1525,7 +1525,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #333;
background: #FFFFFF;
}
.emotion-20 {
@ -1540,23 +1540,23 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
background: #333;
color: #333333;
background: #FFFFFF;
font-size: 12px;
line-height: 16px;
font-weight: 700;
border-top: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
border-left: 1px solid rgba(0,0,0,.1);
margin-left: -1px;
border-radius: 4px 0 0 0;
}
.emotion-20:not(:last-child) {
border-right: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(0,0,0,.1);
}
.emotion-20 + * {
border-left: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(0,0,0,.1);
border-radius: 0;
}
@ -1848,14 +1848,14 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #333333;
background: #FFFFFF;
color: #999999;
height: 40px;
position: relative;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
background: #333333 linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.1) calc(100% - 1px));
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-2 {
@ -1994,7 +1994,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
display: flex;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
font-weight: 700;
}
@ -2108,7 +2108,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
height: 40px;
padding: 10px 20px;
margin-bottom: 24px;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: center;
}
@ -2226,7 +2226,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
.emotion-16 h2 {
font-size: 24px;
border-bottom: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.emotion-16 h3 {
@ -2390,7 +2390,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
.emotion-16 hr {
border: 0 none;
color: rgba(255,255,255,.1);
color: rgba(0,0,0,.1);
height: 4px;
padding: 0;
}
@ -2513,7 +2513,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
}
.emotion-16 table tr {
border-top: 1px solid rgba(255,255,255,.1);
border-top: 1px solid rgba(0,0,0,.1);
background-color: white;
margin: 0;
padding: 0;
@ -2525,14 +2525,14 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
.emotion-16 table tr th {
font-weight: bold;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: left;
margin: 0;
padding: 6px 13px;
}
.emotion-16 table tr td {
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
text-align: left;
margin: 0;
padding: 6px 13px;