Merge pull request #4297 from bethcollins92/4292-empty-state-table

Update table docs with empty state
canonical · Feb 4, 2022 · c769a61 · c769a61
2 parents a703eaa + d61b241
commit c769a61
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 7 deletions.
diff --git a/templates/_layouts/docs.html b/templates/_layouts/docs.html
@@ -66,14 +66,14 @@
               {{ side_nav_item("/docs/patterns/breadcrumbs", "Breadcrumbs") }}
               {{ side_nav_item("/docs/patterns/buttons", "Buttons") }}
               {{ side_nav_item("/docs/patterns/card", "Cards") }}
-              {{ side_nav_item("/docs/patterns/chip", "Chips", 'updated', 'information') }}
+              {{ side_nav_item("/docs/patterns/chip", "Chips") }}
               {{ side_nav_item("/docs/patterns/contextual-menu", "Contextual menu") }}
               {{ side_nav_item("/docs/patterns/empty-state", "Empty state", 'new', 'positive') }}
               {{ side_nav_item("/docs/patterns/grid", "Grid") }}
               {{ side_nav_item("/docs/patterns/heading-icon", "Heading icon") }}
               {{ side_nav_item("/docs/patterns/icons", "Icons") }}
               {{ side_nav_item("/docs/patterns/images", "Images") }}
-              {{ side_nav_item("/docs/patterns/labels", "Labels", 'updated', 'information') }}
+              {{ side_nav_item("/docs/patterns/labels", "Labels") }}
               {{ side_nav_item("/docs/patterns/links", "Links") }}
               {{ side_nav_item("/docs/patterns/list-tree", "List tree") }}
               {{ side_nav_item("/docs/patterns/lists", "Lists", 'updated', 'information') }}
@@ -87,8 +87,8 @@
               {{ side_nav_item("/docs/patterns/pagination", "Pagination") }}
               {{ side_nav_item("/docs/patterns/pull-quote", "Quotes") }}
               {{ side_nav_item("/docs/patterns/search-and-filter", "Search and filter") }}
-              {{ side_nav_item("/docs/patterns/search-box", "Search box", 'new', 'positive') }}
-              {{ side_nav_item("/docs/patterns/slider", "Slider") }}
+              {{ side_nav_item("/docs/patterns/search-box", "Search box") }}
+              {{ side_nav_item("/docs/patterns/slider", "Slider", 'updated', 'information') }}
               {{ side_nav_item("/docs/patterns/strip", "Strip") }}
               {{ side_nav_item("/docs/patterns/switch", "Switch", 'updated', 'information') }}
               {{ side_nav_item("/docs/patterns/table-of-contents", "Table of contents") }}

diff --git a/templates/docs/base/tables.md b/templates/docs/base/tables.md
@@ -33,10 +33,10 @@ You can find out more about the [truncation](/docs/utilities/truncate) and
 
 ## Empty
 
-A `<caption>` element can be used to provide a description when there is no data to display in the table.
+A `<caption>` element can be used to provide a description when there is no data to display in the table. For more examples, see the [Empty states documentation](/docs/patterns/empty-state).
 
-<div class="embedded-example"><a href="/docs/examples/base/table-empty/" class="js-example">
-View example of empty table
+<div class="embedded-example"><a href="/docs/examples/patterns/empty-state/no-content" class="js-example">
+View example of the empty state caused by no content
 </a></div>
 
 ## Icons

diff --git a/templates/docs/whats-new.md b/templates/docs/whats-new.md
@@ -37,6 +37,29 @@ When we add, make significant updates, or deprecate a component we update their
       <td>3.1.0</td>
       <td>We've updated lists by adding a new class name. It can be used when nested items numbers are required to be set according to their parents.</td>
     </tr>
+    <tr>
+      <th><a href="/docs/patterns/slider">Slider</a> and <a href="/docs/patterns/switch">Switch</a></th>
+      <td>
+        <span class="p-label--information">Updated</span>
+      </td>
+      <td>3.1.0</td>
+      <td>We've updated the styling of the Switch and Slider components.</td>
+    </tr>
+  </tbody>
+</table>
+
+## Previously in Vanilla v3
+
+<table aria-label="Previously in Vanilla v3">
+  <thead>
+    <tr>
+      <th style="width: 20%">Component</th>
+      <th style="width: 15%">Status</th>
+      <th style="width: 10%">Version</th>
+      <th style="width: 55%">Notes</th>
+    </tr>
+  </thead>
+  <tbody>
     <!-- 3.0.0 -->
     <tr>
       <th><a href="/docs/patterns/navigation">Expanding search box</a></th>