@workday/canvas-kit-docs 6.8.9 → 6.9.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/dist/commonjs/index.js +13 -6
  2. package/dist/commonjs/lib/Specifications.d.ts.map +1 -1
  3. package/dist/commonjs/lib/Specifications.js +3 -1
  4. package/dist/commonjs/lib/docs.js +1 -0
  5. package/dist/commonjs/lib/specs.js +229 -6
  6. package/dist/es6/lib/Specifications.d.ts.map +1 -1
  7. package/dist/es6/lib/specs.js +229 -6
  8. package/dist/mdx/{4.0-MIGRATION-GUIDE.mdx → 4.0-UPGRADE-GUIDE.mdx} +1 -1
  9. package/dist/mdx/{5.0-MIGRATION-GUIDE.mdx → 5.0-UPGRADE-GUIDE.mdx} +3 -3
  10. package/dist/mdx/{6.0-MIGRATION-GUIDE.mdx → 6.0-UPGRADE-GUIDE.mdx} +4 -4
  11. package/dist/mdx/7.0-UPGRADE-GUIDE.mdx +1006 -0
  12. package/dist/mdx/COMPOUND_COMPONENTS.mdx +2 -2
  13. package/dist/mdx/CONTRIBUTING.mdx +2 -2
  14. package/dist/mdx/changelog.stories.mdx +1 -0
  15. package/dist/mdx/labs-react/search-form/examples/Basic.tsx +4 -2
  16. package/dist/mdx/labs-react/search-form/examples/CustomTheme.tsx +4 -2
  17. package/dist/mdx/labs-react/search-form/examples/Grow.tsx +4 -2
  18. package/dist/mdx/labs-react/search-form/examples/RTL.tsx +4 -2
  19. package/dist/mdx/labs-react/search-form/examples/Theming.tsx +4 -2
  20. package/dist/mdx/preview-react/_examples/SidePanelWithOverlay.mdx +8 -0
  21. package/dist/mdx/preview-react/_examples/examples/SidePanelWithOverlay.tsx +31 -0
  22. package/dist/mdx/preview-react/_examples/examples/TextInputWithFormik.tsx +3 -3
  23. package/dist/mdx/preview-react/form-field/examples/Custom.tsx +4 -5
  24. package/dist/mdx/preview-react/menu/Menu.mdx +1 -1
  25. package/dist/mdx/preview-react/menu/examples/ContextMenu.tsx +2 -2
  26. package/dist/mdx/preview-react/menu/examples/Icons.tsx +0 -1
  27. package/dist/mdx/preview-react/pill/Pill.mdx +241 -0
  28. package/dist/mdx/preview-react/pill/examples/Basic.tsx +18 -0
  29. package/dist/mdx/preview-react/pill/examples/WithAvatar.tsx +21 -0
  30. package/dist/mdx/preview-react/pill/examples/WithCount.tsx +9 -0
  31. package/dist/mdx/preview-react/pill/examples/WithList.tsx +31 -0
  32. package/dist/mdx/preview-react/pill/examples/WithReadOnly.tsx +15 -0
  33. package/dist/mdx/preview-react/pill/examples/WithRemovable.tsx +25 -0
  34. package/dist/mdx/preview-react/pill/examples/test-avatar.png +0 -0
  35. package/dist/mdx/preview-react/side-panel/SidePanel.mdx +5 -3
  36. package/dist/mdx/preview-react/side-panel/examples/AlwaysOpen.tsx +16 -22
  37. package/dist/mdx/preview-react/side-panel/examples/Basic.tsx +9 -14
  38. package/dist/mdx/preview-react/side-panel/examples/ExternalControl.tsx +9 -13
  39. package/dist/mdx/preview-react/side-panel/examples/HiddenName.tsx +1 -1
  40. package/dist/mdx/preview-react/side-panel/examples/OnExpandedChange.tsx +1 -1
  41. package/dist/mdx/preview-react/side-panel/examples/OnStateTransition.tsx +1 -1
  42. package/dist/mdx/preview-react/side-panel/examples/RightOrigin.tsx +17 -24
  43. package/dist/mdx/preview-react/side-panel/examples/Variant.tsx +9 -14
  44. package/dist/mdx/preview-react/text-area/examples/Alert.tsx +2 -1
  45. package/dist/mdx/preview-react/text-area/examples/HiddenLabel.tsx +6 -4
  46. package/dist/mdx/preview-react/text-area/examples/RefForwarding.tsx +1 -1
  47. package/dist/mdx/preview-react/text-input/examples/Alert.tsx +2 -1
  48. package/dist/mdx/preview-react/text-input/examples/HiddenLabel.tsx +6 -4
  49. package/dist/mdx/preview-react/text-input/examples/RefForwarding.tsx +1 -1
  50. package/dist/mdx/preview-react/text-input/examples/ThemedAlert.tsx +2 -1
  51. package/dist/mdx/react/_examples/SegmentedControlWithText.mdx +12 -0
  52. package/dist/mdx/react/_examples/examples/GlobalHeader.tsx +7 -6
  53. package/dist/mdx/react/_examples/examples/PageHeader.tsx +5 -5
  54. package/dist/mdx/react/_examples/examples/SegmentControlWithText.tsx +119 -0
  55. package/dist/mdx/react/action-bar/ActionBar.mdx +126 -23
  56. package/dist/mdx/react/action-bar/examples/Basic.tsx +7 -4
  57. package/dist/mdx/react/action-bar/examples/DeleteAction.tsx +15 -0
  58. package/dist/mdx/react/action-bar/examples/Icons.tsx +18 -0
  59. package/dist/mdx/react/action-bar/examples/OverflowActionBar.tsx +59 -0
  60. package/dist/mdx/react/banner/Banner.mdx +203 -19
  61. package/dist/mdx/react/banner/PropTables.splitprops.tsx +39 -0
  62. package/dist/mdx/react/banner/examples/ActionText.tsx +8 -1
  63. package/dist/mdx/react/banner/examples/Basic.tsx +8 -1
  64. package/dist/mdx/react/banner/examples/Error.tsx +8 -1
  65. package/dist/mdx/react/banner/examples/RefForwarding.tsx +25 -0
  66. package/dist/mdx/react/banner/examples/Sticky.tsx +12 -7
  67. package/dist/mdx/react/banner/examples/StickyAnimation.tsx +64 -0
  68. package/dist/mdx/react/banner/examples/StickyRTL.tsx +35 -0
  69. package/dist/mdx/react/banner/examples/ThemedAlert.tsx +28 -0
  70. package/dist/mdx/react/banner/examples/ThemedError.tsx +29 -0
  71. package/dist/mdx/react/button/button/Button.mdx +3 -3
  72. package/dist/mdx/react/button/button/Hyperlink.mdx +72 -0
  73. package/dist/mdx/react/button/button/examples/ExternalHyperlink.tsx +7 -0
  74. package/dist/mdx/react/button/button/examples/ExternalHyperlinkInverse.tsx +12 -0
  75. package/dist/mdx/react/button/button/examples/Hyperlink.tsx +5 -0
  76. package/dist/mdx/react/button/button/examples/HyperlinkInverse.tsx +12 -0
  77. package/dist/mdx/react/button/button/examples/Primary.tsx +11 -3
  78. package/dist/mdx/react/button/button/examples/PrimaryInverse.tsx +11 -3
  79. package/dist/mdx/react/button/button/examples/Secondary.tsx +11 -3
  80. package/dist/mdx/react/button/button/examples/SecondaryInverse.tsx +11 -3
  81. package/dist/mdx/react/button/button/examples/Tertiary.tsx +9 -4
  82. package/dist/mdx/react/button/button/examples/TertiaryInverse.tsx +12 -3
  83. package/dist/mdx/react/card/card.mdx +2 -2
  84. package/dist/mdx/react/card/examples/Depth.tsx +1 -1
  85. package/dist/mdx/react/checkbox/Checkbox.mdx +7 -0
  86. package/dist/mdx/react/checkbox/examples/Indeterminate.tsx +1 -1
  87. package/dist/mdx/react/checkbox/examples/Inverse.tsx +22 -0
  88. package/dist/mdx/react/checkbox/examples/RefForwarding.tsx +1 -1
  89. package/dist/mdx/react/collection/Collection.mdx +358 -0
  90. package/dist/mdx/react/collection/Collection.splitprops.tsx +19 -0
  91. package/dist/mdx/react/collection/examples/Basic.tsx +12 -0
  92. package/dist/mdx/react/collection/examples/BasicGrid.tsx +46 -0
  93. package/dist/mdx/react/collection/examples/BasicVirtual.tsx +24 -0
  94. package/dist/mdx/react/collection/examples/DynamicItems.tsx +20 -0
  95. package/dist/mdx/react/collection/examples/IdentifiedItems.tsx +12 -0
  96. package/dist/mdx/react/collection/examples/MultiSelection.tsx +56 -0
  97. package/dist/mdx/react/collection/examples/RovingFocus.tsx +39 -0
  98. package/dist/mdx/react/collection/examples/Selection.tsx +58 -0
  99. package/dist/mdx/react/collection/examples/WrappingGrid.tsx +48 -0
  100. package/dist/mdx/react/color-picker/color-input/ColorInput.mdx +2 -2
  101. package/dist/mdx/react/color-picker/color-preview/ColorPreview.mdx +2 -2
  102. package/dist/mdx/{labs-react/common → react/layout}/Box.mdx +3 -6
  103. package/dist/mdx/{labs-react → react}/layout/Flex.mdx +24 -27
  104. package/dist/mdx/{labs-react → react}/layout/Stack.mdx +98 -146
  105. package/dist/mdx/{labs-react/common → react/layout}/examples/As.tsx +1 -1
  106. package/dist/mdx/{labs-react/common → react/layout}/examples/Border.tsx +1 -1
  107. package/dist/mdx/{labs-react/common → react/layout}/examples/Color.tsx +1 -1
  108. package/dist/mdx/{labs-react/common → react/layout}/examples/Depth.tsx +9 -3
  109. package/dist/mdx/{labs-react → react}/layout/examples/Flex/FlexCard.tsx +2 -3
  110. package/dist/mdx/{labs-react → react}/layout/examples/Flex/FlexLayout.tsx +1 -1
  111. package/dist/mdx/{labs-react → react}/layout/examples/Flex/Usage.tsx +2 -3
  112. package/dist/mdx/{labs-react/common → react/layout}/examples/FlexItem.tsx +1 -2
  113. package/dist/mdx/{labs-react/common → react/layout}/examples/Layout.tsx +1 -1
  114. package/dist/mdx/{labs-react/common → react/layout}/examples/Position.tsx +1 -1
  115. package/dist/mdx/{labs-react → react}/layout/examples/PropTables.splitprops.tsx +1 -1
  116. package/dist/mdx/{labs-react/common → react/layout}/examples/Ref.tsx +1 -1
  117. package/dist/mdx/{labs-react/common → react/layout}/examples/Space.tsx +1 -1
  118. package/dist/mdx/{labs-react → react}/layout/examples/Stack/BasicStack.tsx +1 -1
  119. package/dist/mdx/{labs-react → react}/layout/examples/Stack/HStackCards.tsx +2 -3
  120. package/dist/mdx/{labs-react → react}/layout/examples/Stack/NestedStacks.tsx +1 -1
  121. package/dist/mdx/react/layout/examples/Stack/ShouldWrapChildren.tsx +28 -0
  122. package/dist/mdx/{labs-react → react}/layout/examples/Stack/StackCard.tsx +2 -2
  123. package/dist/mdx/{labs-react → react}/layout/examples/Stack/StackItems.tsx +1 -2
  124. package/dist/mdx/{labs-react → react}/layout/examples/Stack/VStackCards.tsx +2 -2
  125. package/dist/mdx/react/menu/Menu.mdx +123 -0
  126. package/dist/mdx/react/menu/examples/Basic.tsx +26 -0
  127. package/dist/mdx/react/menu/examples/ContextMenu.tsx +25 -0
  128. package/dist/mdx/react/menu/examples/Icons.tsx +41 -0
  129. package/dist/mdx/react/modal/Modal.mdx +34 -11
  130. package/dist/mdx/react/modal/examples/Basic.tsx +4 -2
  131. package/dist/mdx/react/modal/examples/BodyOverflow.tsx +56 -0
  132. package/dist/mdx/react/modal/examples/CustomFocus.tsx +4 -2
  133. package/dist/mdx/react/modal/examples/FullOverflow.tsx +55 -0
  134. package/dist/mdx/react/modal/examples/ReturnFocus.tsx +5 -3
  135. package/dist/mdx/react/modal/examples/WithoutCloseIcon.tsx +4 -2
  136. package/dist/mdx/react/pagination/PropTables.splitprops.tsx +1 -1
  137. package/dist/mdx/react/pagination/pagination.mdx +14 -14
  138. package/dist/mdx/react/popup/Popup.mdx +2 -1
  139. package/dist/mdx/react/popup/examples/Basic.tsx +1 -1
  140. package/dist/mdx/react/popup/examples/FocusRedirect.tsx +1 -1
  141. package/dist/mdx/react/popup/examples/FocusTrap.tsx +1 -1
  142. package/dist/mdx/react/popup/examples/FullScreen.tsx +1 -1
  143. package/dist/mdx/react/popup/examples/InitialFocus.tsx +4 -2
  144. package/dist/mdx/react/popup/examples/MultiplePopups.tsx +1 -1
  145. package/dist/mdx/react/popup/examples/NestedPopups.tsx +18 -18
  146. package/dist/mdx/react/popup/examples/RTL.tsx +6 -3
  147. package/dist/mdx/react/radio/Radio.mdx +7 -0
  148. package/dist/mdx/react/radio/examples/Basic.tsx +11 -2
  149. package/dist/mdx/react/radio/examples/Inverse.tsx +23 -0
  150. package/dist/mdx/react/segmented-control/SegmentedControl.mdx +2 -2
  151. package/dist/mdx/react/segmented-control/examples/Basic.tsx +13 -11
  152. package/dist/mdx/react/skeleton/examples/Basic.tsx +1 -1
  153. package/dist/mdx/react/skeleton/examples/Color.tsx +1 -2
  154. package/dist/mdx/react/skeleton/examples/Simulation.tsx +31 -30
  155. package/dist/mdx/react/status-indicator/StatusIndicator.mdx +12 -0
  156. package/dist/mdx/react/status-indicator/examples/MaxWidth.tsx +30 -0
  157. package/dist/mdx/react/tabs/Tabs.mdx +14 -17
  158. package/dist/mdx/react/tabs/TabsModel.splitprops.tsx +7 -3
  159. package/dist/mdx/react/tabs/examples/DynamicTabs.tsx +6 -13
  160. package/dist/mdx/react/tabs/examples/HoistedModel.tsx +8 -8
  161. package/dist/mdx/react/tabs/examples/Icons.tsx +4 -4
  162. package/dist/mdx/react/tabs/examples/NamedTabs.tsx +10 -10
  163. package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +4 -8
  164. package/dist/mdx/react/tabs/examples/SinglePanel.tsx +3 -3
  165. package/dist/mdx/react/text-input/examples/Basic.tsx +3 -0
  166. package/dist/mdx/react/tooltip/Tooltip.mdx +2 -2
  167. package/dist/mdx/react/tooltip/examples/Default.tsx +2 -2
  168. package/dist/mdx/react/tooltip/examples/UseTooltip.tsx +2 -2
  169. package/package.json +9 -17
  170. package/dist/mdx/labs-react/common/examples/PropTables.splitprops.tsx +0 -91
  171. package/dist/mdx/labs-react/layout/examples/Stack/ShouldWrapChildren.tsx +0 -33
  172. package/dist/mdx/react/button/icon-button/IconButton.mdx +0 -103
  173. package/dist/mdx/react/button/icon-button/examples/Circle.tsx +0 -6
  174. package/dist/mdx/react/button/icon-button/examples/CircleFilled.tsx +0 -8
  175. package/dist/mdx/react/button/icon-button/examples/Inverse.tsx +0 -20
  176. package/dist/mdx/react/button/icon-button/examples/InverseFilled.tsx +0 -20
  177. package/dist/mdx/react/button/icon-button/examples/MirroredIcon.tsx +0 -11
  178. package/dist/mdx/react/button/icon-button/examples/Plain.tsx +0 -8
  179. package/dist/mdx/react/button/icon-button/examples/Square.tsx +0 -8
  180. package/dist/mdx/react/button/icon-button/examples/SquareFilled.tsx +0 -8
  181. package/dist/mdx/react/button/icon-button/examples/Toggleable.tsx +0 -20
  182. package/ts3.5/dist/commonjs/index.d.ts +0 -4
  183. package/ts3.5/dist/commonjs/lib/Specifications.d.ts +0 -6
  184. package/ts3.5/dist/commonjs/lib/docs.d.ts +0 -5
  185. package/ts3.5/dist/commonjs/lib/specs.d.ts +0 -16
  186. package/ts3.5/dist/es6/index.d.ts +0 -4
  187. package/ts3.5/dist/es6/lib/Specifications.d.ts +0 -6
  188. package/ts3.5/dist/es6/lib/docs.d.ts +0 -5
  189. package/ts3.5/dist/es6/lib/specs.d.ts +0 -16
