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

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 (185) 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 +259 -2
  6. package/dist/es6/lib/Specifications.d.ts.map +1 -1
  7. package/dist/es6/lib/specs.js +259 -2
  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/TESTING.mdx +1 -1
  15. package/dist/mdx/changelog.stories.mdx +1 -0
  16. package/dist/mdx/labs-react/search-form/examples/Basic.tsx +4 -2
  17. package/dist/mdx/labs-react/search-form/examples/CustomTheme.tsx +4 -2
  18. package/dist/mdx/labs-react/search-form/examples/Grow.tsx +4 -2
  19. package/dist/mdx/labs-react/search-form/examples/RTL.tsx +4 -2
  20. package/dist/mdx/labs-react/search-form/examples/Theming.tsx +4 -2
  21. package/dist/mdx/preview-react/_examples/SidePanelWithOverlay.mdx +8 -0
  22. package/dist/mdx/preview-react/_examples/examples/SidePanelWithOverlay.tsx +31 -0
  23. package/dist/mdx/preview-react/_examples/examples/TextInputWithFormik.tsx +3 -3
  24. package/dist/mdx/preview-react/form-field/examples/Custom.tsx +4 -5
  25. package/dist/mdx/preview-react/menu/Menu.mdx +1 -1
  26. package/dist/mdx/preview-react/menu/examples/ContextMenu.tsx +2 -2
  27. package/dist/mdx/preview-react/menu/examples/Icons.tsx +0 -1
  28. package/dist/mdx/preview-react/pill/Pill.mdx +241 -0
  29. package/dist/mdx/preview-react/pill/examples/Basic.tsx +18 -0
  30. package/dist/mdx/preview-react/pill/examples/WithAvatar.tsx +21 -0
  31. package/dist/mdx/preview-react/pill/examples/WithCount.tsx +9 -0
  32. package/dist/mdx/preview-react/pill/examples/WithList.tsx +31 -0
  33. package/dist/mdx/preview-react/pill/examples/WithReadOnly.tsx +15 -0
  34. package/dist/mdx/preview-react/pill/examples/WithRemovable.tsx +25 -0
  35. package/dist/mdx/preview-react/pill/examples/test-avatar.png +0 -0
  36. package/dist/mdx/preview-react/side-panel/SidePanel.mdx +5 -3
  37. package/dist/mdx/preview-react/side-panel/examples/AlwaysOpen.tsx +16 -22
  38. package/dist/mdx/preview-react/side-panel/examples/Basic.tsx +9 -14
  39. package/dist/mdx/preview-react/side-panel/examples/ExternalControl.tsx +9 -13
  40. package/dist/mdx/preview-react/side-panel/examples/HiddenName.tsx +1 -1
  41. package/dist/mdx/preview-react/side-panel/examples/OnExpandedChange.tsx +1 -1
  42. package/dist/mdx/preview-react/side-panel/examples/OnStateTransition.tsx +1 -1
  43. package/dist/mdx/preview-react/side-panel/examples/RightOrigin.tsx +17 -24
  44. package/dist/mdx/preview-react/side-panel/examples/Variant.tsx +9 -14
  45. package/dist/mdx/preview-react/text-area/examples/Alert.tsx +2 -1
  46. package/dist/mdx/preview-react/text-area/examples/HiddenLabel.tsx +6 -4
  47. package/dist/mdx/preview-react/text-area/examples/RefForwarding.tsx +1 -1
  48. package/dist/mdx/preview-react/text-input/examples/Alert.tsx +2 -1
  49. package/dist/mdx/preview-react/text-input/examples/HiddenLabel.tsx +6 -4
  50. package/dist/mdx/preview-react/text-input/examples/RefForwarding.tsx +1 -1
  51. package/dist/mdx/preview-react/text-input/examples/ThemedAlert.tsx +2 -1
  52. package/dist/mdx/react/_examples/SegmentedControlWithText.mdx +12 -0
  53. package/dist/mdx/react/_examples/examples/GlobalHeader.tsx +7 -6
  54. package/dist/mdx/react/_examples/examples/PageHeader.tsx +5 -5
  55. package/dist/mdx/react/_examples/examples/SegmentControlWithText.tsx +119 -0
  56. package/dist/mdx/react/action-bar/ActionBar.mdx +126 -23
  57. package/dist/mdx/react/action-bar/examples/Basic.tsx +7 -4
  58. package/dist/mdx/react/action-bar/examples/DeleteAction.tsx +15 -0
  59. package/dist/mdx/react/action-bar/examples/Icons.tsx +18 -0
  60. package/dist/mdx/react/action-bar/examples/OverflowActionBar.tsx +59 -0
  61. package/dist/mdx/react/banner/Banner.mdx +203 -19
  62. package/dist/mdx/react/banner/PropTables.splitprops.tsx +39 -0
  63. package/dist/mdx/react/banner/examples/ActionText.tsx +8 -1
  64. package/dist/mdx/react/banner/examples/Basic.tsx +8 -1
  65. package/dist/mdx/react/banner/examples/Error.tsx +8 -1
  66. package/dist/mdx/react/banner/examples/RefForwarding.tsx +25 -0
  67. package/dist/mdx/react/banner/examples/Sticky.tsx +12 -7
  68. package/dist/mdx/react/banner/examples/StickyAnimation.tsx +64 -0
  69. package/dist/mdx/react/banner/examples/StickyRTL.tsx +35 -0
  70. package/dist/mdx/react/banner/examples/ThemedAlert.tsx +28 -0
  71. package/dist/mdx/react/banner/examples/ThemedError.tsx +29 -0
  72. package/dist/mdx/react/button/button/Button.mdx +3 -3
  73. package/dist/mdx/react/button/button/Hyperlink.mdx +72 -0
  74. package/dist/mdx/react/button/button/examples/ExternalHyperlink.tsx +7 -0
  75. package/dist/mdx/react/button/button/examples/ExternalHyperlinkInverse.tsx +12 -0
  76. package/dist/mdx/react/button/button/examples/Hyperlink.tsx +5 -0
  77. package/dist/mdx/react/button/button/examples/HyperlinkInverse.tsx +12 -0
  78. package/dist/mdx/react/button/button/examples/Primary.tsx +11 -3
  79. package/dist/mdx/react/button/button/examples/PrimaryInverse.tsx +11 -3
  80. package/dist/mdx/react/button/button/examples/Secondary.tsx +11 -3
  81. package/dist/mdx/react/button/button/examples/SecondaryInverse.tsx +11 -3
  82. package/dist/mdx/react/button/button/examples/Tertiary.tsx +9 -4
  83. package/dist/mdx/react/button/button/examples/TertiaryInverse.tsx +12 -3
  84. package/dist/mdx/react/card/card.mdx +2 -2
  85. package/dist/mdx/react/card/examples/Depth.tsx +1 -1
  86. package/dist/mdx/react/checkbox/Checkbox.mdx +7 -0
  87. package/dist/mdx/react/checkbox/examples/Indeterminate.tsx +1 -1
  88. package/dist/mdx/react/checkbox/examples/Inverse.tsx +22 -0
  89. package/dist/mdx/react/checkbox/examples/RefForwarding.tsx +1 -1
  90. package/dist/mdx/react/collection/Collection.mdx +136 -0
  91. package/dist/mdx/react/collection/examples/Basic.tsx +12 -0
  92. package/dist/mdx/react/collection/examples/BasicVirtual.tsx +24 -0
  93. package/dist/mdx/react/collection/examples/DynamicItems.tsx +20 -0
  94. package/dist/mdx/react/collection/examples/IdentifiedItems.tsx +12 -0
  95. package/dist/mdx/react/collection/examples/MultiSelection.tsx +56 -0
  96. package/dist/mdx/react/collection/examples/RovingFocus.tsx +39 -0
  97. package/dist/mdx/react/collection/examples/Selection.tsx +58 -0
  98. package/dist/mdx/react/color-picker/color-input/ColorInput.mdx +2 -2
  99. package/dist/mdx/react/color-picker/color-preview/ColorPreview.mdx +2 -2
  100. package/dist/mdx/{labs-react/common → react/layout}/Box.mdx +3 -6
  101. package/dist/mdx/{labs-react → react}/layout/Flex.mdx +24 -27
  102. package/dist/mdx/{labs-react → react}/layout/Stack.mdx +98 -146
  103. package/dist/mdx/{labs-react/common → react/layout}/examples/As.tsx +1 -1
  104. package/dist/mdx/{labs-react/common → react/layout}/examples/Border.tsx +1 -1
  105. package/dist/mdx/{labs-react/common → react/layout}/examples/Color.tsx +1 -1
  106. package/dist/mdx/{labs-react/common → react/layout}/examples/Depth.tsx +9 -3
  107. package/dist/mdx/{labs-react → react}/layout/examples/Flex/FlexCard.tsx +2 -3
  108. package/dist/mdx/{labs-react → react}/layout/examples/Flex/FlexLayout.tsx +1 -1
  109. package/dist/mdx/{labs-react → react}/layout/examples/Flex/Usage.tsx +2 -3
  110. package/dist/mdx/{labs-react/common → react/layout}/examples/FlexItem.tsx +1 -2
  111. package/dist/mdx/{labs-react/common → react/layout}/examples/Layout.tsx +1 -1
  112. package/dist/mdx/{labs-react/common → react/layout}/examples/Position.tsx +1 -1
  113. package/dist/mdx/{labs-react → react}/layout/examples/PropTables.splitprops.tsx +1 -1
  114. package/dist/mdx/{labs-react/common → react/layout}/examples/Ref.tsx +1 -1
  115. package/dist/mdx/{labs-react/common → react/layout}/examples/Space.tsx +1 -1
  116. package/dist/mdx/{labs-react → react}/layout/examples/Stack/BasicStack.tsx +1 -1
  117. package/dist/mdx/{labs-react → react}/layout/examples/Stack/HStackCards.tsx +2 -3
  118. package/dist/mdx/{labs-react → react}/layout/examples/Stack/NestedStacks.tsx +1 -1
  119. package/dist/mdx/react/layout/examples/Stack/ShouldWrapChildren.tsx +28 -0
  120. package/dist/mdx/{labs-react → react}/layout/examples/Stack/StackCard.tsx +2 -2
  121. package/dist/mdx/{labs-react → react}/layout/examples/Stack/StackItems.tsx +1 -2
  122. package/dist/mdx/{labs-react → react}/layout/examples/Stack/VStackCards.tsx +2 -2
  123. package/dist/mdx/react/menu/Menu.mdx +123 -0
  124. package/dist/mdx/react/menu/examples/Basic.tsx +26 -0
  125. package/dist/mdx/react/menu/examples/ContextMenu.tsx +25 -0
  126. package/dist/mdx/react/menu/examples/Icons.tsx +41 -0
  127. package/dist/mdx/react/modal/Modal.mdx +34 -11
  128. package/dist/mdx/react/modal/examples/Basic.tsx +4 -2
  129. package/dist/mdx/react/modal/examples/BodyOverflow.tsx +56 -0
  130. package/dist/mdx/react/modal/examples/CustomFocus.tsx +4 -2
  131. package/dist/mdx/react/modal/examples/FullOverflow.tsx +55 -0
  132. package/dist/mdx/react/modal/examples/ReturnFocus.tsx +5 -3
  133. package/dist/mdx/react/modal/examples/WithoutCloseIcon.tsx +4 -2
  134. package/dist/mdx/react/pagination/PropTables.splitprops.tsx +1 -1
  135. package/dist/mdx/react/pagination/pagination.mdx +14 -14
  136. package/dist/mdx/react/popup/Popup.mdx +2 -1
  137. package/dist/mdx/react/popup/examples/Basic.tsx +1 -1
  138. package/dist/mdx/react/popup/examples/FocusRedirect.tsx +3 -2
  139. package/dist/mdx/react/popup/examples/FocusTrap.tsx +1 -1
  140. package/dist/mdx/react/popup/examples/FullScreen.tsx +1 -1
  141. package/dist/mdx/react/popup/examples/InitialFocus.tsx +4 -2
  142. package/dist/mdx/react/popup/examples/MultiplePopups.tsx +1 -1
  143. package/dist/mdx/react/popup/examples/NestedPopups.tsx +18 -18
  144. package/dist/mdx/react/popup/examples/RTL.tsx +6 -3
  145. package/dist/mdx/react/radio/Radio.mdx +7 -0
  146. package/dist/mdx/react/radio/examples/Inverse.tsx +23 -0
  147. package/dist/mdx/react/segmented-control/SegmentedControl.mdx +2 -2
  148. package/dist/mdx/react/segmented-control/examples/Basic.tsx +13 -11
  149. package/dist/mdx/react/skeleton/examples/Basic.tsx +1 -1
  150. package/dist/mdx/react/skeleton/examples/Color.tsx +1 -2
  151. package/dist/mdx/react/skeleton/examples/Simulation.tsx +11 -10
  152. package/dist/mdx/react/status-indicator/StatusIndicator.mdx +12 -0
  153. package/dist/mdx/react/status-indicator/examples/MaxWidth.tsx +30 -0
  154. package/dist/mdx/react/tabs/Tabs.mdx +14 -17
  155. package/dist/mdx/react/tabs/examples/DynamicTabs.tsx +6 -13
  156. package/dist/mdx/react/tabs/examples/HoistedModel.tsx +8 -8
  157. package/dist/mdx/react/tabs/examples/Icons.tsx +4 -4
  158. package/dist/mdx/react/tabs/examples/NamedTabs.tsx +10 -10
  159. package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +4 -8
  160. package/dist/mdx/react/tabs/examples/SinglePanel.tsx +3 -3
  161. package/dist/mdx/react/text-input/examples/Basic.tsx +3 -0
  162. package/dist/mdx/react/tooltip/Tooltip.mdx +2 -2
  163. package/dist/mdx/react/tooltip/examples/Default.tsx +2 -2
  164. package/dist/mdx/react/tooltip/examples/UseTooltip.tsx +2 -2
  165. package/package.json +9 -17
  166. package/dist/mdx/labs-react/common/examples/PropTables.splitprops.tsx +0 -91
  167. package/dist/mdx/labs-react/layout/examples/Stack/ShouldWrapChildren.tsx +0 -33
  168. package/dist/mdx/react/button/icon-button/IconButton.mdx +0 -103
  169. package/dist/mdx/react/button/icon-button/examples/Circle.tsx +0 -6
  170. package/dist/mdx/react/button/icon-button/examples/CircleFilled.tsx +0 -8
  171. package/dist/mdx/react/button/icon-button/examples/Inverse.tsx +0 -20
  172. package/dist/mdx/react/button/icon-button/examples/InverseFilled.tsx +0 -20
  173. package/dist/mdx/react/button/icon-button/examples/MirroredIcon.tsx +0 -11
  174. package/dist/mdx/react/button/icon-button/examples/Plain.tsx +0 -8
  175. package/dist/mdx/react/button/icon-button/examples/Square.tsx +0 -8
  176. package/dist/mdx/react/button/icon-button/examples/SquareFilled.tsx +0 -8
  177. package/dist/mdx/react/button/icon-button/examples/Toggleable.tsx +0 -20
  178. package/ts3.5/dist/commonjs/index.d.ts +0 -4
  179. package/ts3.5/dist/commonjs/lib/Specifications.d.ts +0 -6
  180. package/ts3.5/dist/commonjs/lib/docs.d.ts +0 -5
  181. package/ts3.5/dist/commonjs/lib/specs.d.ts +0 -16
  182. package/ts3.5/dist/es6/index.d.ts +0 -4
  183. package/ts3.5/dist/es6/lib/Specifications.d.ts +0 -6
  184. package/ts3.5/dist/es6/lib/docs.d.ts +0 -5
  185. package/ts3.5/dist/es6/lib/specs.d.ts +0 -16
@@ -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