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

Update snapshots

Browse Source
This commit is contained in:
Michael Shilman 2019-02-19 18:59:52 +08:00
parent 7f8bcf437a
commit 08441a50d6
16 changed files with 3141 additions and 1175 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,8 +40,8 @@ Array [
.emotion-0 {
min-width: 100px;
font-weight: 700;
margin-right: 15px;
min-height: 32px;
margin-right: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -135,8 +135,8 @@ Array [
.emotion-0 {
min-width: 100px;
font-weight: 700;
margin-right: 15px;
min-height: 32px;
margin-right: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

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

@ -95,25 +95,6 @@ exports[`Storyshots Addons|A11y/Form With label 1`] = `
margin-bottom: 3rem;
}
.emotion-0 {
min-width: 100px;
font-weight: 700;
margin-right: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 16px;
}
.emotion-1 {
-webkit-appearance: none;
-moz-appearance: none;
@ -166,6 +147,25 @@ exports[`Storyshots Addons|A11y/Form With label 1`] = `
color: #999999;
}
.emotion-0 {
min-width: 100px;
min-height: 32px;
margin-right: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 16px;
}
<label
class="emotion-2"
>

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

@ -13,80 +13,6 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
fill: currentColor;
}
.emotion-3 {
border: 0;
border-radius: 3em;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 10px 16px;
position: relative;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
-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);
vertical-align: top;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
margin: 0;
background: transparent;
font-size: 12px;
font-weight: 700;
line-height: 1;
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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
z-index: 2;
}
.emotion-3 svg {
display: inline-block;
height: 14px;
width: 14px;
vertical-align: top;
margin-right: 4px;
margin-top: -1px;
margin-bottom: -1px;
pointer-events: none;
}
.emotion-3 svg path {
fill: currentColor;
}
.emotion-3:hover {
background: #f2f2f2;
}
.emotion-3:active {
background: #FFFFFF;
}
.emotion-3:focus {
box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
}
.emotion-3:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.emotion-0 {
border: 0;
border-radius: 3em;
@ -241,7 +167,7 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 13px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -263,7 +189,7 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-2:hover {
background: #f2f2f2;
background: #fff;
box-shadow: rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.1) 0 0 0 1px inset;
}
@ -275,6 +201,80 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
}
.emotion-3 {
border: 0;
border-radius: 3em;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 10px 16px;
position: relative;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
-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);
vertical-align: top;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
margin: 0;
background: transparent;
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
display: inline;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
z-index: 2;
}
.emotion-3 svg {
display: inline-block;
height: 14px;
width: 14px;
vertical-align: top;
margin-right: 4px;
margin-top: -1px;
margin-bottom: -1px;
pointer-events: none;
}
.emotion-3 svg path {
fill: currentColor;
}
.emotion-3:hover {
background: #fff;
}
.emotion-3:active {
background: #FFFFFF;
}
.emotion-3:focus {
box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
}
.emotion-3:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.emotion-4 {
border: 0;
border-radius: 3em;
@ -753,7 +753,7 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -775,7 +775,7 @@ exports[`Storyshots Basics|Button all buttons 1`] = `
}
.emotion-10:hover {
background: #f2f2f2;
background: #fff;
box-shadow: rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.1) 0 0 0 1px inset;
}

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

@ -37,7 +37,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -66,7 +66,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
}
.emotion-0:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-0:active {
@ -118,7 +118,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -149,7 +149,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
}
.emotion-2:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-2:active {
@ -194,7 +194,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -223,7 +223,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
}
.emotion-4:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-4:active {
@ -317,7 +317,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -346,7 +346,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-6:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-6:active {
@ -391,7 +391,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -421,7 +421,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-0:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-0:active {
@ -466,7 +466,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -496,7 +496,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-2:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-2:active {
@ -541,7 +541,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
background: #fff;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
border-radius: 4px;
@ -571,7 +571,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
}
.emotion-4:hover {
background: #f2f2f2;
background: #fff;
}
.emotion-4:active {

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

@ -405,7 +405,6 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #FFFFFF;
}
.emotion-3 {
@ -421,7 +420,6 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
-ms-flex-align: center;
align-items: center;
color: #333333;
background: #FFFFFF;
font-size: 12px;
line-height: 16px;
font-weight: 700;

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

File diff suppressed because it is too large Load Diff

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

@ -13,6 +13,21 @@ exports[`Storyshots basics|Tooltip/ListItem active icon 1`] = `
fill: currentColor;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-5 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -49,21 +64,6 @@ exports[`Storyshots basics|Tooltip/ListItem active icon 1`] = `
opacity: 1;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-0 {
color: #333333;
color: #FF4785;
@ -183,6 +183,21 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
fill: currentColor;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-2 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -219,25 +234,6 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
opacity: 1;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-3 {
color: #333333;
}
.emotion-0 {
color: #333333;
-webkit-animation: animation-0 1.5s ease-in-out infinite;
@ -247,6 +243,10 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
cursor: progress;
}
.emotion-3 {
color: #333333;
}
.emotion-10 svg {
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
@ -546,6 +546,21 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
`;
exports[`Storyshots basics|Tooltip/ListItem default 1`] = `
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-2 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -582,21 +597,6 @@ exports[`Storyshots basics|Tooltip/ListItem default 1`] = `
opacity: 1;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-0 {
color: #333333;
}
@ -629,6 +629,21 @@ exports[`Storyshots basics|Tooltip/ListItem default icon 1`] = `
fill: currentColor;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-5 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -665,21 +680,6 @@ exports[`Storyshots basics|Tooltip/ListItem default icon 1`] = `
opacity: 1;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-0 {
color: #333333;
}
@ -892,6 +892,21 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
}
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-2 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -928,21 +943,6 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
opacity: 1;
}
.emotion-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-1 > * + * {
padding-left: 10px;
}
.emotion-0 {
color: #333333;
-webkit-animation: animation-0 1.5s ease-in-out infinite;
@ -970,6 +970,21 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
`;
exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-5 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -1006,21 +1021,6 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
opacity: 1;
}
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-1 {
color: #333333;
}
@ -1077,6 +1077,21 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
`;
exports[`Storyshots basics|Tooltip/ListItem w/positions active 1`] = `
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-5 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
@ -1113,21 +1128,6 @@ exports[`Storyshots basics|Tooltip/ListItem w/positions active 1`] = `
opacity: 1;
}
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-0 svg {
opacity: 1;
}

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(255,255,255,0.95);
background: rgba(0,0,0,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(255,255,255,0.95);
border-bottom-color: rgba(0,0,0,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(255,255,255,0.95);
background: rgba(0,0,0,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(255,255,255,0.95);
border-left-color: rgba(0,0,0,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(255,255,255,0.95);
background: rgba(0,0,0,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(255,255,255,0.95);
border-right-color: rgba(0,0,0,0.95);
}
<div

118
lib/components/src/tooltip/__snapshots__/TooltipLinkList.stories.storyshot
View File

@ -1,15 +1,31 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
.emotion-8 {
min-width: 180px;
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-0 {
display: inline-block;
cursor: pointer;
}
.emotion-4 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: #999999;
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -29,10 +45,6 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
align-items: center;
}
.emotion-4 + .emotion-4 {
border-top: 1px solid #EEEEEE;
}
.emotion-4 > * + * {
padding-left: 10px;
}
@ -45,28 +57,8 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
opacity: 1;
}
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-2 {
color: #444444;
}
.emotion-0 {
display: inline-block;
cursor: pointer;
color: #333333;
}
.emotion-9 {
@ -76,9 +68,10 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: linear-gradient( -1deg, rgba(248,248,248,0.97) 0%, rgba(255,255,255,0.97) 100% );
background: rgba(0,0,0,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;
font-size: 12px;
}
@ -97,12 +90,18 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: #FFFFFF;
border-top-color: rgba(0,0,0,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.emotion-8 {
min-width: 180px;
overflow: hidden;
border-radius: 8px;
}
<div
style="height:300px"
>
@ -157,15 +156,31 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
`;
exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
.emotion-11 {
min-width: 180px;
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-0 {
display: inline-block;
cursor: pointer;
}
.emotion-4 {
font-size: 12px;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
color: #999999;
color: rgba(51,51,51,0.5);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
@ -185,10 +200,6 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
align-items: center;
}
.emotion-4 + .emotion-4 {
border-top: 1px solid #EEEEEE;
}
.emotion-4 > * + * {
padding-left: 10px;
}
@ -201,28 +212,8 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
opacity: 1;
}
.emotion-3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.emotion-3 > * + * {
padding-left: 10px;
}
.emotion-2 {
color: #444444;
}
.emotion-0 {
display: inline-block;
cursor: pointer;
color: #333333;
}
.emotion-12 {
@ -232,9 +223,10 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: linear-gradient( -1deg, rgba(248,248,248,0.97) 0%, rgba(255,255,255,0.97) 100% );
background: rgba(0,0,0,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;
font-size: 12px;
}
@ -253,12 +245,18 @@ exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: #FFFFFF;
border-top-color: rgba(0,0,0,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.emotion-11 {
min-width: 180px;
overflow: hidden;
border-radius: 8px;
}
<div
style="height:300px"
>

20
lib/components/src/tooltip/__snapshots__/TooltipMessage.stories.storyshot
View File

@ -13,9 +13,10 @@ exports[`Storyshots basics/Tooltip/TooltipMessage default 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: linear-gradient( -1deg, rgba(248,248,248,0.97) 0%, rgba(255,255,255,0.97) 100% );
background: rgba(0,0,0,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;
font-size: 12px;
}
@ -34,7 +35,7 @@ exports[`Storyshots basics/Tooltip/TooltipMessage default 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: #FFFFFF;
border-top-color: rgba(0,0,0,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
@ -107,9 +108,10 @@ exports[`Storyshots basics/Tooltip/TooltipMessage minimal message 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: linear-gradient( -1deg, rgba(248,248,248,0.97) 0%, rgba(255,255,255,0.97) 100% );
background: rgba(0,0,0,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;
font-size: 12px;
}
@ -128,7 +130,7 @@ exports[`Storyshots basics/Tooltip/TooltipMessage minimal message 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: #FFFFFF;
border-top-color: rgba(0,0,0,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
@ -192,9 +194,10 @@ exports[`Storyshots basics/Tooltip/TooltipMessage with link 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: linear-gradient( -1deg, rgba(248,248,248,0.97) 0%, rgba(255,255,255,0.97) 100% );
background: rgba(0,0,0,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;
font-size: 12px;
}
@ -213,7 +216,7 @@ exports[`Storyshots basics/Tooltip/TooltipMessage with link 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: #FFFFFF;
border-top-color: rgba(0,0,0,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
@ -306,9 +309,10 @@ exports[`Storyshots basics/Tooltip/TooltipMessage with links 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: linear-gradient( -1deg, rgba(248,248,248,0.97) 0%, rgba(255,255,255,0.97) 100% );
background: rgba(0,0,0,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;
font-size: 12px;
}
@ -327,7 +331,7 @@ exports[`Storyshots basics/Tooltip/TooltipMessage with links 1`] = `
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-color: #FFFFFF;
border-top-color: rgba(0,0,0,0.95);
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;

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

@ -166,7 +166,7 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: rgba(255,255,255,0.95);
background: rgba(0,0,0,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;
@ -188,35 +188,12 @@ 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(255,255,255,0.95);
border-top-color: rgba(0,0,0,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;

8
lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
View File

@ -313,7 +313,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) initial 0 1`] = `
border-bottom: 3px solid transparent;
font-weight: bold;
font-size: 13px;
color: inherit;
opacity: 0.4;
border-bottom-color: transparent;
}
@ -602,7 +602,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) initial 1 1`] = `
border-bottom: 3px solid transparent;
font-weight: bold;
font-size: 13px;
color: inherit;
opacity: 0.4;
border-bottom-color: transparent;
}
@ -891,7 +891,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) initial 2 1`] = `
border-bottom: 3px solid transparent;
font-weight: bold;
font-size: 13px;
color: inherit;
opacity: 0.4;
border-bottom-color: transparent;
}
@ -1180,7 +1180,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) page 1`] = `
border-bottom: 3px solid transparent;
font-weight: bold;
font-size: 13px;
color: inherit;
opacity: 0.4;
border-bottom-color: transparent;
}

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

@ -231,7 +231,6 @@ Array [
height: 100%;
-webkit-transition: background .1s linear;
transition: background .1s linear;
background: #FFFFFF;
}
.emotion-0 {
@ -343,7 +342,7 @@ Array [
border-bottom: 3px solid transparent;
font-weight: bold;
font-size: 13px;
color: inherit;
opacity: 0.4;
border-bottom-color: transparent;
}
@ -650,7 +649,6 @@ Array [
height: 100%;
-webkit-transition: background .1s linear;
transition: background .1s linear;
background: #FFFFFF;
}
.emotion-0 {

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

@ -1525,7 +1525,6 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #FFFFFF;
}
.emotion-20 {
@ -1540,8 +1539,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #333333;
background: #FFFFFF;
color: #666666;
font-size: 12px;
line-height: 16px;
font-weight: 700;