@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,20 +0,0 @@
1
- import React from 'react';
2
-
3
- import {IconButton} from '@workday/canvas-kit-react/button';
4
- import {activityStreamIcon} from '@workday/canvas-system-icons-web';
5
-
6
- export default () => {
7
- const [toggled, setToggled] = React.useState<boolean | undefined>();
8
- const handleToggle = () => {
9
- setToggled(!toggled);
10
- };
11
-
12
- return (
13
- <IconButton
14
- icon={activityStreamIcon}
15
- aria-label="Activity Stream"
16
- toggled={toggled}
17
- onClick={handleToggle}
18
- />
19
- );
20
- };
@@ -1,4 +0,0 @@
1
- export * from './lib/specs';
2
- export * from './lib/Specifications';
3
- export * from './lib/docs';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1,6 +0,0 @@
1
- export interface SpecificationsProps {
2
- file: string;
3
- name?: string;
4
- }
5
- export declare const Specifications: ({ file, name }: SpecificationsProps) => JSX.Element | null;
6
- //# sourceMappingURL=Specifications.d.ts.map
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export declare const GithubUrl: React.Context<string>;
3
- export declare const GithubBranch: React.Context<string>;
4
- export declare const StorybookUrl: React.Context<string>;
5
- //# sourceMappingURL=docs.d.ts.map
@@ -1,16 +0,0 @@
1
- export interface SpecIt {
2
- type: 'it';
3
- name: string;
4
- }
5
- export interface SpecDescribe {
6
- type: 'describe';
7
- name: string;
8
- children: (SpecDescribe | SpecIt)[];
9
- }
10
- export interface SpecFile {
11
- type: 'file';
12
- name: string;
13
- children: (SpecDescribe | SpecIt)[];
14
- }
15
- export declare const specifications: SpecFile[];
16
- //# sourceMappingURL=specs.d.ts.map
@@ -1,4 +0,0 @@
1
- export * from './lib/specs';
2
- export * from './lib/Specifications';
3
- export * from './lib/docs';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1,6 +0,0 @@
1
- export interface SpecificationsProps {
2
- file: string;
3
- name?: string;
4
- }
5
- export declare const Specifications: ({ file, name }: SpecificationsProps) => JSX.Element | null;
6
- //# sourceMappingURL=Specifications.d.ts.map
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export declare const GithubUrl: React.Context<string>;
3
- export declare const GithubBranch: React.Context<string>;
4
- export declare const StorybookUrl: React.Context<string>;
5
- //# sourceMappingURL=docs.d.ts.map
@@ -1,16 +0,0 @@
1
- export interface SpecIt {
2
- type: 'it';
3
- name: string;
4
- }
5
- export interface SpecDescribe {
6
- type: 'describe';
7
- name: string;
8
- children: (SpecDescribe | SpecIt)[];
9
- }
10
- export interface SpecFile {
11
- type: 'file';
12
- name: string;
13
- children: (SpecDescribe | SpecIt)[];
14
- }
15
- export declare const specifications: SpecFile[];
16
- //# sourceMappingURL=specs.d.ts.map