@storybook/components 5.0.0-rc.9 → 5.0.3

package/dist/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot

@@ -1,19 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Basics|SyntaxHighlighter bash 1`] = `
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-}
-
 .emotion-2 {
   position: relative;
   overflow: auto;
@@ -169,6 +156,19 @@ exports[`Storyshots Basics|SyntaxHighlighter bash 1`] = `
   opacity: 0.7;
 }
 
+.emotion-0 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding-right: 0;
+  opacity: 1;
+}
+
+.emotion-3 {
+  position: relative;
+  overflow: hidden;
+}
+
 .emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -220,76 +220,6 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
   border: 1px solid rgba(0,0,0,.1);
 }
 
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-4 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  background: #FFFFFF;
-}
-
-.emotion-3 {
-  border: 0 none;
-  padding: 4px 10px;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: #333333;
-  background: #FFFFFF;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 700;
-  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,.1);
-}
-
-.emotion-3 + * {
-  border-left: 1px solid rgba(0,0,0,.1);
-  border-radius: 0;
-}
-
-.emotion-3:focus {
-  box-shadow: #1EA7FD 0 -3px 0 0 inset;
-  outline: 0 none;
-}
-
 .emotion-2 {
   position: relative;
   overflow: auto;
@@ -445,6 +375,76 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
   opacity: 0.7;
 }
 
+.emotion-1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 10px;
+}
+
+.emotion-0 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding-right: 0;
+  opacity: 1;
+}
+
+.emotion-4 {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  max-width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background: #FFFFFF;
+}
+
+.emotion-3 {
+  border: 0 none;
+  padding: 4px 10px;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  color: #333333;
+  background: #FFFFFF;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 700;
+  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,.1);
+}
+
+.emotion-3 + * {
+  border-left: 1px solid rgba(0,0,0,.1);
+  border-radius: 0;
+}
+
+.emotion-3:focus {
+  box-shadow: #1EA7FD 0 -3px 0 0 inset;
+  outline: 0 none;
+}
+
 <div
   class="emotion-5"
 >
@@ -653,19 +653,6 @@ exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
 `;
 
 exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-}
-
 .emotion-2 {
   position: relative;
   overflow: auto;
@@ -821,6 +808,19 @@ exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
   opacity: 0.7;
 }
 
+.emotion-0 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding-right: 0;
+  opacity: 1;
+}
+
+.emotion-3 {
+  position: relative;
+  overflow: hidden;
+}
+
 .emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1063,32 +1063,6 @@ exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
 `;
 
 exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-}
-
 .emotion-2 {
   position: relative;
   overflow: auto;
@@ -1244,6 +1218,32 @@ exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
   opacity: 0.7;
 }
 
+.emotion-1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 10px;
+}
+
+.emotion-0 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding-right: 0;
+  opacity: 1;
+}
+
+.emotion-3 {
+  position: relative;
+  overflow: hidden;
+}
+
 <div
   class="emotion-3"
 >
@@ -1443,19 +1443,6 @@ exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
 `;
 
 exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-}
-
 .emotion-2 {
   position: relative;
   overflow: auto;
@@ -1611,6 +1598,19 @@ exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
   opacity: 0.7;
 }
 
+.emotion-0 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding-right: 0;
+  opacity: 1;
+}
+
+.emotion-3 {
+  position: relative;
+  overflow: hidden;
+}
+
 .emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1855,19 +1855,6 @@ exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
 `;
 
 exports[`Storyshots Basics|SyntaxHighlighter story 1`] = `
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-}
-
 .emotion-2 {
   position: relative;
   overflow: auto;
@@ -2023,6 +2010,19 @@ exports[`Storyshots Basics|SyntaxHighlighter story 1`] = `
   opacity: 0.7;
 }
 
+.emotion-0 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding-right: 0;
+  opacity: 1;
+}
+
+.emotion-3 {
+  position: relative;
+  overflow: hidden;
+}
+
 .emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;