@workday/canvas-kit-docs 6.0.0-alpha.0-next.31 → 6.0.0-alpha.0-next.37

package/LICENSE

@@ -43,7 +43,7 @@ While redistributing the Work or Derivative Works thereof, You may choose to off
 
 END OF TERMS AND CONDITIONS
 
-©2020. Workday, Inc. All rights reserved. Workday and the Workday logo are registered trademarks of Workday, Inc. All other brand and product names are trademarks or registered trademarks of their respective holders.
+©2021 Workday, Inc. All rights reserved. Workday and the Workday logo are registered trademarks of Workday, Inc. All other brand and product names are trademarks or registered trademarks of their respective holders.
 
 
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

package/dist/commonjs/lib/specs.js

@@ -41,6 +41,62 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "Banner.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Banner",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the [Components/Indicators/Banner/React, Error] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have an element with a role of \"button\""
+              },
+              {
+                "type": "it",
+                "name": "should have an \"aria-labelledby\" that matches the action"
+              },
+              {
+                "type": "it",
+                "name": "should have an \"aria-describedby\" that matches the label"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Components/Indicators/Banner/React, Sticky] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have an element with a role of \"button\""
+              },
+              {
+                "type": "it",
+                "name": "should have an \"aria-labelledby\" that matches the action"
+              },
+              {
+                "type": "it",
+                "name": "should have an \"aria-describedby\" that matches the label"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "Breadcrumbs.spec.ts",
@@ -2471,21 +2527,21 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when the \"Gluten Free\" radio button is clicked",
+                "name": "when the \"Gluten free\" radio button is clicked",
                 "children": [
                   {
                     "type": "it",
-                    "name": "the \"Gluten Free\" radio button should be checked"
+                    "name": "the \"Gluten free\" radio button should be checked"
                   }
                 ]
               },
               {
                 "type": "describe",
-                "name": "when clicking the \"Gluten Free\" radio button and then clicking the \"Thin\" radio button",
+                "name": "when clicking the \"Gluten free\" radio button and then clicking the \"Thin\" radio button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "the \"Gluten Free\" radio button should not be checked"
+                    "name": "the \"Gluten free\" radio button should not be checked"
                   },
                   {
                     "type": "it",
@@ -2505,21 +2561,21 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when the \"Gluten Free\" radio button is clicked",
+                "name": "when the \"Gluten free\" radio button is clicked",
                 "children": [
                   {
                     "type": "it",
-                    "name": "the \"Gluten Free\" radio button should be checked"
+                    "name": "the \"Gluten free\" radio button should be checked"
                   }
                 ]
               },
               {
                 "type": "describe",
-                "name": "when clicking the \"Gluten Free\" radio button and then clicking the \"Thin\" radio button",
+                "name": "when clicking the \"Gluten free\" radio button and then clicking the \"Thin\" radio button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "the \"Gluten Free\" radio button should not be checked"
+                    "name": "the \"Gluten free\" radio button should not be checked"
                   },
                   {
                     "type": "it",
@@ -2539,21 +2595,21 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when the \"Gluten Free\" radio button is clicked",
+                "name": "when the \"Gluten free\" radio button is clicked",
                 "children": [
                   {
                     "type": "it",
-                    "name": "the \"Gluten Free\" radio button should be checked"
+                    "name": "the \"Gluten free\" radio button should be checked"
                   }
                 ]
               },
               {
                 "type": "describe",
-                "name": "when clicking the \"Gluten Free\" radio button and then clicking the \"Thin\" radio button",
+                "name": "when clicking the \"Gluten free\" radio button and then clicking the \"Thin\" radio button",
                 "children": [
                   {
                     "type": "it",
-                    "name": "the \"Gluten Free\" radio button should not be checked"
+                    "name": "the \"Gluten free\" radio button should not be checked"
                   },
                   {
                     "type": "it",
@@ -2573,7 +2629,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "it",
-                "name": "the \"Gluten Free (Sold Out)\" radio button should be disabled"
+                "name": "the \"Gluten free (sold out)\" radio button should be disabled"
               }
             ]
           }
