1- <!DOCTYPE html>
2- < html lang ="en ">
3- < head >
4- < meta charset ="utf-8 ">
5- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
6- < meta content ="IE=edge " http-equiv ="X-UA-Compatible " />
7- < title > Storybook</ title >
8- < link rel ="shortcut icon " href ="favicon.ico?v=1 " />
9-
10-
11-
12-
13- < base target ="_parent ">
14-
15- < style >
16- : not (.sb-show-main ) > .sb-main ,
1+ <!doctype html> < html lang ="en "> < head > < meta charset ="utf-8 "> < title > Storybook</ title > < meta name ="viewport " content ="width=device-width,initial-scale=1 "> < base target ="_parent "> < style > : not (.sb-show-main ) > .sb-main ,
172 : not (.sb-show-nopreview ) > .sb-nopreview ,
183 : not (.sb-show-errordisplay ) > .sb-errordisplay {
19- display : none;
4+ display : none;
205 }
216
227 .sb-wrapper {
2611 left : 0 ;
2712 right : 0 ;
2813 padding : 20px ;
29- font-family : -apple-system, ".SFNSText-Regular" , "San Francisco" , Roboto , "Segoe UI" , "Helvetica Neue" , "Lucida Grande" , sans-serif;
14+ font-family : "Nunito Sans" , -apple-system, ".SFNSText-Regular" , "San Francisco" , BlinkMacSystemFont , "Segoe UI" , "Helvetica Neue" , Helvetica , Arial , sans-serif;
3015 -webkit-font-smoothing : antialiased;
16+ overflow : auto;
3117 }
3218
3319 .sb-heading {
34- font-size : 20 px ;
20+ font-size : 14 px ;
3521 font-weight : 600 ;
3622 letter-spacing : 0.2px ;
3723 margin : 10px 0 ;
24+ padding-right : 25px ;
3825 }
3926
4027 .sb-nopreview {
5542 }
5643
5744 .sb-errordisplay {
58- background-color : rgb (187 , 49 , 49 );
59- color : # FFF ;
45+ border : 20px solid rgb (187 , 49 , 49 );
46+ background : # 222 ;
47+ color : # fff ;
48+ z-index : 999999 ;
6049 }
6150
6251 .sb-errordisplay_code {
63- font-size : 14px ;
64- width : 100vw ;
65- overflow : auto;
52+ padding : 10px ;
53+ background : # 000 ;
54+ color : # eee ;
55+ font-family : "Operator Mono" , "Fira Code Retina" , "Fira Code" , "FiraCode-Retina" , "Andale Mono" , "Lucida Console" , Consolas, Monaco, monospace;
6656 }
67- </ style >
6857
69- < script >
70- if ( window . parent !== window ) {
71- window . __REACT_DEVTOOLS_GLOBAL_HOOK__ = window . parent . __REACT_DEVTOOLS_GLOBAL_HOOK__ ;
72- window . __VUE_DEVTOOLS_GLOBAL_HOOK__ = window . parent . __VUE_DEVTOOLS_GLOBAL_HOOK__ ;
73- }
74- </ script >
75- < style >
76- .react-code-input input [type = "number" ]::-webkit-outer-spin-button ,
58+ .sb-errordisplay pre {
59+ white-space : pre-wrap;
60+ }</ style > < script > /* globals window */
61+ /* eslint-disable no-underscore-dangle */
62+ try {
63+ if ( window . top !== window ) {
64+ window . __REACT_DEVTOOLS_GLOBAL_HOOK__ = window . top . __REACT_DEVTOOLS_GLOBAL_HOOK__ ;
65+ window . __VUE_DEVTOOLS_GLOBAL_HOOK__ = window . top . __VUE_DEVTOOLS_GLOBAL_HOOK__ ;
66+ window . top . __VUE_DEVTOOLS_CONTEXT__ = window . document ;
67+ }
68+ } catch ( e ) {
69+ // eslint-disable-next-line no-console
70+ console . warn ( 'unable to connect to top frame for connecting dev tools' ) ;
71+ } </ script > < style > .react-code-input input [type = "number" ]::-webkit-outer-spin-button ,
7772 .react-code-input input [type = "number" ]::-webkit-inner-spin-button {
7873 -webkit-appearance : none;
7974 margin : 0 ; }
8075 .react-code-input input [type = "number" ] {
81- -moz-appearance : textfield; }
82- </ style >
83- <!-- Hotjar Tracking Code for https://40818419.github.io/react-code-input/ -->
84- < script >
85- ( function ( h , o , t , j , a , r ) {
76+ -moz-appearance : textfield; }</ style > < script > ( function ( h , o , t , j , a , r ) {
8677 h . hj = h . hj || function ( ) { ( h . hj . q = h . hj . q || [ ] ) . push ( arguments ) } ;
8778 h . _hjSettings = { hjid :381601 , hjsv :5 } ;
8879 a = o . getElementsByTagName ( 'head' ) [ 0 ] ;
8980 r = o . createElement ( 'script' ) ; r . async = 1 ;
9081 r . src = t + h . _hjSettings . hjid + j + h . _hjSettings . hjsv ;
9182 a . appendChild ( r ) ;
92- } ) ( window , document , '//static.hotjar.com/c/hotjar-' , '.js?sv=' ) ;
93- </ script >
94-
95-
96- </ head >
97- < body >
98-
99-
100-
101-
102- < div class ="sb-nopreview sb-wrapper ">
103- < div class ="sb-nopreview_main ">
104- < h1 class ="sb-nopreview_heading sb-heading "> No Preview</ h1 >
105- < p > Sorry, but you either have no stories or none are selected somehow.</ p >
106- < ul >
107- < li > Please check the storybook config.</ li >
108- < li > Try reloading the page.</ li >
109- </ ul >
110- </ div >
111- </ div >
112-
113- < div class ="sb-errordisplay sb-wrapper ">
114- < div id ="error-message " class ="sb-heading "> </ div >
115- < pre class ="sb-errordisplay_code ">
116- < code id ="error-stack "> </ code >
117- </ pre >
118- </ div >
119-
120-
121-
122- < div id ="root "> </ div >
123-
124-
125-
126-
127-
128-
129-
130- < script src ="static/runtime~iframe.7161ffe0bb3d969a0dda.bundle.js " defer > </ script >
131-
132-
133-
134- < script src ="static/vendors~iframe.917d8e8f3e518ec26969.bundle.js " defer > </ script >
135-
136-
137-
138- < script src ="static/iframe.6bda8d9805b3c00c5208.bundle.js " defer > </ script >
139-
140-
141-
142- </ body >
143- </ html >
83+ } ) ( window , document , '//static.hotjar.com/c/hotjar-' , '.js?sv=' ) ; </ script > < style > # root [hidden ],
84+ # docs-root [hidden ] {
85+ display : none !important ;
86+ }</ style > </ head > < body > < div class ="sb-nopreview sb-wrapper "> < div class ="sb-nopreview_main "> < h1 class ="sb-nopreview_heading sb-heading "> No Preview</ h1 > < p > Sorry, but you either have no stories or none are selected somehow.</ p > < ul > < li > Please check the Storybook config.</ li > < li > Try reloading the page.</ li > </ ul > < p > If the problem persists, check the browser console, or the terminal you've run Storybook from.</ p > </ div > </ div > < div class ="sb-errordisplay sb-wrapper "> < pre id ="error-message " class ="sb-heading "> </ pre > < pre class ="sb-errordisplay_code "> < code id ="error-stack "> </ code > </ pre > </ div > < div id ="root "> </ div > < div id ="docs-root "> </ div > < script src ="runtime~main.b74c3d32a4afaa0206f0.bundle.js "> </ script > < script src ="vendors~main.b74c3d32a4afaa0206f0.bundle.js "> </ script > < script src ="main.b74c3d32a4afaa0206f0.bundle.js "> </ script > </ body > </ html >
0 commit comments