@workday/canvas-kit-docs 6.9.0-next.0 → 6.9.0-next.4

package/dist/commonjs/index.js

@@ -1,8 +1,15 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./lib/specs"));
-__export(require("./lib/Specifications"));
-__export(require("./lib/docs"));
+__exportStar(require("./lib/specs"), exports);
+__exportStar(require("./lib/Specifications"), exports);
+__exportStar(require("./lib/docs"), exports);

package/dist/commonjs/lib/Specifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Specifications.d.ts","sourceRoot":"","sources":["../../../lib/Specifications.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA8CD,eAAO,MAAM,cAAc,6DAmF1B,CAAC"}
+{"version":3,"file":"Specifications.d.ts","sourceRoot":"","sources":["../../../lib/Specifications.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA8CD,eAAO,MAAM,cAAc,mBAAkB,mBAAmB,uBAmF/D,CAAC"}

package/dist/commonjs/lib/Specifications.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Specifications = void 0;
 /* eslint-disable no-param-reassign */
 var react_1 = __importDefault(require("react"));
 var csf_1 = require("@storybook/csf");
@@ -43,7 +44,7 @@ function createTableRows(rows, item, index, children, context) {
     }
     return rows;
 }
-exports.Specifications = function (_a) {
+var Specifications = function (_a) {
     var file = _a.file, name = _a.name;
     var storybookBaseUrl = react_1.default.useContext(docs_1.StorybookUrl);
     var githubUrl = react_1.default.useContext(docs_1.GithubUrl);
@@ -87,3 +88,4 @@ exports.Specifications = function (_a) {
         ' ',
         react_1.default.createElement(button_1.Hyperlink, { href: githubUrl + "blob/" + githubBranch + "/cypress/integration/" + file }, file))) : null;
 };
+exports.Specifications = Specifications;