@@ -1,8 +1,15 @@
1
1
  "use strict";
2
- function __export(m) {
3
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
4
- }
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
5
12
  Object.defineProperty(exports, "__esModule", { value: true });
6
- __export(require("./lib/specs"));
7
- __export(require("./lib/Specifications"));
8
- __export(require("./lib/docs"));
13
+ __exportStar(require("./lib/specs"), exports);
14
+ __exportStar(require("./lib/Specifications"), exports);
15
+ __exportStar(require("./lib/docs"), exports);
@@ -1 +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"}
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,mBAAkB,mBAAmB,uBAmF/D,CAAC"}
@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
14
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.Specifications = void 0;
17
18
  /* eslint-disable no-param-reassign */
18
19
  var react_1 = __importDefault(require("react"));
19
20
  var csf_1 = require("@storybook/csf");
@@ -43,7 +44,7 @@ function createTableRows(rows, item, index, children, context) {
43
44
  }
44
45
  return rows;
45
46
  }
46
- exports.Specifications = function (_a) {
47
+ var Specifications = function (_a) {
47
48
  var file = _a.file, name = _a.name;
48
49
  var storybookBaseUrl = react_1.default.useContext(docs_1.StorybookUrl);
49
50
  var githubUrl = react_1.default.useContext(docs_1.GithubUrl);
@@ -87,3 +88,4 @@ exports.Specifications = function (_a) {
87
88
  ' ',
88
89
  react_1.default.createElement(button_1.Hyperlink, { href: githubUrl + "blob/" + githubBranch + "/cypress/integration/" + file }, file))) : null;
89
90
  };