@@ -4579,7 +4635,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "it",
-                "name": "should not have tabindex on the first tab"
+                "name": "should not have tabindex=-1 on the first tab"
               },
               {
                 "type": "it",
@@ -4633,7 +4689,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the second tab"
+                        "name": "should not have tabindex=-1 on the second tab"
                       },
                       {
                         "type": "it",
@@ -4681,7 +4737,7 @@ module.exports = {specifications: [
                             "children": [
                               {
                                 "type": "it",
-                                "name": "should not have tabindex on the first tab"
+                                "name": "should not have tabindex=-1 on the first tab"
                               },
                               {
                                 "type": "it",
@@ -4707,7 +4763,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the last tab"
+                        "name": "should not have tabindex=-1 on the last tab"
                       },
                       {
                         "type": "it",
@@ -4731,7 +4787,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the first tab"
+                        "name": "should not have tabindex=-1 on the first tab"
                       },
                       {
                         "type": "it",
@@ -4745,7 +4801,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Components/Containers/Tabs/React, Named Keys] story is rendered",
+            "name": "given the [Components/Containers/Tabs/React, Named Tabs] story is rendered",
             "children": [
               {
                 "type": "it",
@@ -4769,7 +4825,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "it",
-                "name": "should not have tabindex on the first tab"
+                "name": "should not have tabindex=-1 on the first tab"
               },
               {
                 "type": "it",
@@ -4823,7 +4879,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the second tab"
+                        "name": "should not have tabindex=-1 on the second tab"
                       },
                       {
                         "type": "it",
@@ -4871,7 +4927,7 @@ module.exports = {specifications: [
                             "children": [
                               {
                                 "type": "it",
-                                "name": "should not have tabindex on the first tab"
+                                "name": "should not have tabindex=-1 on the first tab"
                               },
                               {
                                 "type": "it",
@@ -4897,7 +4953,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the last tab"
+                        "name": "should not have tabindex=-1 on the last tab"
                       },
                       {
                         "type": "it",
@@ -4921,7 +4977,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the first tab"
+                        "name": "should not have tabindex=-1 on the first tab"
                       },
                       {
                         "type": "it",
@@ -4937,6 +4993,20 @@ module.exports = {specifications: [
             "type": "describe",
             "name": "given the [Components/Containers/Tabs/React, 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",
@@ -4947,7 +5017,21 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should skip over the second tab and focus on the third tab"
+                        "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"
+                          }
+                        ]
                       }
                     ]
                   }
@@ -4985,7 +5069,7 @@ module.exports = {specifications: [
                 "children": [
                   {
                     "type": "describe",
-                    "name": "then the Backspace/Delete key is pressed",
+                    "name": "then the Delete key is pressed",
                     "children": [
                       {
                         "type": "it",
@@ -5009,7 +5093,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "describe",
-                        "name": "then the Backspace/Delete key is pressed",
+                        "name": "then the Delete key is pressed",
                         "children": [
                           {
                             "type": "it",
@@ -5029,7 +5113,7 @@ module.exports = {specifications: [
                           },
                           {
                             "type": "describe",
-                            "name": "then the Backspace/Delete key is pressed again",
+                            "name": "then the Delete key is pressed again",
                             "children": [
                               {
                                 "type": "it",
@@ -5047,7 +5131,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "describe",
-                        "name": "then the Backspace/Delete key is pressed",
+                        "name": "then the Delete key is pressed",
                         "children": [
                           {
                             "type": "it",
@@ -5101,7 +5185,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the second tab"
+                        "name": "should not have tabindex=-1 on the second tab"
                       },
                       {
                         "type": "it",
@@ -5133,7 +5217,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the last tab"
+                        "name": "should not have tabindex=-1 on the last tab"
                       },
                       {
                         "type": "it",
@@ -5144,6 +5228,90 @@ module.exports = {specifications: [
                 ]
               }
             ]
+          },
+          {
+            "type": "describe",
+            "name": "when [Components/Containers/Tabs/React, OverflowTabs] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should not show the \"More\" button"
+              },
+              {
+                "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": "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": "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"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
           }
         ]
       }
@@ -5283,6 +5451,140 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "TextAreaPreview.spec.ts",
+    "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 'Alert' 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 'Error' 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.spec.ts",
@@ -5419,11 +5721,11 @@ module.exports = {specifications: [
   },
   {
     "type": "file",
-    "name": "TextInputLabs.spec.ts",
+    "name": "TextInputPreview.spec.ts",
     "children": [
       {
         "type": "describe",
-        "name": "TextInput",
+        "name": "Text Input",
         "children": [
           {
             "type": "describe",
@@ -5888,6 +6190,22 @@ module.exports = {specifications: [
                 ]
               }
             ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Testing/React/Popups/Tooltip, Overflow] example is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the = button is hovered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should open the tooltip"
+                  }
+                ]
+              }
+            ]
           }
         ]
       }