@workday/canvas-kit-docs 6.9.0-next.0 → 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 (190) 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 -6
  6. package/dist/es6/lib/Specifications.d.ts.map +1 -1
  7. package/dist/es6/lib/specs.js +259 -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/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 +358 -0
  91. package/dist/mdx/react/collection/Collection.splitprops.tsx +19 -0
  92. package/dist/mdx/react/collection/examples/Basic.tsx +12 -0
  93. package/dist/mdx/react/collection/examples/BasicGrid.tsx +46 -0
  94. package/dist/mdx/react/collection/examples/BasicVirtual.tsx +24 -0
  95. package/dist/mdx/react/collection/examples/DynamicItems.tsx +20 -0
  96. package/dist/mdx/react/collection/examples/IdentifiedItems.tsx +12 -0
  97. package/dist/mdx/react/collection/examples/MultiSelection.tsx +56 -0
  98. package/dist/mdx/react/collection/examples/RovingFocus.tsx +39 -0
  99. package/dist/mdx/react/collection/examples/Selection.tsx +58 -0
  100. package/dist/mdx/react/collection/examples/WrappingGrid.tsx +48 -0
  101. package/dist/mdx/react/color-picker/color-input/ColorInput.mdx +2 -2
  102. package/dist/mdx/react/color-picker/color-preview/ColorPreview.mdx +2 -2
  103. package/dist/mdx/{labs-react/common → react/layout}/Box.mdx +3 -6
  104. package/dist/mdx/{labs-react → react}/layout/Flex.mdx +24 -27
  105. package/dist/mdx/{labs-react → react}/layout/Stack.mdx +98 -146
  106. package/dist/mdx/{labs-react/common → react/layout}/examples/As.tsx +1 -1
  107. package/dist/mdx/{labs-react/common → react/layout}/examples/Border.tsx +1 -1
  108. package/dist/mdx/{labs-react/common → react/layout}/examples/Color.tsx +1 -1
  109. package/dist/mdx/{labs-react/common → react/layout}/examples/Depth.tsx +9 -3
  110. package/dist/mdx/{labs-react → react}/layout/examples/Flex/FlexCard.tsx +2 -3
  111. package/dist/mdx/{labs-react → react}/layout/examples/Flex/FlexLayout.tsx +1 -1
  112. package/dist/mdx/{labs-react → react}/layout/examples/Flex/Usage.tsx +2 -3
  113. package/dist/mdx/{labs-react/common → react/layout}/examples/FlexItem.tsx +1 -2
  114. package/dist/mdx/{labs-react/common → react/layout}/examples/Layout.tsx +1 -1
  115. package/dist/mdx/{labs-react/common → react/layout}/examples/Position.tsx +1 -1
  116. package/dist/mdx/{labs-react → react}/layout/examples/PropTables.splitprops.tsx +1 -1
  117. package/dist/mdx/{labs-react/common → react/layout}/examples/Ref.tsx +1 -1
  118. package/dist/mdx/{labs-react/common → react/layout}/examples/Space.tsx +1 -1
  119. package/dist/mdx/{labs-react → react}/layout/examples/Stack/BasicStack.tsx +1 -1
  120. package/dist/mdx/{labs-react → react}/layout/examples/Stack/HStackCards.tsx +2 -3
  121. package/dist/mdx/{labs-react → react}/layout/examples/Stack/NestedStacks.tsx +1 -1
  122. package/dist/mdx/react/layout/examples/Stack/ShouldWrapChildren.tsx +28 -0
  123. package/dist/mdx/{labs-react → react}/layout/examples/Stack/StackCard.tsx +2 -2
  124. package/dist/mdx/{labs-react → react}/layout/examples/Stack/StackItems.tsx +1 -2
  125. package/dist/mdx/{labs-react → react}/layout/examples/Stack/VStackCards.tsx +2 -2
  126. package/dist/mdx/react/menu/Menu.mdx +123 -0
  127. package/dist/mdx/react/menu/examples/Basic.tsx +26 -0
  128. package/dist/mdx/react/menu/examples/ContextMenu.tsx +25 -0
  129. package/dist/mdx/react/menu/examples/Icons.tsx +41 -0
  130. package/dist/mdx/react/modal/Modal.mdx +34 -11
  131. package/dist/mdx/react/modal/examples/Basic.tsx +4 -2
  132. package/dist/mdx/react/modal/examples/BodyOverflow.tsx +56 -0
  133. package/dist/mdx/react/modal/examples/CustomFocus.tsx +4 -2
  134. package/dist/mdx/react/modal/examples/FullOverflow.tsx +55 -0
  135. package/dist/mdx/react/modal/examples/ReturnFocus.tsx +5 -3
  136. package/dist/mdx/react/modal/examples/WithoutCloseIcon.tsx +4 -2
  137. package/dist/mdx/react/pagination/PropTables.splitprops.tsx +1 -1
  138. package/dist/mdx/react/pagination/pagination.mdx +14 -14
  139. package/dist/mdx/react/popup/Popup.mdx +2 -1
  140. package/dist/mdx/react/popup/examples/Basic.tsx +1 -1
  141. package/dist/mdx/react/popup/examples/FocusRedirect.tsx +3 -2
  142. package/dist/mdx/react/popup/examples/FocusTrap.tsx +1 -1
  143. package/dist/mdx/react/popup/examples/FullScreen.tsx +1 -1
  144. package/dist/mdx/react/popup/examples/InitialFocus.tsx +4 -2
  145. package/dist/mdx/react/popup/examples/MultiplePopups.tsx +1 -1
  146. package/dist/mdx/react/popup/examples/NestedPopups.tsx +18 -18
  147. package/dist/mdx/react/popup/examples/RTL.tsx +6 -3
  148. package/dist/mdx/react/radio/Radio.mdx +7 -0
  149. package/dist/mdx/react/radio/examples/Basic.tsx +11 -2
  150. package/dist/mdx/react/radio/examples/Inverse.tsx +23 -0
  151. package/dist/mdx/react/segmented-control/SegmentedControl.mdx +2 -2
  152. package/dist/mdx/react/segmented-control/examples/Basic.tsx +13 -11
  153. package/dist/mdx/react/skeleton/examples/Basic.tsx +1 -1
  154. package/dist/mdx/react/skeleton/examples/Color.tsx +1 -2
  155. package/dist/mdx/react/skeleton/examples/Simulation.tsx +31 -30
  156. package/dist/mdx/react/status-indicator/StatusIndicator.mdx +12 -0
  157. package/dist/mdx/react/status-indicator/examples/MaxWidth.tsx +30 -0
  158. package/dist/mdx/react/tabs/Tabs.mdx +14 -17
  159. package/dist/mdx/react/tabs/TabsModel.splitprops.tsx +7 -3
  160. package/dist/mdx/react/tabs/examples/DynamicTabs.tsx +6 -13
  161. package/dist/mdx/react/tabs/examples/HoistedModel.tsx +8 -8
  162. package/dist/mdx/react/tabs/examples/Icons.tsx +4 -4
  163. package/dist/mdx/react/tabs/examples/NamedTabs.tsx +10 -10
  164. package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +4 -8
  165. package/dist/mdx/react/tabs/examples/SinglePanel.tsx +3 -3
  166. package/dist/mdx/react/text-input/examples/Basic.tsx +3 -0
  167. package/dist/mdx/react/tooltip/Tooltip.mdx +2 -2
  168. package/dist/mdx/react/tooltip/examples/Default.tsx +2 -2
  169. package/dist/mdx/react/tooltip/examples/UseTooltip.tsx +2 -2
  170. package/package.json +9 -17
  171. package/dist/mdx/labs-react/common/examples/PropTables.splitprops.tsx +0 -91
  172. package/dist/mdx/labs-react/layout/examples/Stack/ShouldWrapChildren.tsx +0 -33
  173. package/dist/mdx/react/button/icon-button/IconButton.mdx +0 -103
  174. package/dist/mdx/react/button/icon-button/examples/Circle.tsx +0 -6
  175. package/dist/mdx/react/button/icon-button/examples/CircleFilled.tsx +0 -8
  176. package/dist/mdx/react/button/icon-button/examples/Inverse.tsx +0 -20
  177. package/dist/mdx/react/button/icon-button/examples/InverseFilled.tsx +0 -20
  178. package/dist/mdx/react/button/icon-button/examples/MirroredIcon.tsx +0 -11
  179. package/dist/mdx/react/button/icon-button/examples/Plain.tsx +0 -8
  180. package/dist/mdx/react/button/icon-button/examples/Square.tsx +0 -8
  181. package/dist/mdx/react/button/icon-button/examples/SquareFilled.tsx +0 -8
  182. package/dist/mdx/react/button/icon-button/examples/Toggleable.tsx +0 -20
  183. package/ts3.5/dist/commonjs/index.d.ts +0 -4
  184. package/ts3.5/dist/commonjs/lib/Specifications.d.ts +0 -6
  185. package/ts3.5/dist/commonjs/lib/docs.d.ts +0 -5
  186. package/ts3.5/dist/commonjs/lib/specs.d.ts +0 -16
  187. package/ts3.5/dist/es6/index.d.ts +0 -4
  188. package/ts3.5/dist/es6/lib/Specifications.d.ts +0 -6
  189. package/ts3.5/dist/es6/lib/docs.d.ts +0 -5
  190. package/ts3.5/dist/es6/lib/specs.d.ts +0 -16
@@ -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