package/dist/commonjs/lib/docs.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StorybookUrl = exports.GithubBranch = exports.GithubUrl = void 0;
 var react_1 = __importDefault(require("react"));
 exports.GithubUrl = react_1.default.createContext('https://github.com/Workday/canvas-kit/');
 exports.GithubBranch = react_1.default.createContext('master');

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",
@@ -713,11 +769,11 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "Icon Button ColorPicker Popup",
+            "name": "Icon button ColorPicker Popup",
             "children": [
               {
                 "type": "describe",
-                "name": "when the IconButton is clicked",
+                "name": "when the SecondaryButton is clicked",
                 "children": [
                   {
                     "type": "it",
@@ -1243,9 +1299,180 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "Hyperlink.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Button",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given internal hyperlinks are rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render the correct text"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given external hyperlinks are rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render the correct text"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "Menu.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Menu",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the [Components/Popups/Menu/React, Basic] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-haspopup set to true"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-expanded set to false"
+              },
+              {
+                "type": "it",
+                "name": "should not show a menu"
+              },
+              {
+                "type": "describe",
+                "name": "when the \"Open Menu\" button is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should set aria-expanded to true"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show menu"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should transfer focus to the first menu item"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when escape key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have aria-expanded set to false"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not show a menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "return focus to the \"Open Menu\" button"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when down arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should transfer focus to the second item"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the enter key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should have aria-expanded set to false"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should not show a menu"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should select the second item"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the second item is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have aria-expanded set to false"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not show a menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should select the second item"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user types a printable character \"t\"",
+                    "children": []
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when up arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus on the last option"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "MenuPreview.spec.ts",
     "children": [
       {
         "type": "describe",
@@ -2448,6 +2675,36 @@ module.exports = {specifications: [
                 ]
               }
             ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Components/Popups/Popup/React, FocusRedirect] example is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Delete Item\" button is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the popup"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"Delete\" button has focus and the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should hide the popup"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should redirect focus to the \"Next Focusable Button\" button"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
           }
         ]
       }

package/dist/es6/lib/Specifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Specifications.d.ts","sourceRoot":"","sources":["../../../lib/Specifications.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA8CD,eAAO,MAAM,cAAc,6DAmF1B,CAAC"}
+{"version":3,"file":"Specifications.d.ts","sourceRoot":"","sources":["../../../lib/Specifications.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA8CD,eAAO,MAAM,cAAc,mBAAkB,mBAAmB,uBAmF/D,CAAC"}

package/dist/es6/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",
@@ -713,11 +769,11 @@ module.exports = {specifications: [
         "children": [
           {
             "type": "describe",
-            "name": "Icon Button ColorPicker Popup",
+            "name": "Icon button ColorPicker Popup",
             "children": [
               {
                 "type": "describe",
-                "name": "when the IconButton is clicked",
+                "name": "when the SecondaryButton is clicked",
                 "children": [
                   {
                     "type": "it",
@@ -1243,9 +1299,180 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "Hyperlink.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Button",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given internal hyperlinks are rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render the correct text"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given external hyperlinks are rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render the correct text"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "Menu.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Menu",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the [Components/Popups/Menu/React, Basic] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-haspopup set to true"
+              },
+              {
+                "type": "it",
+                "name": "should have aria-expanded set to false"
+              },
+              {
+                "type": "it",
+                "name": "should not show a menu"
+              },
+              {
+                "type": "describe",
+                "name": "when the \"Open Menu\" button is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should set aria-expanded to true"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show menu"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should transfer focus to the first menu item"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when escape key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have aria-expanded set to false"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not show a menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "return focus to the \"Open Menu\" button"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when down arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should transfer focus to the second item"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the enter key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should have aria-expanded set to false"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should not show a menu"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should select the second item"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the second item is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should have aria-expanded set to false"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should not show a menu"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should select the second item"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user types a printable character \"t\"",
+                    "children": []
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when up arrow key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus on the last option"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "file",
+    "name": "MenuPreview.spec.ts",
     "children": [
       {
         "type": "describe",
@@ -2448,6 +2675,36 @@ module.exports = {specifications: [
                 ]
               }
             ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Components/Popups/Popup/React, FocusRedirect] example is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Delete Item\" button is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the popup"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"Delete\" button has focus and the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should hide the popup"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should redirect focus to the \"Next Focusable Button\" button"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
           }
         ]
       }

package/dist/mdx/{4.0-MIGRATION-GUIDE.mdx → 4.0-UPGRADE-GUIDE.mdx}

@@ -1,4 +1,4 @@
-# Canvas Kit 4.0 Migration Guide
+# Canvas Kit 4.0 Upgrade Guide
 
 Below are the breaking changes made in Canvas Kit v4. Please reach out if you have any questions
 about the update.

package/dist/mdx/{5.0-MIGRATION-GUIDE.mdx → 5.0-UPGRADE-GUIDE.mdx}

@@ -1,4 +1,4 @@
-# Canvas Kit 5.0 Migration Guide
+# Canvas Kit 5.0 Upgrade Guide
 
 Below are the breaking changes made in Canvas Kit v5. Please
 [reach out](https://github.com/Workday/canvas-kit/issues/new?labels=bug&template=bug.md) if you have
@@ -28,7 +28,7 @@ any questions about the update.
 
 We've introduced a
 [new codemod package](https://github.com/Workday/canvas-kit/tree/master/modules/codemod) you can use
-to automatically update your code to work with a majority of the breaking changes in the migration
+to automatically update your code to work with a majority of the breaking changes in the upgrade
 from Canvas Kit v4 to v5. Simply run:
 
 ```sh
@@ -49,7 +49,7 @@ rollback more easily if necessary.**
 
 [Let us know](https://github.com/Workday/canvas-kit/issues/new?labels=bug&template=bug.md) if you
 encounter any issues or use cases that we've missed. The `@workday/canvas-kit-codemod` package will
-help us maintain additional codemod transforms to make future migrations easier.
+help us maintain additional codemod transforms to make future upgrades easier.
 
 ## General Changes