Merge pull request #5806 from storybooks/5781-document-decorator-changes

Allow local decorators via params
storybookjs · Mar 1, 2019 · 6795508 · 6795508
1 parent 0b28439
commit 6795508
Show file tree

Hide file tree

Showing 10 changed files with 2,762 additions and 3,627 deletions.
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
@@ -207,114 +207,90 @@ exports[`Storyshots Button with new info 1`] = `
             >
               "Container" Component
             </h3>
-            <table>
+            <table
+              class="info-table"
+            >
               <thead>
                 <tr>
-                  <th
-                    style="text-align:left;vertical-align:top"
-                  >
+                  <th>
                     property
                   </th>
-                  <th
-                    style="text-align:left;vertical-align:top"
-                  >
+                  <th>
                     propType
                   </th>
-                  <th
-                    style="text-align:left;vertical-align:top"
-                  >
+                  <th>
                     required
                   </th>
-                  <th
-                    style="text-align:left;vertical-align:top"
-                  >
+                  <th>
                     default
                   </th>
-                  <th
-                    style="text-align:left;vertical-align:top"
-                  >
+                  <th>
                     description
                   </th>
                 </tr>
               </thead>
               <tbody>
                 <tr>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     children
                   </td>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     <span>
                       node
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     yes
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     -
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  />
+                  <td />
                 </tr>
                 <tr>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     isAmazing
                   </td>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     <span>
                       bool
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     -
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     <span>
                       false
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  />
+                  <td />
                 </tr>
                 <tr>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     age
                   </td>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     <span>
                       other
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     -
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     <span>
                       {
                       <span>
@@ -339,38 +315,30 @@ exports[`Storyshots Button with new info 1`] = `
                       }
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  />
+                  <td />
                 </tr>
                 <tr>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     title
                   </td>
                   <td
-                    style="padding-right:10px;vertical-align:top"
+                    class="info-table-monospace"
                   >
                     <span>
                       string
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     -
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  >
+                  <td>
                     <span>
                       the best container ever
                     </span>
                   </td>
-                  <td
-                    style="padding-right:10px;vertical-align:top"
-                  />
+                  <td />
                 </tr>
               </tbody>
             </table>