91
+ exports.Specifications = Specifications;
@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.StorybookUrl = exports.GithubBranch = exports.GithubUrl = void 0;
6
7
  var react_1 = __importDefault(require("react"));
7
8
  exports.GithubUrl = react_1.default.createContext('https://github.com/Workday/canvas-kit/');
8
9
  exports.GithubBranch = react_1.default.createContext('master');
@@ -41,6 +41,62 @@ module.exports = {specifications: [
41
41
  }
42
42
  ]
43
43
  },
44
+ {
45
+ "type": "file",
46
+ "name": "Banner.spec.ts",
47
+ "children": [
48
+ {
49
+ "type": "describe",
50
+ "name": "Banner",
51
+ "children": [
52
+ {
53
+ "type": "describe",
54
+ "name": "given the [Components/Indicators/Banner/React, Error] story is rendered",
55
+ "children": [
56
+ {
57
+ "type": "it",
58
+ "name": "should pass axe checks"
59
+ },
60
+ {
61
+ "type": "it",
62
+ "name": "should have an element with a role of \"button\""
63
+ },
64
+ {
65
+ "type": "it",
66
+ "name": "should have an \"aria-labelledby\" that matches the action"
67
+ },
68
+ {
69
+ "type": "it",
70
+ "name": "should have an \"aria-describedby\" that matches the label"
71
+ }
72
+ ]
73
+ },
74
+ {
75
+ "type": "describe",
76
+ "name": "given the [Components/Indicators/Banner/React, Sticky] story is rendered",
77
+ "children": [
78
+ {
79
+ "type": "it",
80
+ "name": "should pass axe checks"
81
+ },
82
+ {
83
+ "type": "it",
84
+ "name": "should have an element with a role of \"button\""
85
+ },
86
+ {
87
+ "type": "it",
88
+ "name": "should have an \"aria-labelledby\" that matches the action"
89
+ },
90
+ {
91
+ "type": "it",
92
+ "name": "should have an \"aria-describedby\" that matches the label"
93
+ }
94
+ ]
95
+ }
96
+ ]
97
+ }
98
+ ]
99
+ },
44
100
  {
45
101
  "type": "file",
46
102
  "name": "Breadcrumbs.spec.ts",
@@ -713,11 +769,11 @@ module.exports = {specifications: [
713
769
  "children": [
714
770
  {
715
771
  "type": "describe",
716
- "name": "Icon Button ColorPicker Popup",
772
+ "name": "Icon button ColorPicker Popup",
717
773
  "children": [
718
774
  {
719
775
  "type": "describe",
720
- "name": "when the IconButton is clicked",
776
+ "name": "when the SecondaryButton is clicked",
721
777
  "children": [
722
778
  {
723
779
  "type": "it",
@@ -1243,9 +1299,180 @@ module.exports = {specifications: [
1243
1299
  }
1244
1300
  ]
1245
1301
  },
1302
+ {
1303
+ "type": "file",
1304
+ "name": "Hyperlink.spec.ts",
1305
+ "children": [
1306
+ {
1307
+ "type": "describe",
1308
+ "name": "Button",
1309
+ "children": [
1310
+ {
1311
+ "type": "describe",
1312
+ "name": "given internal hyperlinks are rendered",
1313
+ "children": [
1314
+ {
1315
+ "type": "it",
1316
+ "name": "should not have any axe errors"
1317
+ },
1318
+ {
1319
+ "type": "it",
1320
+ "name": "should render the correct text"
1321
+ }
1322
+ ]
1323
+ },
1324
+ {
1325
+ "type": "describe",
1326
+ "name": "given external hyperlinks are rendered",
1327
+ "children": [
1328
+ {
1329
+ "type": "it",
1330
+ "name": "should not have any axe errors"
1331
+ },
1332
+ {
1333
+ "type": "it",
1334
+ "name": "should render the correct text"
1335
+ }
1336
+ ]
1337
+ }
1338
+ ]
1339
+ }
1340
+ ]
1341
+ },
1246
1342
  {
1247
1343
  "type": "file",
1248
1344
  "name": "Menu.spec.ts",
1345
+ "children": [
1346
+ {
1347
+ "type": "describe",
1348
+ "name": "Menu",
1349
+ "children": [
1350
+ {
1351
+ "type": "describe",
1352
+ "name": "given the [Components/Popups/Menu/React, Basic] story is rendered",
1353
+ "children": [
1354
+ {
1355
+ "type": "it",
1356
+ "name": "should pass axe checks"
1357
+ },
1358
+ {
1359
+ "type": "it",
1360
+ "name": "should have aria-haspopup set to true"
1361
+ },
1362
+ {
1363
+ "type": "it",
1364
+ "name": "should have aria-expanded set to false"
1365
+ },
1366
+ {
1367
+ "type": "it",
1368
+ "name": "should not show a menu"
1369
+ },
1370
+ {
1371
+ "type": "describe",
1372
+ "name": "when the \"Open Menu\" button is clicked",
1373
+ "children": [
1374
+ {
1375
+ "type": "it",
1376
+ "name": "should set aria-expanded to true"
1377
+ },
1378
+ {
1379
+ "type": "it",
1380
+ "name": "should show menu"
1381
+ },
1382
+ {
1383
+ "type": "it",
1384
+ "name": "should transfer focus to the first menu item"
1385
+ },
1386
+ {
1387
+ "type": "describe",
1388
+ "name": "when escape key is pressed",
1389
+ "children": [
1390
+ {
1391
+ "type": "it",
1392
+ "name": "should have aria-expanded set to false"
1393
+ },
1394
+ {
1395
+ "type": "it",
1396
+ "name": "should not show a menu"
1397
+ },
1398
+ {
1399
+ "type": "it",
1400
+ "name": "return focus to the \"Open Menu\" button"
1401
+ }
1402
+ ]
1403
+ },
1404
+ {
1405
+ "type": "describe",
1406
+ "name": "when down arrow key is pressed",
1407
+ "children": [
1408
+ {
1409
+ "type": "it",
1410
+ "name": "should transfer focus to the second item"
1411
+ },
1412
+ {
1413
+ "type": "describe",
1414
+ "name": "when the enter key is pressed",
1415
+ "children": [
1416
+ {
1417
+ "type": "it",
1418
+ "name": "should have aria-expanded set to false"
1419
+ },
1420
+ {
1421
+ "type": "it",
1422
+ "name": "should not show a menu"
1423
+ },
1424
+ {
1425
+ "type": "it",
1426
+ "name": "should select the second item"
1427
+ }
1428
+ ]
1429
+ }
1430
+ ]
1431
+ },
1432
+ {
1433
+ "type": "describe",
1434
+ "name": "when the second item is clicked",
1435
+ "children": [
1436
+ {
1437
+ "type": "it",
1438
+ "name": "should have aria-expanded set to false"
1439
+ },
1440
+ {
1441
+ "type": "it",
1442
+ "name": "should not show a menu"
1443
+ },
1444
+ {
1445
+ "type": "it",
1446
+ "name": "should select the second item"
1447
+ }
1448
+ ]
1449
+ },
1450
+ {
1451
+ "type": "describe",
1452
+ "name": "when the user types a printable character \"t\"",
1453
+ "children": []
1454
+ },
1455
+ {
1456
+ "type": "describe",
1457
+ "name": "when up arrow key is pressed",
1458
+ "children": [
1459
+ {
1460
+ "type": "it",
1461
+ "name": "should focus on the last option"
1462
+ }
1463
+ ]
1464
+ }
1465
+ ]
1466
+ }
1467
+ ]
1468
+ }
1469
+ ]
1470
+ }
1471
+ ]
1472
+ },
1473
+ {
1474
+ "type": "file",
1475
+ "name": "MenuPreview.spec.ts",
1249
1476
  "children": [
1250
1477
  {
1251
1478
  "type": "describe",
@@ -2031,10 +2258,6 @@ module.exports = {specifications: [
2031
2258
  "type": "it",
2032
2259
  "name": "should set aria-atomic to true"
2033
2260
  },
2034
- {
2035
- "type": "it",
2036
- "name": "should set aria-relevant to true"
2037
- },
2038
2261
  {
2039
2262
  "type": "it",
2040
2263
  "name": "should describe the current page range and the total page count"
@@ -1 +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"}
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,mBAAkB,mBAAmB,uBAmF/D,CAAC"}
@@ -41,6 +41,62 @@ module.exports = {specifications: [
41
41
  }
42
42
  ]
43
43
  },
44
+ {
45
+ "type": "file",
46
+ "name": "Banner.spec.ts",
47
+ "children": [
48
+ {
49
+ "type": "describe",
50
+ "name": "Banner",
51
+ "children": [
52
+ {
53
+ "type": "describe",
54
+ "name": "given the [Components/Indicators/Banner/React, Error] story is rendered",
55
+ "children": [
56
+ {
57
+ "type": "it",
58
+ "name": "should pass axe checks"
59
+ },
60
+ {
61
+ "type": "it",
62
+ "name": "should have an element with a role of \"button\""
63
+ },
64
+ {
65
+ "type": "it",
66
+ "name": "should have an \"aria-labelledby\" that matches the action"
67
+ },
68
+ {
69
+ "type": "it",
70
+ "name": "should have an \"aria-describedby\" that matches the label"
71
+ }
72
+ ]
73
+ },
74
+ {
75
+ "type": "describe",
76
+ "name": "given the [Components/Indicators/Banner/React, Sticky] story is rendered",
77
+ "children": [
78
+ {
79
+ "type": "it",
80
+ "name": "should pass axe checks"
81
+ },
82
+ {
83
+ "type": "it",
84
+ "name": "should have an element with a role of \"button\""
85
+ },
86
+ {
87
+ "type": "it",
88
+ "name": "should have an \"aria-labelledby\" that matches the action"
89
+ },
90
+ {
91
+ "type": "it",
92
+ "name": "should have an \"aria-describedby\" that matches the label"
93
+ }
94
+ ]
95
+ }
96
+ ]
97
+ }
98
+ ]
99
+ },
44
100
  {
45
101
  "type": "file",
46
102
  "name": "Breadcrumbs.spec.ts",
@@ -713,11 +769,11 @@ module.exports = {specifications: [
713
769
  "children": [
714
770
  {
715
771
  "type": "describe",
716
- "name": "Icon Button ColorPicker Popup",
772
+ "name": "Icon button ColorPicker Popup",
717
773
  "children": [
718
774
  {
719
775
  "type": "describe",
720
- "name": "when the IconButton is clicked",
776
+ "name": "when the SecondaryButton is clicked",
721
777
  "children": [
722
778
  {
723
779
  "type": "it",
@@ -1243,9 +1299,180 @@ module.exports = {specifications: [
1243
1299
  }
1244
1300
  ]
1245
1301
  },
1302
+ {
1303
+ "type": "file",
1304
+ "name": "Hyperlink.spec.ts",
1305
+ "children": [
1306
+ {
1307
+ "type": "describe",
1308
+ "name": "Button",
1309
+ "children": [
1310
+ {
1311
+ "type": "describe",
1312
+ "name": "given internal hyperlinks are rendered",
1313
+ "children": [
1314
+ {
1315
+ "type": "it",
1316
+ "name": "should not have any axe errors"
1317
+ },
1318
+ {
1319
+ "type": "it",
1320
+ "name": "should render the correct text"
1321
+ }
1322
+ ]
1323
+ },
1324
+ {
1325
+ "type": "describe",
1326
+ "name": "given external hyperlinks are rendered",
1327
+ "children": [
1328
+ {
1329
+ "type": "it",
1330
+ "name": "should not have any axe errors"
1331
+ },
1332
+ {
1333
+ "type": "it",
1334
+ "name": "should render the correct text"
1335
+ }
1336
+ ]
1337
+ }
1338
+ ]
1339
+ }
1340
+ ]
1341
+ },
1246
1342
  {
1247
1343
  "type": "file",
1248
1344
  "name": "Menu.spec.ts",
1345
+ "children": [
1346
+ {
1347
+ "type": "describe",
1348
+ "name": "Menu",
1349
+ "children": [
1350
+ {
1351
+ "type": "describe",
1352
+ "name": "given the [Components/Popups/Menu/React, Basic] story is rendered",
1353
+ "children": [
1354
+ {
1355
+ "type": "it",
1356
+ "name": "should pass axe checks"
1357
+ },
1358
+ {
1359
+ "type": "it",
1360
+ "name": "should have aria-haspopup set to true"
1361
+ },
1362
+ {
1363
+ "type": "it",
1364
+ "name": "should have aria-expanded set to false"
1365
+ },
1366
+ {
1367
+ "type": "it",
1368
+ "name": "should not show a menu"
1369
+ },
1370
+ {
1371
+ "type": "describe",
1372
+ "name": "when the \"Open Menu\" button is clicked",
1373
+ "children": [
1374
+ {
1375
+ "type": "it",
1376
+ "name": "should set aria-expanded to true"
1377
+ },
1378
+ {
1379
+ "type": "it",
1380
+ "name": "should show menu"
1381
+ },
1382
+ {
1383
+ "type": "it",
1384
+ "name": "should transfer focus to the first menu item"
1385
+ },
1386
+ {
1387
+ "type": "describe",
1388
+ "name": "when escape key is pressed",
1389
+ "children": [
1390
+ {
1391
+ "type": "it",
1392
+ "name": "should have aria-expanded set to false"
1393
+ },
1394
+ {
1395
+ "type": "it",
1396
+ "name": "should not show a menu"
1397
+ },
1398
+ {
1399
+ "type": "it",
1400
+ "name": "return focus to the \"Open Menu\" button"
1401
+ }
1402
+ ]
1403
+ },
1404
+ {
1405
+ "type": "describe",
1406
+ "name": "when down arrow key is pressed",
1407
+ "children": [
1408
+ {
1409
+ "type": "it",
1410
+ "name": "should transfer focus to the second item"
1411
+ },
1412
+ {
1413
+ "type": "describe",
1414
+ "name": "when the enter key is pressed",
1415
+ "children": [
1416
+ {
1417
+ "type": "it",
1418
+ "name": "should have aria-expanded set to false"
1419
+ },
1420
+ {
1421
+ "type": "it",
1422
+ "name": "should not show a menu"
1423
+ },
1424
+ {
1425
+ "type": "it",
1426
+ "name": "should select the second item"
1427
+ }
1428
+ ]
1429
+ }
1430
+ ]
1431
+ },
1432
+ {
1433
+ "type": "describe",
1434
+ "name": "when the second item is clicked",
1435
+ "children": [
1436
+ {
1437
+ "type": "it",
1438
+ "name": "should have aria-expanded set to false"
1439
+ },
1440
+ {
1441
+ "type": "it",
1442
+ "name": "should not show a menu"
1443
+ },
1444
+ {
1445
+ "type": "it",
1446
+ "name": "should select the second item"
1447
+ }
1448
+ ]
1449
+ },
1450
+ {
1451
+ "type": "describe",
1452
+ "name": "when the user types a printable character \"t\"",
1453
+ "children": []
1454
+ },
1455
+ {
1456
+ "type": "describe",
1457
+ "name": "when up arrow key is pressed",
1458
+ "children": [
1459
+ {
1460
+ "type": "it",
1461
+ "name": "should focus on the last option"
1462
+ }
1463
+ ]
1464
+ }
1465
+ ]
1466
+ }
1467
+ ]
1468
+ }
1469
+ ]
1470
+ }
1471
+ ]
1472
+ },
1473
+ {
1474
+ "type": "file",
1475
+ "name": "MenuPreview.spec.ts",
1249
1476
  "children": [
1250
1477
  {
1251
1478
  "type": "describe",
@@ -2031,10 +2258,6 @@ module.exports = {specifications: [
2031
2258
  "type": "it",
2032
2259
  "name": "should set aria-atomic to true"
2033
2260
  },
2034
- {
2035
- "type": "it",
2036
- "name": "should set aria-relevant to true"
2037
- },
2038
2261
  {
2039
2262
  "type": "it",
2040
2263
  "name": "should describe the current page range and the total page count"
@@ -1,4 +1,4 @@
1
- # Canvas Kit 4.0 Migration Guide
1
+ # Canvas Kit 4.0 Upgrade Guide
2
2
 
3
3
  Below are the breaking changes made in Canvas Kit v4. Please reach out if you have any questions
4
4
  about the update.
@@ -1,4 +1,4 @@
1
- # Canvas Kit 5.0 Migration Guide
1
+ # Canvas Kit 5.0 Upgrade Guide
2
2
 
3
3
  Below are the breaking changes made in Canvas Kit v5. Please
4
4
  [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.
28
28
 
29
29
  We've introduced a
30
30
  [new codemod package](https://github.com/Workday/canvas-kit/tree/master/modules/codemod) you can use
31
- to automatically update your code to work with a majority of the breaking changes in the migration
31
+ to automatically update your code to work with a majority of the breaking changes in the upgrade
32
32
  from Canvas Kit v4 to v5. Simply run:
33
33
 
34
34
  ```sh
@@ -49,7 +49,7 @@ rollback more easily if necessary.**
49
49
 
50
50
  [Let us know](https://github.com/Workday/canvas-kit/issues/new?labels=bug&template=bug.md) if you
51
51
  encounter any issues or use cases that we've missed. The `@workday/canvas-kit-codemod` package will
52
- help us maintain additional codemod transforms to make future migrations easier.
52
+ help us maintain additional codemod transforms to make future upgrades easier.
53
53
 
54
54
  ## General Changes
55
55
 
@@ -1,4 +1,4 @@
1
- # Canvas Kit 6.0 Migration Guide
1
+ # Canvas Kit 6.0 Upgrade Guide
2
2
 
3
3
  Below are the breaking changes made in Canvas Kit v6. Please
4
4
  [reach out](https://github.com/Workday/canvas-kit/issues/new?labels=bug&template=bug.md) if you have
@@ -39,7 +39,7 @@ any questions about the update.
39
39
  ## Codemod
40
40
 
41
41
  Please use our [codemod package](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
42
- to automatically update your code to work with a majority of the breaking changes in the migration
42
+ to automatically update your code to work with a majority of the breaking changes in the upgrade
43
43
  from Canvas Kit v5 to v6:
44
44
 
45
45
  ```sh
@@ -60,7 +60,7 @@ rollback more easily if necessary.**
60
60
 
61
61
  [Let us know](https://github.com/Workday/canvas-kit/issues/new?labels=bug&template=bug.md) if you
62
62
  encounter any issues or use cases that we've missed. The `@workday/canvas-kit-codemod` package will
63
- help us maintain additional codemod transforms to make future migrations easier.
63
+ help us maintain additional codemod transforms to make future upgrades easier.
64
64
 
65
65
  ## Component Deprecations
66
66
 
@@ -80,7 +80,7 @@ warning.
80
80
  #### Hard Deprecation
81
81
 
82
82
  A hard-deprecated component or package is no longer available. You will need to follow the method
83
- prescribed in our migration guide to update your application. Please reach out to our team directly
83
+ prescribed in our upgrade guide to update your application. Please reach out to our team directly
84
84
  if you need additional help.
85
85
 
86
86
  ### Cookie Banner