@workday/canvas-kit-docs 16.0.0-alpha.0499-next.0 → 16.0.0

package/dist/es6/lib/specs.js

@@ -1,4 +1,140 @@
 module.exports = {specifications: [
+  {
+    "type": "file",
+    "name": "ActionBar",
+    "children": [
+      {
+        "type": "describe",
+        "name": "ActionBar",
+        "children": [
+          {
+            "type": "describe",
+            "name": " Example",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have an element with a role of \"region\""
+              },
+              {
+                "type": "it",
+                "name": "should have 2 buttons inside the \"region\""
+              },
+              {
+                "type": "describe",
+                "name": "when the first button focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should move focus to the tabpanel"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": " Example",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have an element with a role of \"region\""
+              },
+              {
+                "type": "it",
+                "name": "should have 2 buttons inside the \"region\""
+              },
+              {
+                "type": "describe",
+                "name": "when the first button focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should move focus to the tabpanel"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": " Example",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have an element with a role of \"region\""
+              },
+              {
+                "type": "it",
+                "name": "should have 2 buttons inside the \"region\""
+              },
+              {
+                "type": "describe",
+                "name": "when the first button focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should move focus to the tabpanel"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "OverflowActionBarCustomButtonCount Example",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have 3 visible buttons inside the \"region\""
+              },
+              {
+                "type": "it",
+                "name": "should focus on the \"More\" button"
+              },
+              {
+                "type": "it",
+                "name": "should have button inside the \"menu\""
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "Autocomplete",
@@ -376,7 +512,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "Error Example",
+            "name": " Example",
             "children": [
               {
                 "type": "it",
@@ -390,7 +526,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "Sticky Example",
+            "name": " Example",
             "children": [
               {
                 "type": "it",
@@ -728,7 +864,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "given the 'Basic' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -748,7 +884,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Caution' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -768,7 +904,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Error' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -828,7 +964,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "given the 'Basic' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -888,7 +1024,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Caution' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -948,7 +1084,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Error' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -1008,7 +1144,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Checked' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -1068,7 +1204,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Grow' example is rendered",
+            "name": "given the '' example is rendered",
             "children": [
               {
                 "type": "it",
@@ -1560,7 +1696,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "Informational Example",
+            "name": " Example",
             "children": [
               {
                 "type": "it",
@@ -1574,7 +1710,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "Caution Example",
+            "name": " Example",
             "children": [
               {
                 "type": "it",
@@ -1588,7 +1724,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "Critical Example",
+            "name": " Example",
             "children": [
               {
                 "type": "it",
@@ -2727,7 +2863,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "given the [Preview/Pill, Basic] example is rendered",
+            "name": "given the [Preview/Pill, ] example is rendered",
             "children": [
               {
                 "type": "it",
@@ -2749,7 +2885,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Preview/Pill, WithAvatar] example is rendered",
+            "name": "given the [Preview/Pill, ] example is rendered",
             "children": [
               {
                 "type": "it",
@@ -2771,7 +2907,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Preview/Pill, WithCount] example is rendered",
+            "name": "given the [Preview/Pill, ] example is rendered",
             "children": [
               {
                 "type": "it",
@@ -3593,7 +3729,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "given the 'Basic' story is rendered",
+            "name": "given the '' story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3627,7 +3763,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Caution' story is rendered",
+            "name": "given the '' story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3661,7 +3797,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Error' story is rendered",
+            "name": "given the '' story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3721,7 +3857,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "given the 'Basic' story is rendered",
+            "name": "given the '' story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3755,7 +3891,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Caution' story is rendered",
+            "name": "given the '' story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3789,7 +3925,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Error' story is rendered",
+            "name": "given the '' story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3863,7 +3999,7 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "given the Basic story is rendered",
+            "name": "given the  story is rendered",
             "children": [
               {
                 "type": "it",
@@ -3981,7 +4117,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the Vertical story is rendered",
+            "name": "given the  story is rendered",
             "children": [
               {
                 "type": "it",
@@ -4921,15 +5057,15 @@ module.exports = {specifications: [
   },
   {
     "type": "file",
-    "name": "Switch",
+    "name": "SidePanel",
     "children": [
       {
         "type": "describe",
-        "name": "Switch",
+        "name": "Side Panel",
         "children": [
           {
             "type": "describe",
-            "name": "given the 'Basic' story is rendered",
+            "name": "given the \"Default\" story is rendered",
             "children": [
               {
                 "type": "it",
@@ -4937,31 +5073,55 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "the button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should be checked"
+                    "name": "should have an accessible name"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-pressed attribute of 'false'"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-controls attribute equal to the id of the panel"
                   }
                 ]
-              }
-            ]
-          },
-          {
-            "type": "describe",
-            "name": "given the 'Caution' story is rendered",
-            "children": [
+              },
               {
                 "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should have a panel with a landmark role"
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "when collapsing the panel",
                 "children": [
                   {
-                    "type": "it",
-                    "name": "should be checked"
+                    "type": "describe",
+                    "name": "the button",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should still have an aria-pressed attribute of 'false' while collapsing"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the panel's width transition finishes",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "the button",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should have an aria-pressed attribute of 'true'"
+                          }
+                        ]
+                      }
+                    ]
                   }
                 ]
               }
@@ -4969,7 +5129,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Error' story is rendered",
+            "name": "given the \"AsAside\" story is rendered",
             "children": [
               {
                 "type": "it",
@@ -4977,57 +5137,55 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "the button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should be checked"
+                    "name": "should have an accessible name"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-pressed attribute of 'false'"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-controls attribute equal to the id of the panel"
                   }
                 ]
-              }
-            ]
-          },
-          {
-            "type": "describe",
-            "name": "given the 'Disabled' story is rendered",
-            "children": [
-              {
-                "type": "it",
-                "name": "should not have any axe errors"
               },
               {
                 "type": "it",
-                "name": "should be disabled"
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "type": "file",
-    "name": "SwitchPreview",
-    "children": [
-      {
-        "type": "describe",
-        "name": "Switch",
-        "children": [
-          {
-            "type": "describe",
-            "name": "given the 'Basic' story is rendered",
-            "children": [
-              {
-                "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should have a panel with a landmark role"
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "when collapsing the panel",
                 "children": [
                   {
-                    "type": "it",
-                    "name": "should be checked"
+                    "type": "describe",
+                    "name": "the button",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should still have an aria-pressed attribute of 'false' while collapsing"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the panel's width transition finishes",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "the button",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should have an aria-pressed attribute of 'true'"
+                          }
+                        ]
+                      }
+                    ]
                   }
                 ]
               }
@@ -5035,7 +5193,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Caution' story is rendered",
+            "name": "given the \"AsDiv\" story is rendered",
             "children": [
               {
                 "type": "it",
@@ -5043,47 +5201,85 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "the button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should be checked"
+                    "name": "should have an accessible name"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-pressed attribute of 'false'"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-controls attribute equal to the id of the panel"
                   }
                 ]
-              }
-            ]
-          },
-          {
-            "type": "describe",
-            "name": "given the 'Error' story is rendered",
-            "children": [
+              },
               {
                 "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should have a panel with a landmark role"
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "when collapsing the panel",
                 "children": [
                   {
-                    "type": "it",
-                    "name": "should be checked"
-                  }
-                ]
-              }
-            ]
-          },
+                    "type": "describe",
+                    "name": "the button",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should still have an aria-pressed attribute of 'false' while collapsing"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the panel's width transition finishes",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "the button",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should have an aria-pressed attribute of 'true'"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
           {
             "type": "describe",
-            "name": "given the 'Disabled' story is rendered",
+            "name": "given the 'first focusable' story is rendered",
             "children": [
               {
-                "type": "it",
-                "name": "should not have any axe errors"
-              },
-              {
-                "type": "it",
-                "name": "should be disabled"
+                "type": "describe",
+                "name": "when focused on a focusable element preceding the Side Panel",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed once",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "the expand/collapse control button",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should be focused first"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
               }
             ]
           }
@@ -5093,195 +5289,149 @@ module.exports = {specifications: [
   },
   {
     "type": "file",
-    "name": "Tabs",
+    "name": "SidePanelPreview",
     "children": [
       {
         "type": "describe",
-        "name": "Tabs",
+        "name": "Side Panel",
         "children": [
           {
             "type": "describe",
-            "name": "given the [Components/Containers/Tabs, Basic] story is rendered",
+            "name": "given the \"Default\" story is rendered",
             "children": [
               {
                 "type": "it",
-                "name": "should pass axe checks"
-              },
-              {
-                "type": "it",
-                "name": "should have an element with a role of \"tablist\""
-              },
-              {
-                "type": "it",
-                "name": "should have elements with a role of \"tab\" inside the \"tablist\""
-              },
-              {
-                "type": "it",
-                "name": "should have \"aria-selected=true\" for the first tab"
-              },
-              {
-                "type": "it",
-                "name": "should not have \"aria-selected\" for the second tab"
-              },
-              {
-                "type": "it",
-                "name": "should not have tabindex=-1 on the first tab"
-              },
-              {
-                "type": "it",
-                "name": "should have \"tabindex=-1\" on the second tab"
-              },
-              {
-                "type": "it",
-                "name": "should have an id on the first tab"
-              },
-              {
-                "type": "it",
-                "name": "should label the tab panel \"First Tab\""
-              },
-              {
-                "type": "it",
-                "name": "should have an \"aria-controls\" on the first tab"
-              },
-              {
-                "type": "it",
-                "name": "should have an \"aria-controls\" that matches the first tab panel"
+                "name": "should not have any axe errors"
               },
               {
-                "type": "it",
-                "name": "should have a default cursor for the (active) first tab"
+                "type": "describe",
+                "name": "the button",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should have an accessible name"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-expanded attribute of 'true'"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-controls attribute equal to the id of the panel"
+                  }
+                ]
               },
               {
                 "type": "it",
-                "name": "should have a pointer cursor for the second tab"
+                "name": "should have a panel with a landmark role"
               },
               {
                 "type": "describe",
-                "name": "when the first tab is active and focused",
+                "name": "when collapsing the panel",
                 "children": [
                   {
                     "type": "describe",
-                    "name": "when the tab key is pressed",
+                    "name": "the button",
                     "children": [
                       {
                         "type": "it",
-                        "name": "should move focus to the tabpanel"
+                        "name": "should have an aria-expanded attribute of 'false'"
                       }
                     ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the \"AsAside\" story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "the button",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should have an accessible name"
                   },
                   {
-                    "type": "describe",
-                    "name": "when the right arrow key is pressed",
-                    "children": [
-                      {
-                        "type": "it",
-                        "name": "should have tabindex=-1 on the first tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should not have tabindex=-1 on the second tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should focus on the second tab"
-                      },
-                      {
-                        "type": "describe",
-                        "name": "when the space key is pressed",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should not have \"aria-selected\" on the first tab"
-                          },
-                          {
-                            "type": "it",
-                            "name": "should have \"aria-selected=true\" on the second tab"
-                          }
-                        ]
-                      },
-                      {
-                        "type": "describe",
-                        "name": "when the enter key is pressed",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should not have \"aria-selected\" on the first tab"
-                          },
-                          {
-                            "type": "it",
-                            "name": "should have \"aria-selected=true\" on the second tab"
-                          }
-                        ]
-                      },
-                      {
-                        "type": "describe",
-                        "name": "when the tab key is pressed",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should focus on the tab panel of the first tab"
-                          },
-                          {
-                            "type": "describe",
-                            "name": "when shift + tab keys are pressed",
-                            "children": [
-                              {
-                                "type": "it",
-                                "name": "should not have tabindex=-1 on the first tab"
-                              },
-                              {
-                                "type": "it",
-                                "name": "should set \"tabindex=-1\" on the second tab"
-                              },
-                              {
-                                "type": "it",
-                                "name": "should focus on the first tab"
-                              }
-                            ]
-                          }
-                        ]
-                      }
-                    ]
+                    "type": "it",
+                    "name": "should have an aria-expanded attribute of 'true'"
                   },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-controls attribute equal to the id of the panel"
+                  }
+                ]
+              },
+              {
+                "type": "it",
+                "name": "should have a panel with a landmark role"
+              },
+              {
+                "type": "describe",
+                "name": "when collapsing the panel",
+                "children": [
                   {
                     "type": "describe",
-                    "name": "when the left arrow is pressed",
+                    "name": "the button",
                     "children": [
                       {
                         "type": "it",
-                        "name": "should have tabindex=-1 on the first tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should not have tabindex=-1 on the last tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should focus on the last tab"
+                        "name": "should have an aria-expanded attribute of 'false'"
                       }
                     ]
                   }
                 ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the \"AsDiv\" story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
               },
               {
                 "type": "describe",
-                "name": "when the fifth tab is clicked",
+                "name": "the button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should show the contents of the fifth tab"
+                    "name": "should have an accessible name"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-expanded attribute of 'true'"
                   },
+                  {
+                    "type": "it",
+                    "name": "should have an aria-controls attribute equal to the id of the panel"
+                  }
+                ]
+              },
+              {
+                "type": "it",
+                "name": "should have a panel with a landmark role"
+              },
+              {
+                "type": "describe",
+                "name": "when collapsing the panel",
+                "children": [
                   {
                     "type": "describe",
-                    "name": "when the right arrow key is pressed",
+                    "name": "the button",
                     "children": [
                       {
                         "type": "it",
-                        "name": "should not have tabindex=-1 on the first tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should set \"tabindex=-1\" on the last tab"
+                        "name": "should have an aria-expanded attribute of 'false'"
                       }
                     ]
                   }
@@ -5291,14 +5441,226 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Components/Containers/Tabs, NamedTabs] story is rendered",
+            "name": "given the 'first focusable' story is rendered",
             "children": [
               {
-                "type": "it",
-                "name": "should pass axe checks"
-              },
-              {
-                "type": "it",
+                "type": "describe",
+                "name": "when focused on a focusable element preceding the Side Panel",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed once",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "the expand/collapse control button",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should be focused first"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "Switch",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Switch",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the '' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be checked"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the '' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be checked"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the '' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be checked"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Disabled' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should be disabled"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "SwitchPreview",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Switch",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the '' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be checked"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the '' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be checked"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the '' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be checked"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Disabled' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should be disabled"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "Tabs",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Tabs",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the [Components/Containers/Tabs, ] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
                 "name": "should have an element with a role of \"tablist\""
               },
               {
@@ -5481,58 +5843,248 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Components/Containers/Tabs, DisabledTab] story is rendered",
+            "name": "given the [Components/Containers/Tabs, ] story is rendered",
             "children": [
               {
-                "type": "describe",
-                "name": "when the Disabled Tab is clicked",
-                "children": [
-                  {
-                    "type": "it",
-                    "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should leave the first tab selected"
-                  }
-                ]
+                "type": "it",
+                "name": "should pass axe checks"
               },
               {
-                "type": "describe",
-                "name": "when the first tab is active and focused",
-                "children": [
-                  {
-                    "type": "describe",
-                    "name": "when the right arrow key is pressed",
-                    "children": [
-                      {
-                        "type": "it",
-                        "name": "should focus on the Disabled Tab"
-                      },
-                      {
-                        "type": "describe",
-                        "name": "when the enter key is pressed",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
-                          },
-                          {
-                            "type": "it",
-                            "name": "should leave the first tab selected"
-                          }
-                        ]
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            "type": "describe",
-            "name": "given the [Components/Containers/Tabs, DynamicTabs] story is rendered",
-            "children": [
+                "type": "it",
+                "name": "should have an element with a role of \"tablist\""
+              },
+              {
+                "type": "it",
+                "name": "should have elements with a role of \"tab\" inside the \"tablist\""
+              },
+              {
+                "type": "it",
+                "name": "should have \"aria-selected=true\" for the first tab"
+              },
+              {
+                "type": "it",
+                "name": "should not have \"aria-selected\" for the second tab"
+              },
+              {
+                "type": "it",
+                "name": "should not have tabindex=-1 on the first tab"
+              },
+              {
+                "type": "it",
+                "name": "should have \"tabindex=-1\" on the second tab"
+              },
+              {
+                "type": "it",
+                "name": "should have an id on the first tab"
+              },
+              {
+                "type": "it",
+                "name": "should label the tab panel \"First Tab\""
+              },
+              {
+                "type": "it",
+                "name": "should have an \"aria-controls\" on the first tab"
+              },
+              {
+                "type": "it",
+                "name": "should have an \"aria-controls\" that matches the first tab panel"
+              },
+              {
+                "type": "it",
+                "name": "should have a default cursor for the (active) first tab"
+              },
+              {
+                "type": "it",
+                "name": "should have a pointer cursor for the second tab"
+              },
+              {
+                "type": "describe",
+                "name": "when the first tab is active and focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should move focus to the tabpanel"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the right arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have tabindex=-1 on the first tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not have tabindex=-1 on the second tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should focus on the second tab"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the space key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not have \"aria-selected\" on the first tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should have \"aria-selected=true\" on the second tab"
+                          }
+                        ]
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the enter key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not have \"aria-selected\" on the first tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should have \"aria-selected=true\" on the second tab"
+                          }
+                        ]
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the tab key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should focus on the tab panel of the first tab"
+                          },
+                          {
+                            "type": "describe",
+                            "name": "when shift + tab keys are pressed",
+                            "children": [
+                              {
+                                "type": "it",
+                                "name": "should not have tabindex=-1 on the first tab"
+                              },
+                              {
+                                "type": "it",
+                                "name": "should set \"tabindex=-1\" on the second tab"
+                              },
+                              {
+                                "type": "it",
+                                "name": "should focus on the first tab"
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the left arrow is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have tabindex=-1 on the first tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not have tabindex=-1 on the last tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should focus on the last tab"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when the fifth tab is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the contents of the fifth tab"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the right arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should not have tabindex=-1 on the first tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should set \"tabindex=-1\" on the last tab"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Components/Containers/Tabs, DisabledTab] story is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the Disabled Tab is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should leave the first tab selected"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when the first tab is active and focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the right arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus on the Disabled Tab"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the enter key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should leave the first tab selected"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Components/Containers/Tabs, DynamicTabs] story is rendered",
+            "children": [
               {
                 "type": "describe",
                 "name": "when \"Add Tab\" is clicked",
@@ -5649,209 +6201,555 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Components/Containers/Tabs, LeftToRight] story is rendered",
+            "name": "given the [Components/Containers/Tabs, LeftToRight] story is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the first tab is active and focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should move focus to the tabpanel"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the left arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have tabindex=-1 on the first tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not have tabindex=-1 on the second tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should focus on the second tab"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the space key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not have \"aria-selected\" on the first tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should have \"aria-selected=true\" on the second tab"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the right arrow is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have tabindex=-1 on the first tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not have tabindex=-1 on the last tab"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should focus on the last tab"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "when [Components/Containers/Tabs, OverflowTabs] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should not show the \"More\" button"
+              },
+              {
+                "type": "it",
+                "name": "should have 7 tab items"
+              },
+              {
+                "type": "it",
+                "name": "should not have scroll"
+              },
+              {
+                "type": "describe",
+                "name": "when the \"First Tab\" is focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the Tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus on the tab panel"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when tab list container is only 500px wide",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should pass axe checks"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show the \"More\" button"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show only 3 tab items"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not have scroll"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"First Tab\" is focused",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the Tab key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should focus on the \"More\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"More\" button is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the Tab overflow menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should have the fourth Tab as the first menu item"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the \"Sixth Tab\" is clicked",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should select the Sixth Tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should move focus back to the \"More\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when tab list container is only 360px wide",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should pass axe checks"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show the \"More\" button"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not have scroll"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show only 1 tab item"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"More\" button is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the Tab overflow menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should have the second Tab as the first menu item"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when tab list container is only 150px wide",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should pass axe checks"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show the \"More\" button"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not have scroll"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show no tab items"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"More\" button is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the Tab overflow menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should have the third Tab as the first menu item"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "mobile viewport",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should not show the \"More\" button"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should have scroll behavior"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "TextArea",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Text Area",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the 'Basic' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Disabled' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should be disabled"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Placeholder' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render a placeholder text"
+              },
+              {
+                "type": "it",
+                "name": "should reflect the text typed"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "TextInput",
+    "children": [
+      {
+        "type": "describe",
+        "name": "TextInput",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the 'Basic' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Disabled' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should be disabled"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Placeholder' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render a placeholder text"
+              },
+              {
+                "type": "it",
+                "name": "should reflect the text typed"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "Toast",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Toast",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the toast set to the default mode of \"status\"",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should have a role of status"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-live set to polite"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-atomic set to true"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the toast with an alert",
             "children": [
               {
-                "type": "describe",
-                "name": "when the first tab is active and focused",
-                "children": [
-                  {
-                    "type": "describe",
-                    "name": "when the tab key is pressed",
-                    "children": [
-                      {
-                        "type": "it",
-                        "name": "should move focus to the tabpanel"
-                      }
-                    ]
-                  },
-                  {
-                    "type": "describe",
-                    "name": "when the left arrow key is pressed",
-                    "children": [
-                      {
-                        "type": "it",
-                        "name": "should have tabindex=-1 on the first tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should not have tabindex=-1 on the second tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should focus on the second tab"
-                      },
-                      {
-                        "type": "describe",
-                        "name": "when the space key is pressed",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should not have \"aria-selected\" on the first tab"
-                          },
-                          {
-                            "type": "it",
-                            "name": "should have \"aria-selected=true\" on the second tab"
-                          }
-                        ]
-                      }
-                    ]
-                  },
-                  {
-                    "type": "describe",
-                    "name": "when the right arrow is pressed",
-                    "children": [
-                      {
-                        "type": "it",
-                        "name": "should have tabindex=-1 on the first tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should not have tabindex=-1 on the last tab"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should focus on the last tab"
-                      }
-                    ]
-                  }
-                ]
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should have a role of alert"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-live set to assertive"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-atomic set to true"
               }
             ]
           },
           {
             "type": "describe",
-            "name": "when [Components/Containers/Tabs, OverflowTabs] story is rendered",
+            "name": "given the toast with a close button and action link",
             "children": [
               {
                 "type": "it",
-                "name": "should pass axe checks"
+                "name": "should not have any axe errors"
               },
               {
                 "type": "it",
-                "name": "should not show the \"More\" button"
+                "name": "should have a role of dialog"
               },
               {
                 "type": "it",
-                "name": "should have 7 tab items"
+                "name": "should have aria-label set to notification"
               },
               {
                 "type": "it",
-                "name": "should not have scroll"
+                "name": "should have aria-describedby"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "Tooltip",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Tooltip",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the DefaultStory example is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe-core errors"
               },
               {
-                "type": "describe",
-                "name": "when the \"First Tab\" is focused",
-                "children": [
-                  {
-                    "type": "describe",
-                    "name": "when the Tab key is pressed",
-                    "children": [
-                      {
-                        "type": "it",
-                        "name": "should focus on the tab panel"
-                      }
-                    ]
-                  }
-                ]
+                "type": "it",
+                "name": "the button should have an aria-label of \"Close\""
               },
               {
                 "type": "describe",
-                "name": "when tab list container is only 500px wide",
+                "name": "when the close icon is hovered",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should pass axe checks"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should show the \"More\" button"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should show only 3 tab items"
+                    "name": "should open the tooltip"
                   },
                   {
                     "type": "it",
-                    "name": "should not have scroll"
+                    "name": "should not have any axe-core errors"
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"First Tab\" is focused",
+                    "name": "when the tooltip is hovered",
                     "children": [
                       {
-                        "type": "describe",
-                        "name": "when the Tab key is pressed",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should focus on the \"More\" button"
-                          }
-                        ]
+                        "type": "it",
+                        "name": "should not close the tooltip"
                       }
                     ]
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"More\" button is clicked",
+                    "name": "when the Escape key is pressed",
                     "children": [
                       {
                         "type": "it",
-                        "name": "should show the Tab overflow menu"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should have the fourth Tab as the first menu item"
-                      },
-                      {
-                        "type": "describe",
-                        "name": "when the \"Sixth Tab\" is clicked",
-                        "children": [
-                          {
-                            "type": "it",
-                            "name": "should select the Sixth Tab"
-                          },
-                          {
-                            "type": "it",
-                            "name": "should move focus back to the \"More\" button"
-                          }
-                        ]
+                        "name": "should close the tooltip"
                       }
                     ]
-                  }
-                ]
-              },
-              {
-                "type": "describe",
-                "name": "when tab list container is only 360px wide",
-                "children": [
-                  {
-                    "type": "it",
-                    "name": "should pass axe checks"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should show the \"More\" button"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should not have scroll"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should show only 1 tab item"
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"More\" button is clicked",
+                    "name": "when the target is clicked",
                     "children": [
                       {
                         "type": "it",
-                        "name": "should show the Tab overflow menu"
-                      },
-                      {
-                        "type": "it",
-                        "name": "should have the second Tab as the first menu item"
+                        "name": "should not close the tooltip"
                       }
                     ]
                   }
@@ -5859,93 +6757,73 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when tab list container is only 150px wide",
+                "name": "when the close icon gains focus",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should pass axe checks"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should show the \"More\" button"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should not have scroll"
-                  },
-                  {
-                    "type": "it",
-                    "name": "should show no tab items"
+                    "name": "should open the tooltip"
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"More\" button is clicked",
+                    "name": "then the close icon loses focus",
                     "children": [
                       {
                         "type": "it",
-                        "name": "should show the Tab overflow menu"
-                      },
+                        "name": "should close the tooltip"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "then the Escape key is pressed",
+                    "children": [
                       {
                         "type": "it",
-                        "name": "should have the third Tab as the first menu item"
+                        "name": "should not remove focus from the close icon button"
                       }
                     ]
-                  }
-                ]
-              },
-              {
-                "type": "describe",
-                "name": "mobile viewport",
-                "children": [
-                  {
-                    "type": "it",
-                    "name": "should not show the \"More\" button"
                   },
                   {
-                    "type": "it",
-                    "name": "should have scroll behavior"
+                    "type": "describe",
+                    "name": "then a click happens outside both tooltip and icon button",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should close immediately, not waiting for blur or intent"
+                      }
+                    ]
                   }
                 ]
               }
             ]
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "type": "file",
-    "name": "TextArea",
-    "children": [
-      {
-        "type": "describe",
-        "name": "Text Area",
-        "children": [
+          },
           {
             "type": "describe",
-            "name": "given the 'Basic' story is rendered",
+            "name": "given the DescribeType example is rendered",
             "children": [
               {
                 "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should not have any axe-core errors"
               },
               {
-                "type": "describe",
-                "name": "when clicked",
-                "children": [
-                  {
-                    "type": "it",
-                    "name": "should be focused"
-                  }
-                ]
+                "type": "it",
+                "name": "the \"Delete\" button should not have an aria-describedby before hovering"
               },
               {
                 "type": "describe",
-                "name": "when text is entered",
+                "name": "when the \"Delete\" button is hovered",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should reflect the text typed"
+                    "name": "should show the tooltip"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not have any axe-core errors"
+                  },
+                  {
+                    "type": "it",
+                    "name": "the \"Delete\" button should have an aria-describedby linking to the role=\"tooltip\" element"
                   }
                 ]
               }
@@ -5953,185 +6831,241 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the 'Disabled' story is rendered",
+            "name": "given the DescriptionType example is rendered",
             "children": [
               {
                 "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should not have any axe-core errors"
               },
               {
                 "type": "it",
-                "name": "should be disabled"
+                "name": "the \"Delete\" button should have an aria-description before hovering"
+              },
+              {
+                "type": "describe",
+                "name": "when the \"Delete\" button is hovered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the tooltip"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not have any axe-core errors"
+                  },
+                  {
+                    "type": "it",
+                    "name": "the \"Delete\" button should have an accessible description equal to the tooltip text"
+                  }
+                ]
               }
             ]
           },
           {
             "type": "describe",
-            "name": "given the 'Placeholder' story is rendered",
+            "name": "given the [Components/Popups/Tooltip, Muted] example is rendered",
             "children": [
               {
                 "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should not have any axe-core errors"
               },
               {
                 "type": "it",
-                "name": "should render a placeholder text"
+                "name": "the span element should not have an aria-describedby attribute"
               },
               {
                 "type": "it",
-                "name": "should reflect the text typed"
+                "name": "the span element should not have an aria-label attribute"
+              },
+              {
+                "type": "describe",
+                "name": "when the \"Some Text\" text is hovered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the tooltip"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not have any axe-core errors"
+                  },
+                  {
+                    "type": "it",
+                    "name": "the span element should not have an aria-describedby attribute"
+                  },
+                  {
+                    "type": "it",
+                    "name": "the span element should not have an aria-label attribute"
+                  }
+                ]
               }
             ]
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "type": "file",
-    "name": "TextInput",
-    "children": [
-      {
-        "type": "describe",
-        "name": "TextInput",
-        "children": [
+          },
           {
             "type": "describe",
-            "name": "given the 'Basic' story is rendered",
+            "name": "given the Ellipsis example is rendered",
             "children": [
               {
                 "type": "it",
-                "name": "should not have any axe errors"
+                "name": "should not have any axe-core errors"
+              },
+              {
+                "type": "it",
+                "name": "the button should not have an aria-label"
               },
               {
                 "type": "describe",
-                "name": "when clicked",
+                "name": "when the \"Short Content\" button is hovered",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should be focused"
+                    "name": "should not show the tooltip"
                   }
                 ]
               },
               {
                 "type": "describe",
-                "name": "when text is entered",
+                "name": "when the \"Super Mega Ultra Long Content With Max Width On The Button\" button is hovered",
                 "children": [
                   {
                     "type": "it",
-                    "name": "should reflect the text typed"
+                    "name": "should show the tooltip"
                   }
                 ]
-              }
-            ]
-          },
-          {
-            "type": "describe",
-            "name": "given the 'Disabled' story is rendered",
-            "children": [
-              {
-                "type": "it",
-                "name": "should not have any axe errors"
               },
               {
-                "type": "it",
-                "name": "should be disabled"
-              }
-            ]
-          },
-          {
-            "type": "describe",
-            "name": "given the 'Placeholder' story is rendered",
-            "children": [
+                "type": "describe",
+                "name": "when the \"Super Mega Ultra Long Content With Max Width Custom\" button is hovered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the tooltip"
+                  }
+                ]
+              },
               {
-                "type": "it",
-                "name": "should not have any axe errors"
+                "type": "describe",
+                "name": "when the \"Short Content\" button is focused",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should not show the tooltip"
+                  }
+                ]
               },
               {
-                "type": "it",
-                "name": "should render a placeholder text"
+                "type": "describe",
+                "name": "when the \"Super Mega Ultra Long Content With Max Width On The Button\" button is focused",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the tooltip"
+                  }
+                ]
               },
               {
-                "type": "it",
-                "name": "should reflect the text typed"
+                "type": "describe",
+                "name": "when the \"Super Mega Ultra Long Content With Max Width Custom\" button is focused",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the tooltip"
+                  }
+                ]
               }
             ]
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "type": "file",
-    "name": "Toast",
-    "children": [
-      {
-        "type": "describe",
-        "name": "Toast",
-        "children": [
+          },
           {
             "type": "describe",
-            "name": "given the toast set to the default mode of \"status\"",
+            "name": "given the [Testing/Popups/Tooltip, Non Interactive] example is rendered",
             "children": [
               {
-                "type": "it",
-                "name": "should not have any axe errors"
-              },
-              {
-                "type": "it",
-                "name": "should have a role of status"
-              },
-              {
-                "type": "it",
-                "name": "should have aria-live set to polite"
-              },
-              {
-                "type": "it",
-                "name": "should have aria-atomic set to true"
+                "type": "describe",
+                "name": "when the \"Non-interactive Tooltip\" text is hovered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should open the tooltip"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "then the \"Non-interactive Tooltip\" text is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should not close the tooltip"
+                      }
+                    ]
+                  }
+                ]
               }
             ]
           },
           {
             "type": "describe",
-            "name": "given the toast with an alert",
+            "name": "given the [Testing/Popups/Tooltip, Overflow] example is rendered",
             "children": [
               {
-                "type": "it",
-                "name": "should not have any axe errors"
-              },
-              {
-                "type": "it",
-                "name": "should have a role of alert"
-              },
-              {
-                "type": "it",
-                "name": "should have aria-live set to assertive"
-              },
-              {
-                "type": "it",
-                "name": "should have aria-atomic set to true"
+                "type": "describe",
+                "name": "when the = button is hovered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should open the tooltip"
+                  }
+                ]
               }
             ]
           },
           {
             "type": "describe",
-            "name": "given the toast with a close button and action link",
+            "name": "given the [Testing/Popups/Tooltip, TooltipWithFallbackPlacements] example is rendered",
             "children": [
               {
-                "type": "it",
-                "name": "should not have any axe errors"
-              },
-              {
-                "type": "it",
-                "name": "should have a role of dialog"
-              },
-              {
-                "type": "it",
-                "name": "should have aria-label set to notification"
-              },
-              {
-                "type": "it",
-                "name": "should have aria-describedby"
+                "type": "describe",
+                "name": "check the fallback placements",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the preferred placement is set to top",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the fallback placement: bottom"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the preferred placement is set to left",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the fallback placement: right"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the preferred placement is set to right",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the fallback placement: left"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the preferred placement is set to bottom",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the fallback placement: top"
+                      }
+                    ]
+                  }
+                ]
               }
             ]
           }