mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 15:31:16 +08:00
Update snapshot tests
This commit is contained in:
domyen
parent
fbed80f66b
commit
fb3494e578
@ -179,7 +179,6 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
"backgroundColor": "#fff",
|
||||
"border": "1px solid #eee",
|
||||
"borderRadius": "2px",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
"fontWeight": 300,
|
||||
@ -1435,7 +1434,6 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
"backgroundColor": "#fff",
|
||||
"border": "1px solid #eee",
|
||||
"borderRadius": "2px",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
"fontWeight": 300,
|
||||
@ -1493,7 +1491,6 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"borderBottom": "1px solid #eee",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "40px",
|
||||
"fontWeight": 600,
|
||||
@ -1515,7 +1512,6 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
style={
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "30px",
|
||||
"fontWeight": 600,
|
||||
@ -1535,7 +1531,6 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
style={
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
}
|
||||
@ -2648,7 +2643,6 @@ exports[`addon Info should render component description if story kind matches co
|
||||
"backgroundColor": "#fff",
|
||||
"border": "1px solid #eee",
|
||||
"borderRadius": "2px",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
"fontWeight": 300,
|
||||
@ -2771,7 +2765,6 @@ exports[`addon Info should render component description if story kind matches co
|
||||
"backgroundColor": "#fff",
|
||||
"border": "1px solid #eee",
|
||||
"borderRadius": "2px",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
"fontWeight": 300,
|
||||
@ -2794,7 +2787,6 @@ exports[`addon Info should render component description if story kind matches co
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"borderBottom": "1px solid #eee",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "40px",
|
||||
"fontWeight": 600,
|
||||
@ -2816,7 +2808,6 @@ exports[`addon Info should render component description if story kind matches co
|
||||
style={
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "30px",
|
||||
"fontWeight": 600,
|
||||
@ -2836,7 +2827,6 @@ exports[`addon Info should render component description if story kind matches co
|
||||
style={
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
}
|
||||
@ -3877,7 +3867,6 @@ exports[`addon Info should render component description if story name matches co
|
||||
"backgroundColor": "#fff",
|
||||
"border": "1px solid #eee",
|
||||
"borderRadius": "2px",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
"fontWeight": 300,
|
||||
@ -4000,7 +3989,6 @@ exports[`addon Info should render component description if story name matches co
|
||||
"backgroundColor": "#fff",
|
||||
"border": "1px solid #eee",
|
||||
"borderRadius": "2px",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
"fontWeight": 300,
|
||||
@ -4023,7 +4011,6 @@ exports[`addon Info should render component description if story name matches co
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"borderBottom": "1px solid #eee",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "40px",
|
||||
"fontWeight": 600,
|
||||
@ -4045,7 +4032,6 @@ exports[`addon Info should render component description if story name matches co
|
||||
style={
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "30px",
|
||||
"fontWeight": 600,
|
||||
@ -4065,7 +4051,6 @@ exports[`addon Info should render component description if story name matches co
|
||||
style={
|
||||
Object {
|
||||
"WebkitFontSmoothing": "antialiased",
|
||||
"color": "#333",
|
||||
"fontFamily": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
|
||||
"fontSize": "15px",
|
||||
}
|
||||
|
||||
@ -39,7 +39,7 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -59,7 +59,7 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Use the
|
||||
<a
|
||||
|
||||
@ -82,20 +82,17 @@ exports[`Storyshots Addons|A11y/Button Label 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|A11y/Form With label 1`] = `
|
||||
.emotion-2 {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 8px 0;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
padding: 0 8px 8px 8px;
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
margin: 0 15px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.emotion-2:last-child {
|
||||
border-bottom: 0 none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
@ -118,25 +115,55 @@ exports[`Storyshots Addons|A11y/Form With label 1`] = `
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
padding: 0 10px;
|
||||
color: #333;
|
||||
background: rgba(0,0,0,0.1);
|
||||
border-radius: 4px;
|
||||
-webkit-transition: border-bottom-color .3s linear;
|
||||
transition: border-bottom-color .3s linear;
|
||||
border: 0 solid transparent;
|
||||
border-top: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
box-sizing: inherit;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background: #FFFFFF;
|
||||
padding: .42em 1em;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
-webkit-transition: all 200ms ease-out;
|
||||
transition: all 200ms ease-out;
|
||||
color: #333333;
|
||||
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
|
||||
border-radius: 4px;
|
||||
line-height: 20px;
|
||||
display: inline;
|
||||
text-align: left;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.emotion-1:focus {
|
||||
outline: 0 none;
|
||||
border-bottom-color: #1EA7FD;
|
||||
box-shadow: #1EA7FD 0 0 0 1px inset;
|
||||
}
|
||||
|
||||
.emotion-1[disabled] {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.emotion-1:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
|
||||
}
|
||||
|
||||
.emotion-1::-webkit-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-1::-moz-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-1:-ms-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-1::placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
<label
|
||||
@ -158,42 +185,69 @@ exports[`Storyshots Addons|A11y/Form With label 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|A11y/Form With placeholder 1`] = `
|
||||
.emotion-1 {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 8px 0;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
padding: 0 8px 8px 8px;
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
margin: 0 15px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.emotion-1:last-child {
|
||||
border-bottom: 0 none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
padding: 0 10px;
|
||||
color: #333;
|
||||
background: rgba(0,0,0,0.1);
|
||||
border-radius: 4px;
|
||||
-webkit-transition: border-bottom-color .3s linear;
|
||||
transition: border-bottom-color .3s linear;
|
||||
border: 0 solid transparent;
|
||||
border-top: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
box-sizing: inherit;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background: #FFFFFF;
|
||||
padding: .42em 1em;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
-webkit-transition: all 200ms ease-out;
|
||||
transition: all 200ms ease-out;
|
||||
color: #333333;
|
||||
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
|
||||
border-radius: 4px;
|
||||
line-height: 20px;
|
||||
display: inline;
|
||||
text-align: left;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.emotion-0:focus {
|
||||
outline: 0 none;
|
||||
border-bottom-color: #1EA7FD;
|
||||
box-shadow: #1EA7FD 0 0 0 1px inset;
|
||||
}
|
||||
|
||||
.emotion-0[disabled] {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.emotion-0:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
|
||||
}
|
||||
|
||||
.emotion-0::-webkit-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-0::-moz-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-0:-ms-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-0::placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
<label
|
||||
@ -209,42 +263,69 @@ exports[`Storyshots Addons|A11y/Form With placeholder 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|A11y/Form Without Label 1`] = `
|
||||
.emotion-1 {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 8px 0;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
padding: 0 8px 8px 8px;
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
margin: 0 15px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.emotion-1:last-child {
|
||||
border-bottom: 0 none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
padding: 0 10px;
|
||||
color: #333;
|
||||
background: rgba(0,0,0,0.1);
|
||||
border-radius: 4px;
|
||||
-webkit-transition: border-bottom-color .3s linear;
|
||||
transition: border-bottom-color .3s linear;
|
||||
border: 0 solid transparent;
|
||||
border-top: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
box-sizing: inherit;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background: #FFFFFF;
|
||||
padding: .42em 1em;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
-webkit-transition: all 200ms ease-out;
|
||||
transition: all 200ms ease-out;
|
||||
color: #333333;
|
||||
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
|
||||
border-radius: 4px;
|
||||
line-height: 20px;
|
||||
display: inline;
|
||||
text-align: left;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.emotion-0:focus {
|
||||
outline: 0 none;
|
||||
border-bottom-color: #1EA7FD;
|
||||
box-shadow: #1EA7FD 0 0 0 1px inset;
|
||||
}
|
||||
|
||||
.emotion-0[disabled] {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.emotion-0:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
|
||||
}
|
||||
|
||||
.emotion-0::-webkit-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-0::-moz-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-0:-ms-input-placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.emotion-0::placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
<label
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -31,7 +31,7 @@ exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -51,7 +51,7 @@ exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Info can take options via the global or local decorator as well.
|
||||
</div>
|
||||
@ -308,7 +308,7 @@ exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components cor
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -658,7 +658,7 @@ exports[`Storyshots Addons|Info/GitHub issues #1814 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -678,7 +678,7 @@ exports[`Storyshots Addons|Info/GitHub issues #1814 1`] = `
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Allow Duplicate DisplayNames for HOC #1814
|
||||
</div>
|
||||
@ -822,7 +822,7 @@ exports[`Storyshots Addons|Info/JSX Displays JSX in description 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -1133,7 +1133,7 @@ exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] =
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -1154,17 +1154,17 @@ exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] =
|
||||
>
|
||||
<h4
|
||||
id="you-can-use-markdown-in-your-withinfo-description."
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:20px"
|
||||
>
|
||||
You can use markdown in your withInfo description.
|
||||
</h4>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Sometimes you might want to manually include some code examples:
|
||||
</div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Maybe include a
|
||||
<a
|
||||
@ -1448,7 +1448,7 @@ exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -1743,7 +1743,7 @@ exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -1764,18 +1764,18 @@ exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
|
||||
>
|
||||
<h1
|
||||
id="internal"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;border-bottom:1px solid #eee;font-weight:600;margin:0;padding:0;font-size:40px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;border-bottom:1px solid #eee;font-weight:600;margin:0;padding:0;font-size:40px"
|
||||
>
|
||||
internal
|
||||
</h1>
|
||||
<h2
|
||||
id="internal-markdown"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:30px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:30px"
|
||||
>
|
||||
markdown
|
||||
</h2>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
file
|
||||
</div>
|
||||
@ -2050,7 +2050,7 @@ exports[`Storyshots Addons|Info/Options.TableComponent Use a custom component fo
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -2232,7 +2232,7 @@ exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes tha
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -2252,7 +2252,7 @@ exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes tha
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Label propType should be excluded
|
||||
</div>
|
||||
@ -2482,13 +2482,13 @@ exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
The Info Addon header should be hidden
|
||||
</div>
|
||||
@ -2718,7 +2718,7 @@ exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`
|
||||
<div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -2747,13 +2747,13 @@ exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Component should be inlined between description and PropType table
|
||||
</div>
|
||||
@ -3009,7 +3009,7 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -3029,7 +3029,7 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
There should be a prop table added for a component not included in the story
|
||||
</div>
|
||||
@ -3391,7 +3391,7 @@ exports[`Storyshots Addons|Info/Options.propTablesExclude Exclude component from
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -3411,7 +3411,7 @@ exports[`Storyshots Addons|Info/Options.propTablesExclude Exclude component from
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
This can exclude extraneous components from being displayed in prop tables.
|
||||
</div>
|
||||
@ -3729,7 +3729,7 @@ exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -3749,7 +3749,7 @@ exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
The Info Addon source section should be hidden
|
||||
</div>
|
||||
@ -3952,7 +3952,7 @@ exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -4220,7 +4220,7 @@ exports[`Storyshots Addons|Info/Options.styles Full control over styles using a
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -4496,7 +4496,7 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdow
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -4517,17 +4517,17 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdow
|
||||
>
|
||||
<h4
|
||||
id="you-can-use-markdown-in-your-withinfo-description."
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:20px"
|
||||
>
|
||||
You can use markdown in your withInfo description.
|
||||
</h4>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Sometimes you might want to manually include some code examples:
|
||||
</div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Maybe include a
|
||||
<a
|
||||
@ -4784,7 +4784,7 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with mar
|
||||
<div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -4813,13 +4813,13 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with mar
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
description or documentation about my component, supports markdown
|
||||
</div>
|
||||
@ -5066,7 +5066,7 @@ exports[`Storyshots Addons|Info/Parameters Overwriting and extending the paramet
|
||||
<div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -5095,13 +5095,13 @@ exports[`Storyshots Addons|Info/Parameters Overwriting and extending the paramet
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Label propType should be excluded
|
||||
</div>
|
||||
@ -5303,7 +5303,7 @@ exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1
|
||||
<div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -5332,13 +5332,13 @@ exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
This text should be displayed on every story and the component should be inlined between description and PropType table
|
||||
</div>
|
||||
@ -5594,7 +5594,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`]
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -5614,7 +5614,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`]
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table
|
||||
</div>
|
||||
@ -5833,7 +5833,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -5853,7 +5853,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table
|
||||
</div>
|
||||
@ -6722,7 +6722,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from component declaration
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -6742,7 +6742,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from component declaration
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading
|
||||
</div>
|
||||
@ -7017,7 +7017,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from named export componen
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -7037,7 +7037,7 @@ exports[`Storyshots Addons|Info/React Docgen Comments from named export componen
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading
|
||||
</div>
|
||||
@ -7387,7 +7387,7 @@ exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -7863,7 +7863,7 @@ exports[`Storyshots Addons|Info/Story Source Children 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -8211,7 +8211,7 @@ exports[`Storyshots Addons|Info/Story Source Many props 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -8504,7 +8504,7 @@ exports[`Storyshots Addons|Info/Story Source Object prop 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -8856,7 +8856,7 @@ exports[`Storyshots Addons|Info/Story Source One prop 1`] = `
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -9124,7 +9124,7 @@ exports[`Storyshots Addons|Info/deprecated Displays Markdown in description 1`]
|
||||
</button>
|
||||
<div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
|
||||
>
|
||||
<div
|
||||
style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
|
||||
@ -9145,17 +9145,17 @@ exports[`Storyshots Addons|Info/deprecated Displays Markdown in description 1`]
|
||||
>
|
||||
<h4
|
||||
id="you-can-use-markdown-in-your-withinfo-description."
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:20px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;margin:0;padding:0;font-size:20px"
|
||||
>
|
||||
You can use markdown in your withInfo description.
|
||||
</h4>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Sometimes you might want to manually include some code examples:
|
||||
</div>
|
||||
<div
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;color:#333;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
style="font-family:\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px"
|
||||
>
|
||||
Maybe include a
|
||||
<a
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2,40 +2,32 @@
|
||||
|
||||
exports[`Storyshots Basics|Brand/StorybookIcon default 1`] = `
|
||||
<svg
|
||||
height="64px"
|
||||
title="Storybook icon"
|
||||
viewBox="0 0 64 64"
|
||||
width="64px"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
d="M2 58.6L0 6c0-1.7 1.3-3.2 3-3.3L47.6 0A3.2 3.2 0 0 1 51 3.2v57.2a3.2 3.2 0 0 1-3.3 3.2L5 61.6c-1.6 0-3-1.4-3-3z"
|
||||
id="a"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
transform="translate(6.6 .2)"
|
||||
id="Artboard"
|
||||
stroke="none"
|
||||
stroke-width="1"
|
||||
>
|
||||
<mask
|
||||
fill="#fff"
|
||||
id="b"
|
||||
>
|
||||
<use
|
||||
href="#a"
|
||||
/>
|
||||
</mask>
|
||||
<use
|
||||
<path
|
||||
d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
|
||||
fill="#FF4785"
|
||||
fill-rule="nonzero"
|
||||
href="#a"
|
||||
id="path-1"
|
||||
/>
|
||||
<path
|
||||
d="M37.7 7.8L38 .5 44 0l.3 7.6a.5.5 0 0 1-.8.4l-2.4-2-2.8 2.2a.5.5 0 0 1-.7-.4zM29.8 24c0 1.2 8.4.6 9.5-.3 0-8.4-4.5-12.9-12.8-12.9s-13 4.5-13 11.3c0 11.8 16 12 16 18.5 0 1.8-1 2.9-3 2.9-2.4 0-3.5-1.3-3.3-5.7 0-1-9.7-1.3-10 0-.8 10.6 5.9 13.7 13.5 13.7 7.4 0 13.2-4 13.2-11 0-12.7-16.2-12.3-16.2-18.6 0-2.6 1.9-2.9 3-2.9 1.2 0 3.3.2 3.1 5z"
|
||||
fill="#FFF"
|
||||
d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
|
||||
fill="#FFFFFF"
|
||||
fill-rule="nonzero"
|
||||
mask="url(#b)"
|
||||
id="path9_fill-path"
|
||||
/>
|
||||
<path
|
||||
d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
|
||||
fill="#FFFFFF"
|
||||
id="Path"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -10,152 +10,6 @@ exports[`Storyshots Basics|SyntaxHighlighter bash 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-2 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
@ -217,9 +71,9 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
|
||||
.emotion-5 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
border-radius: 4px;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.emotion-2 {
|
||||
@ -231,152 +85,6 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-2 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
@ -407,7 +115,7 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.emotion-3 {
|
||||
@ -423,22 +131,22 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #666666;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
font-weight: 700;
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid rgba(0,0,0,0.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(0,0,0,0.1);
|
||||
border-right: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.emotion-3 + * {
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid rgba(0,0,0,.1);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@ -664,152 +372,6 @@ exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-2 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
@ -1074,152 +636,6 @@ exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-2 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
@ -1454,152 +870,6 @@ exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-2 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
@ -1866,152 +1136,6 @@ exports[`Storyshots Basics|SyntaxHighlighter story 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-2 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-2 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-2 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-2 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
|
||||
@ -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: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-7 {
|
||||
@ -78,7 +78,7 @@ exports[`Storyshots Basics|Tabs stateful - dynamic 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -143,7 +143,7 @@ exports[`Storyshots Basics|Tabs stateful - dynamic 1`] = `
|
||||
.emotion-10 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-9 {
|
||||
@ -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: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-7 {
|
||||
@ -359,7 +359,7 @@ exports[`Storyshots Basics|Tabs stateful - no initial 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -424,7 +424,7 @@ exports[`Storyshots Basics|Tabs stateful - no initial 1`] = `
|
||||
.emotion-10 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-9 {
|
||||
@ -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: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-3 {
|
||||
@ -596,7 +596,7 @@ exports[`Storyshots Basics|Tabs stateful - static 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -661,7 +661,7 @@ exports[`Storyshots Basics|Tabs stateful - static 1`] = `
|
||||
.emotion-6 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
<div
|
||||
@ -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: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-7 {
|
||||
@ -791,7 +791,7 @@ exports[`Storyshots Basics|Tabs stateless - absolute 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -852,7 +852,7 @@ exports[`Storyshots Basics|Tabs stateless - absolute 1`] = `
|
||||
.emotion-10 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
-webkit-flex: 1;
|
||||
@ -866,10 +866,9 @@ exports[`Storyshots Basics|Tabs stateless - absolute 1`] = `
|
||||
}
|
||||
|
||||
.emotion-11 {
|
||||
background: rgba(255,255,255,0.89);
|
||||
background-clip: padding-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
@ -1023,14 +1022,14 @@ exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-7 {
|
||||
@ -1091,7 +1090,7 @@ exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -1152,7 +1151,7 @@ exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
|
||||
.emotion-10 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-9 {
|
||||
@ -1160,10 +1159,9 @@ exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
|
||||
}
|
||||
|
||||
.emotion-11 {
|
||||
background: rgba(255,255,255,0.89);
|
||||
background-clip: padding-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -1303,7 +1301,7 @@ exports[`Storyshots Basics|Tabs stateless - empty 1`] = `
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
@ -1384,7 +1382,7 @@ exports[`Storyshots Basics|Tabs stateless - no scrolling 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -1445,7 +1443,7 @@ exports[`Storyshots Basics|Tabs stateless - no scrolling 1`] = `
|
||||
.emotion-10 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-9 {
|
||||
@ -1453,10 +1451,9 @@ exports[`Storyshots Basics|Tabs stateless - no scrolling 1`] = `
|
||||
}
|
||||
|
||||
.emotion-11 {
|
||||
background: rgba(255,255,255,0.89);
|
||||
background-clip: padding-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -1469,14 +1466,14 @@ exports[`Storyshots Basics|Tabs stateless - no scrolling 1`] = `
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
<div
|
||||
@ -1620,14 +1617,14 @@ exports[`Storyshots Basics|Tabs stateless - with tools 1`] = `
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-7 {
|
||||
@ -1688,7 +1685,7 @@ exports[`Storyshots Basics|Tabs stateless - with tools 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -1764,7 +1761,7 @@ exports[`Storyshots Basics|Tabs stateless - with tools 1`] = `
|
||||
.emotion-11 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-10 {
|
||||
|
||||
@ -243,7 +243,7 @@ exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
|
||||
color: #444444;
|
||||
-webkit-animation: animation-0 1.5s ease-in-out infinite;
|
||||
animation: animation-0 1.5s ease-in-out infinite;
|
||||
background: rgba(0,0,0,.05);
|
||||
background: rgba(0,0,0,.1);
|
||||
color: transparent;
|
||||
cursor: progress;
|
||||
}
|
||||
@ -969,7 +969,7 @@ exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
|
||||
color: #444444;
|
||||
-webkit-animation: animation-0 1.5s ease-in-out infinite;
|
||||
animation: animation-0 1.5s ease-in-out infinite;
|
||||
background: rgba(0,0,0,.05);
|
||||
background: rgba(0,0,0,.1);
|
||||
color: transparent;
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
@ -82,6 +82,18 @@ exports[`Storyshots Basics|typography all 1`] = `
|
||||
</b>
|
||||
"Nunito sans", Apple system font ... sans-serif
|
||||
</div>
|
||||
<div>
|
||||
<b>
|
||||
UI text size:
|
||||
</b>
|
||||
13px
|
||||
</div>
|
||||
<div>
|
||||
<b>
|
||||
Document/Markdown text size:
|
||||
</b>
|
||||
14px
|
||||
</div>
|
||||
<div>
|
||||
<b>
|
||||
Code font:
|
||||
|
||||
@ -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: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -611,7 +611,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) initial 1 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -903,7 +903,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) initial 2 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -1201,7 +1201,7 @@ exports[`Storyshots UI|Layout/Mobile (mocked) page 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
@ -23,14 +23,14 @@ exports[`Storyshots UI|Panel default 1`] = `
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-3 {
|
||||
@ -91,7 +91,7 @@ exports[`Storyshots UI|Panel default 1`] = `
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -194,7 +194,7 @@ exports[`Storyshots UI|Panel default 1`] = `
|
||||
.emotion-12 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
-webkit-flex: 1;
|
||||
@ -289,7 +289,7 @@ exports[`Storyshots UI|Panel no panels 1`] = `
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emotion-0 {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots UI|Preview no tabs 1`] = `
|
||||
exports[`Storyshots UI|Preview/Preview no tabs 1`] = `
|
||||
Array [
|
||||
.emotion-13 {
|
||||
display: -webkit-box;
|
||||
@ -67,14 +67,14 @@ Array [
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.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;
|
||||
@ -89,7 +89,7 @@ Array [
|
||||
.emotion-9 {
|
||||
width: 1px;
|
||||
height: 24px;
|
||||
background: rgba(0,0,0,.05);
|
||||
background: rgba(0,0,0,.1);
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
@ -285,7 +285,7 @@ Array [
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Storyshots UI|Preview with tabs 1`] = `
|
||||
exports[`Storyshots UI|Preview/Preview with tabs 1`] = `
|
||||
Array [
|
||||
.emotion-19 {
|
||||
display: -webkit-box;
|
||||
@ -345,7 +345,7 @@ Array [
|
||||
border-bottom: 3px solid transparent;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: rgba(0,0,0,0.4);
|
||||
opacity: 0.4;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
@ -454,14 +454,14 @@ Array [
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.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;
|
||||
@ -476,7 +476,7 @@ Array [
|
||||
.emotion-5 {
|
||||
width: 1px;
|
||||
height: 24px;
|
||||
background: rgba(0,0,0,.05);
|
||||
background: rgba(0,0,0,.1);
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
@ -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: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-2 {
|
||||
@ -149,7 +149,7 @@ exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
|
||||
.emotion-24 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
-webkit-flex: 1;
|
||||
@ -213,8 +213,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(0,0,0,.05);
|
||||
font-size: 14px;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@ -330,18 +329,16 @@ exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
|
||||
background: #FEDED2;
|
||||
color: #FF4400;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
padding: 10px 20px;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,.05);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.emotion-14 {
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -401,40 +398,32 @@ exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
|
||||
class="emotion-8"
|
||||
>
|
||||
<svg
|
||||
height="64px"
|
||||
title="Storybook icon"
|
||||
viewBox="0 0 64 64"
|
||||
width="64px"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
d="M2 58.6L0 6c0-1.7 1.3-3.2 3-3.3L47.6 0A3.2 3.2 0 0 1 51 3.2v57.2a3.2 3.2 0 0 1-3.3 3.2L5 61.6c-1.6 0-3-1.4-3-3z"
|
||||
id="a"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
transform="translate(6.6 .2)"
|
||||
id="Artboard"
|
||||
stroke="none"
|
||||
stroke-width="1"
|
||||
>
|
||||
<mask
|
||||
fill="#fff"
|
||||
id="b"
|
||||
>
|
||||
<use
|
||||
href="#a"
|
||||
/>
|
||||
</mask>
|
||||
<use
|
||||
<path
|
||||
d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
|
||||
fill="#FF4785"
|
||||
fill-rule="nonzero"
|
||||
href="#a"
|
||||
id="path-1"
|
||||
/>
|
||||
<path
|
||||
d="M37.7 7.8L38 .5 44 0l.3 7.6a.5.5 0 0 1-.8.4l-2.4-2-2.8 2.2a.5.5 0 0 1-.7-.4zM29.8 24c0 1.2 8.4.6 9.5-.3 0-8.4-4.5-12.9-12.8-12.9s-13 4.5-13 11.3c0 11.8 16 12 16 18.5 0 1.8-1 2.9-3 2.9-2.4 0-3.5-1.3-3.3-5.7 0-1-9.7-1.3-10 0-.8 10.6 5.9 13.7 13.5 13.7 7.4 0 13.2-4 13.2-11 0-12.7-16.2-12.3-16.2-18.6 0-2.6 1.9-2.9 3-2.9 1.2 0 3.3.2 3.1 5z"
|
||||
fill="#FFF"
|
||||
d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
|
||||
fill="#FFFFFF"
|
||||
fill-rule="nonzero"
|
||||
mask="url(#b)"
|
||||
id="path9_fill-path"
|
||||
/>
|
||||
<path
|
||||
d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
|
||||
fill="#FFFFFF"
|
||||
id="Path"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
@ -534,14 +523,14 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-2 {
|
||||
@ -660,7 +649,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
.emotion-40 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
-webkit-flex: 1;
|
||||
@ -676,8 +665,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
display: flex;
|
||||
padding-top: 20px;
|
||||
margin-top: 20px;
|
||||
border-top: 1px solid rgba(0,0,0,.05);
|
||||
font-size: 14px;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@ -894,7 +882,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
|
||||
.emotion-16 h2 {
|
||||
font-size: 24px;
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.emotion-16 h3 {
|
||||
@ -914,7 +902,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.emotion-16 pre {
|
||||
.emotion-16 pre:not(.hljs) {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
@ -922,7 +910,8 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.emotion-16 pre pre {
|
||||
.emotion-16 pre pre,
|
||||
.emotion-16 pre.hljs {
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
@ -932,7 +921,8 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.emotion-16 pre pre code {
|
||||
.emotion-16 pre pre code,
|
||||
.emotion-16 pre.hljs code {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
@ -960,7 +950,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 a {
|
||||
color: #4183c4;
|
||||
color: #1EA7FD;
|
||||
-webkit-text-decoration: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -1056,7 +1046,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
|
||||
.emotion-16 hr {
|
||||
border: 0 none;
|
||||
color: rgba(0,0,0,.05);
|
||||
color: rgba(0,0,0,.1);
|
||||
height: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
@ -1160,9 +1150,9 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 blockquote {
|
||||
border-left: 4px solid #dddddd;
|
||||
border-left: 4px solid #DDDDDD;
|
||||
padding: 0 15px;
|
||||
color: #777777;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.emotion-16 blockquote > :first-child {
|
||||
@ -1179,26 +1169,26 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 table tr {
|
||||
border-top: 1px solid rgba(0,0,0,.05);
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.emotion-16 table tr:nth-child(2n) {
|
||||
background-color: #f8f8f8;
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
.emotion-16 table tr th {
|
||||
font-weight: bold;
|
||||
border: 1px solid rgba(0,0,0,.05);
|
||||
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(0,0,0,.05);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 6px 13px;
|
||||
@ -1224,7 +1214,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 span.frame > span {
|
||||
border: 1px solid #dddddd;
|
||||
border: 1px solid #DDDDDD;
|
||||
display: block;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
@ -1311,8 +1301,8 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
margin: 0 2px;
|
||||
padding: 0 5px;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #eaeaea;
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #EEEEEE;
|
||||
background-color: #F8F8F8;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@ -1320,28 +1310,26 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
background: #E1FFD4;
|
||||
color: #66BF3C;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
padding: 10px 20px;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,.05);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.emotion-30 {
|
||||
padding-top: 20px;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-top: 1px solid rgba(0,0,0,.05);
|
||||
font-size: 14px;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.emotion-22 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
border-radius: 4px;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.emotion-19 {
|
||||
@ -1353,152 +1341,6 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.emotion-19 * .token {
|
||||
font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.comment {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.prolog {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.doctype {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.punctuation {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.operator {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.url {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.symbol {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.number {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.boolean {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.variable {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.constant {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.atrule {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.keyword {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.attr-value {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.deleted {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.class-name {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.tag {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.attr-name {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.property {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.regex {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.emotion-19 * .token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.emotion-19 * .language-json .token.boolean {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-19 * .language-json .token.number {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.emotion-19 * .language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.emotion-19 * .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.emotion-18 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
@ -1529,7 +1371,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.emotion-20 {
|
||||
@ -1545,22 +1387,22 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #666666;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
font-weight: 700;
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid rgba(0,0,0,0.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(0,0,0,0.1);
|
||||
border-right: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.emotion-20 + * {
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid rgba(0,0,0,.1);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@ -1625,40 +1467,32 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
class="emotion-8"
|
||||
>
|
||||
<svg
|
||||
height="64px"
|
||||
title="Storybook icon"
|
||||
viewBox="0 0 64 64"
|
||||
width="64px"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
d="M2 58.6L0 6c0-1.7 1.3-3.2 3-3.3L47.6 0A3.2 3.2 0 0 1 51 3.2v57.2a3.2 3.2 0 0 1-3.3 3.2L5 61.6c-1.6 0-3-1.4-3-3z"
|
||||
id="a"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
transform="translate(6.6 .2)"
|
||||
id="Artboard"
|
||||
stroke="none"
|
||||
stroke-width="1"
|
||||
>
|
||||
<mask
|
||||
fill="#fff"
|
||||
id="b"
|
||||
>
|
||||
<use
|
||||
href="#a"
|
||||
/>
|
||||
</mask>
|
||||
<use
|
||||
<path
|
||||
d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
|
||||
fill="#FF4785"
|
||||
fill-rule="nonzero"
|
||||
href="#a"
|
||||
id="path-1"
|
||||
/>
|
||||
<path
|
||||
d="M37.7 7.8L38 .5 44 0l.3 7.6a.5.5 0 0 1-.8.4l-2.4-2-2.8 2.2a.5.5 0 0 1-.7-.4zM29.8 24c0 1.2 8.4.6 9.5-.3 0-8.4-4.5-12.9-12.8-12.9s-13 4.5-13 11.3c0 11.8 16 12 16 18.5 0 1.8-1 2.9-3 2.9-2.4 0-3.5-1.3-3.3-5.7 0-1-9.7-1.3-10 0-.8 10.6 5.9 13.7 13.5 13.7 7.4 0 13.2-4 13.2-11 0-12.7-16.2-12.3-16.2-18.6 0-2.6 1.9-2.9 3-2.9 1.2 0 3.3.2 3.1 5z"
|
||||
fill="#FFF"
|
||||
d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
|
||||
fill="#FFFFFF"
|
||||
fill-rule="nonzero"
|
||||
mask="url(#b)"
|
||||
id="path9_fill-path"
|
||||
/>
|
||||
<path
|
||||
d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
|
||||
fill="#FFFFFF"
|
||||
id="Path"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
@ -1771,7 +1605,7 @@ exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Alternatively, if you're using a yarn run the following command, and check all Storybook related packages:
|
||||
Alternatively, if you're using yarn run the following command, and check all Storybook related packages:
|
||||
</p>
|
||||
<div
|
||||
class="emotion-22"
|
||||
@ -1864,14 +1698,14 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
background: rgba(255,255,255,1);
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
background: rgba(255,255,255,1) linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,0.1) calc(100% - 1px));
|
||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||
}
|
||||
|
||||
.emotion-2 {
|
||||
@ -1990,7 +1824,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
.emotion-26 {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
-webkit-flex: 1;
|
||||
@ -2006,8 +1840,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
display: flex;
|
||||
padding-top: 20px;
|
||||
margin-top: 20px;
|
||||
border-top: 1px solid rgba(0,0,0,.05);
|
||||
font-size: 14px;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@ -2114,12 +1947,11 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
background: #EAF3FC;
|
||||
color: #333333;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
padding: 10px 20px;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0,0,0,.05);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -2237,7 +2069,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
|
||||
.emotion-16 h2 {
|
||||
font-size: 24px;
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.emotion-16 h3 {
|
||||
@ -2257,7 +2089,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.emotion-16 pre {
|
||||
.emotion-16 pre:not(.hljs) {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
@ -2265,7 +2097,8 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.emotion-16 pre pre {
|
||||
.emotion-16 pre pre,
|
||||
.emotion-16 pre.hljs {
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
@ -2275,7 +2108,8 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.emotion-16 pre pre code {
|
||||
.emotion-16 pre pre code,
|
||||
.emotion-16 pre.hljs code {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
@ -2303,7 +2137,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 a {
|
||||
color: #4183c4;
|
||||
color: #1EA7FD;
|
||||
-webkit-text-decoration: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -2399,7 +2233,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
|
||||
.emotion-16 hr {
|
||||
border: 0 none;
|
||||
color: rgba(0,0,0,.05);
|
||||
color: rgba(0,0,0,.1);
|
||||
height: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
@ -2503,9 +2337,9 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 blockquote {
|
||||
border-left: 4px solid #dddddd;
|
||||
border-left: 4px solid #DDDDDD;
|
||||
padding: 0 15px;
|
||||
color: #777777;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.emotion-16 blockquote > :first-child {
|
||||
@ -2522,26 +2356,26 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 table tr {
|
||||
border-top: 1px solid rgba(0,0,0,.05);
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.emotion-16 table tr:nth-child(2n) {
|
||||
background-color: #f8f8f8;
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
.emotion-16 table tr th {
|
||||
font-weight: bold;
|
||||
border: 1px solid rgba(0,0,0,.05);
|
||||
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(0,0,0,.05);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 6px 13px;
|
||||
@ -2567,7 +2401,7 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
}
|
||||
|
||||
.emotion-16 span.frame > span {
|
||||
border: 1px solid #dddddd;
|
||||
border: 1px solid #DDDDDD;
|
||||
display: block;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
@ -2654,8 +2488,8 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
margin: 0 2px;
|
||||
padding: 0 5px;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #eaeaea;
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #EEEEEE;
|
||||
background-color: #F8F8F8;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@ -2715,40 +2549,32 @@ exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
|
||||
class="emotion-8"
|
||||
>
|
||||
<svg
|
||||
height="64px"
|
||||
title="Storybook icon"
|
||||
viewBox="0 0 64 64"
|
||||
width="64px"
|
||||
>
|
||||
<defs>
|
||||
<path
|
||||
d="M2 58.6L0 6c0-1.7 1.3-3.2 3-3.3L47.6 0A3.2 3.2 0 0 1 51 3.2v57.2a3.2 3.2 0 0 1-3.3 3.2L5 61.6c-1.6 0-3-1.4-3-3z"
|
||||
id="a"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
transform="translate(6.6 .2)"
|
||||
id="Artboard"
|
||||
stroke="none"
|
||||
stroke-width="1"
|
||||
>
|
||||
<mask
|
||||
fill="#fff"
|
||||
id="b"
|
||||
>
|
||||
<use
|
||||
href="#a"
|
||||
/>
|
||||
</mask>
|
||||
<use
|
||||
<path
|
||||
d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
|
||||
fill="#FF4785"
|
||||
fill-rule="nonzero"
|
||||
href="#a"
|
||||
id="path-1"
|
||||
/>
|
||||
<path
|
||||
d="M37.7 7.8L38 .5 44 0l.3 7.6a.5.5 0 0 1-.8.4l-2.4-2-2.8 2.2a.5.5 0 0 1-.7-.4zM29.8 24c0 1.2 8.4.6 9.5-.3 0-8.4-4.5-12.9-12.8-12.9s-13 4.5-13 11.3c0 11.8 16 12 16 18.5 0 1.8-1 2.9-3 2.9-2.4 0-3.5-1.3-3.3-5.7 0-1-9.7-1.3-10 0-.8 10.6 5.9 13.7 13.5 13.7 7.4 0 13.2-4 13.2-11 0-12.7-16.2-12.3-16.2-18.6 0-2.6 1.9-2.9 3-2.9 1.2 0 3.3.2 3.1 5z"
|
||||
fill="#FFF"
|
||||
d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
|
||||
fill="#FFFFFF"
|
||||
fill-rule="nonzero"
|
||||
mask="url(#b)"
|
||||
id="path9_fill-path"
|
||||
/>
|
||||
<path
|
||||
d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
|
||||
fill="#FFFFFF"
|
||||
id="Path"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user