@workday/canvas-kit-docs 14.0.0-alpha.1148-next.0 → 14.0.0-alpha.1149-next.0

package/dist/es6/lib/docs.js

@@ -8708,556 +8708,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "value": "CanvasSystemIcon"
     }
   },
-  {
-    "name": "DeprecatedMenuProps",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "DeprecatedMenuProps",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `DeprecatedMenuProps` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
-    },
-    "type": {
-      "kind": "alias",
-      "name": "DeprecatedMenu"
-    }
-  },
-  {
-    "name": "DeprecatedMenuState",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "DeprecatedMenuState",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `DeprecatedMenuState` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
-    },
-    "type": {
-      "kind": "object",
-      "properties": [
-        {
-          "kind": "property",
-          "name": "selectedItemIndex",
-          "required": true,
-          "type": {
-            "kind": "primitive",
-            "value": "number"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "selectedItemIndex",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        }
-      ]
-    }
-  },
-  {
-    "name": "DeprecatedMenu",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
-    "description": "`DeprecatedMenu` renders a styled `<ul role=\"menu\">` element within a {@link Card} and follows\nthe [Active Menu\npattern](https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions-active-descendant.html)\nusing `aria-activedescendant`.\n\nUndocumented props are spread to the underlying `<ul>` element.",
-    "declarations": [
-      {
-        "name": "DeprecatedMenu",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ Deprecated Menu has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
-    },
-    "type": {
-      "kind": "component",
-      "props": [
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "external",
-                "name": "ReactElement",
-                "url": "https://reactjs.org/docs/rendering-elements.html",
-                "typeParameters": [
-                  {
-                    "kind": "symbol",
-                    "name": "DeprecatedMenuItemProps",
-                    "value": "DeprecatedMenuItemProps"
-                  }
-                ]
-              },
-              {
-                "kind": "array",
-                "value": {
-                  "kind": "external",
-                  "name": "ReactElement",
-                  "url": "https://reactjs.org/docs/rendering-elements.html",
-                  "typeParameters": [
-                    {
-                      "kind": "symbol",
-                      "name": "DeprecatedMenuItemProps",
-                      "value": "DeprecatedMenuItemProps"
-                    }
-                  ]
-                }
-              }
-            ]
-          },
-          "description": "The DeprecatedMenuItem children of the DeprecatedMenu (must be at least one). Also accepts other components which share the same interface as `DeprecatedMenuItem`.",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "isOpen",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If true, set the DeprecatedMenu to the open state. Useful for showing and hiding the DeprecatedMenu from a parent component such as a menu button.",
-          "declarations": [
-            {
-              "name": "isOpen",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {
-            "default": "true"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": true
-          }
-        },
-        {
-          "kind": "property",
-          "name": "width",
-          "required": false,
-          "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "primitive",
-                "value": "number"
-              },
-              {
-                "kind": "primitive",
-                "value": "string"
-              }
-            ]
-          },
-          "description": "The width of the DeprecatedMenu. If no value is provided, the DeprecatedMenu will collapse around its content.",
-          "declarations": [
-            {
-              "name": "width",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "onSelect",
-          "required": false,
-          "type": {
-            "kind": "function",
-            "parameters": [],
-            "members": [],
-            "returnType": {
-              "kind": "primitive",
-              "value": "void"
-            }
-          },
-          "description": "The function called when a menu item is selected.",
-          "declarations": [
-            {
-              "name": "onSelect",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "onClose",
-          "required": false,
-          "type": {
-            "kind": "function",
-            "parameters": [],
-            "members": [],
-            "returnType": {
-              "kind": "primitive",
-              "value": "void"
-            }
-          },
-          "description": "The function called when the DeprecatedMenu should close. This is called after a menu item is selected or if the escape shortcut key is used. This will not fire if the menu item sets `shouldClose` to false.",
-          "declarations": [
-            {
-              "name": "onClose",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "initialSelectedItem",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "number"
-          },
-          "description": "The zero-based index of the menu item which should initially receive focus.",
-          "declarations": [
-            {
-              "name": "initialSelectedItem",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "id",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "description": "The unique id of the DeprecatedMenu used for ARIA and HTML `id` attributes.",
-          "declarations": [
-            {
-              "name": "id",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "aria-labelledby",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "description": "The HTML `id` of the element that labels the DeprecatedMenu. Often used with menu buttons.",
-          "declarations": [
-            {
-              "name": "aria-labelledby",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "grow",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "True if the component should grow to its container's width. False otherwise.",
-          "declarations": [
-            {
-              "name": "grow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/types.ts"
-            }
-          ],
-          "tags": {}
-        }
-      ]
-    }
-  },
-  {
-    "name": "DeprecatedMenuItemProps",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "DeprecatedMenuItemProps",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `DeprecatedMenuItemProps` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
-    },
-    "type": {
-      "kind": "alias",
-      "name": "DeprecatedMenuItem"
-    }
-  },
-  {
-    "name": "DeprecatedMenuItem",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx",
-    "description": "`DeprecatedMenuItem` renders an `<li>` element with the correct attributes to ensure it is\naccessible. If you choose to implement your own custom menu items, be sure to use semantic `<li>`\nelements with the following attributes:\n\n- `role=\"menuitem\"`\n- `tabindex={-1}`\n- `id`s following this pattern: `${MenuId}-${index}`\n\nUndocumented props are spread to the underlying `<li>` element.",
-    "declarations": [
-      {
-        "name": "DeprecatedMenuItem",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `DeprecatedMenuItem` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
-    },
-    "type": {
-      "kind": "component",
-      "props": [
-        {
-          "kind": "property",
-          "name": "onClick",
-          "required": false,
-          "type": {
-            "kind": "function",
-            "parameters": [
-              {
-                "kind": "parameter",
-                "name": "event",
-                "type": {
-                  "kind": "symbol",
-                  "name": "React.MouseEvent",
-                  "value": "MouseEvent<T, E>"
-                },
-                "required": true,
-                "rest": false,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "event",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-                  }
-                ],
-                "tags": {}
-              }
-            ],
-            "members": [],
-            "returnType": {
-              "kind": "primitive",
-              "value": "void"
-            }
-          },
-          "description": "The function called when the DeprecatedMenuItem is clicked. If the item is a child of the DeprecatedMenu component, this callback will be decorated with the onSelect and onClose DeprecatedMenu callbacks. This callback will not fire if the item is disabled (see below).",
-          "declarations": [
-            {
-              "name": "onClick",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "id",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "description": "The unique id for the DeprecatedMenuItem used for ARIA attributes. If the item is a child of the `DeprecatedMenu` component, this property will be generated and overridden.",
-          "declarations": [
-            {
-              "name": "id",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "icon",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CanvasSystemIcon",
-            "value": "CanvasSystemIcon"
-          },
-          "description": "The icon of the DeprecatedMenuItem. This icon is displayed before what you supplied for the children.",
-          "declarations": [
-            {
-              "name": "icon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "secondaryIcon",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CanvasSystemIcon",
-            "value": "CanvasSystemIcon"
-          },
-          "description": "The secondary icon of the DeprecatedMenuItem. This icon is displayed after what you supplied for the children.",
-          "declarations": [
-            {
-              "name": "secondaryIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "hasDivider",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If true, render a top border on the DeprecatedMenuItem.",
-          "declarations": [
-            {
-              "name": "hasDivider",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
-        {
-          "kind": "property",
-          "name": "isHeader",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If true, render a header to group data, this menu item will not be intractable.",
-          "declarations": [
-            {
-              "name": "isHeader",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
-        {
-          "kind": "property",
-          "name": "isDisabled",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If true, set the DeprecatedMenuItem to the disabled state so it is not clickable.",
-          "declarations": [
-            {
-              "name": "isDisabled",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
-        {
-          "kind": "property",
-          "name": "isFocused",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If true, set the DeprecatedMenuItem to be the currently selected item. If the item is a child of the DeprecatedMenu component, this property will be generated and overridden.",
-          "declarations": [
-            {
-              "name": "isFocused",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
-        {
-          "kind": "property",
-          "name": "role",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "description": "The role of the DeprecatedMenuItem. Use this to override the role of the item (e.g. you can use this element as an option in a Combobox).",
-          "declarations": [
-            {
-              "name": "role",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "menuItem"
-          },
-          "defaultValue": {
-            "kind": "symbol",
-            "name": "menuItem",
-            "value": "menuItem"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "shouldClose",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If true, allow the onClose DeprecatedMenu callback to be fired after the DeprecatedMenuItem has been clicked.",
-          "declarations": [
-            {
-              "name": "shouldClose",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "true"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": true
-          }
-        }
-      ]
-    }
-  },
   {
     "name": "MultiSelectProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelect.tsx",

package/dist/mdx/14.0-UPGRADE-GUIDE.mdx

@@ -9,9 +9,11 @@ any questions.
 - [Codemod](#codemod)
   - [Instructions](#instructions)
 - [Component Updates](#component-updates)
-  - [Styling API and CSS Tokens](#styling-api-and-css-tokens)
+  - [Styling Changes](#styling-changes)
   - [Card](#card)
   - [SearchForm](#search-form)
+- [Removals](#removals)
+  - [Menu (preview)](#menu-preview)
 - [Troubleshooting](#troubleshooting)
 - [Glossary](#glossary)
   - [Main](#main)
@@ -81,7 +83,7 @@ yarn remove @workday/canvas-kit-codemod
 
 ## Component Updates
 
-### Styling API and Canvas Tokens 💅
+### Styling Changes 💅
 
 Several components have been refactored to use our Canvas tokens and styling API. The React
 interface has not changed, but Canvas Tokens are now used for dynamic properties.
@@ -243,6 +245,21 @@ const customTheme = {
   This **should not** affect the way you use the type unless you're passing a `number` of `0`, `1`
   or `2` to the `searchTheme` prop.
 
+## Removals
+
+Removals are deletions from our codebase and you can no longer consume this component. We've either
+promoted or replaced a component or utility.
+
+### Menu (preview)
+
+**PR:** [#3353](https://github.com/Workday/canvas-kit/pull/3353)
+
+We've removed `Menu` from `@workday/canvas-kit-preview-react` package. Please use
+[Menu](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--docs) from
+`@workday/canvas-kit-react` instead.
+
+---
+
 ## Troubleshooting
 
 - When upgrading to the latest major version of Canvas Kit, all related Canvas Kit packages should

package/dist/mdx/react/card/card.mdx

@@ -32,17 +32,16 @@ yarn add @workday/canvas-kit-react
 ### Borderless Example
 
 The `borderless` variant removes the border from the Card, creating a cleaner appearance while
-maintaining the same internal spacing and structure.
-Use this variant when placing cards on colored backgrounds where you want the
-  card to blend seamlessly without borders or shadows.
+maintaining the same internal spacing and structure. Use this variant when placing cards on colored
+backgrounds where you want the card to blend seamlessly without borders or shadows.
 
 <ExampleCodeBlock code={Borderless} />
 
 ### Filled Example
 
 The `filled` variant adds a background color to the Card, creating a more prominent appearance while
-maintaining the same internal spacing and structure. Use this variant when you need a card with a grayish background to create visual
-  separation from the page background.
+maintaining the same internal spacing and structure. Use this variant when you need a card with a
+grayish background to create visual separation from the page background.
 
 <ExampleCodeBlock code={Filled} />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1148-next.0",
+  "version": "14.0.0-alpha.1149-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,10 +45,10 @@
     "@emotion/styled": "^11.6.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1148-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1148-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1148-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1148-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1149-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1149-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1149-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1149-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "3.0.0-alpha.5",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "17badcb6f4a0ecd0faa19e2d8fd7fa6241aa9393"
+  "gitHead": "ef6d229e302c293a16da98a7b36b1409877a1ac8"
 }

package/dist/mdx/preview-react/menu/Menu.mdx

@@ -1,105 +0,0 @@
-import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
-import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
-import Basic from './examples/Basic';
-import ContextMenu from './examples/ContextMenu';
-import CustomMenuItem from './examples/CustomMenuItem';
-import Icons from './examples/Icons';
-import Headers from './examples/Headers';
-import ManyItems from './examples/ManyItems';
-
-
-# Canvas Kit Menu
-
-<StatusIndicator variant="red">
-  <StatusIndicator.Label>Deprecated</StatusIndicator.Label>
-</StatusIndicator>
-
-`Menu` in Preview been deprecated and will be removed in a future major version. Please use
-[Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic)
-instead.
-
-`DeprecatedMenu` displays a list of options when triggered by an action or UI element like an icon
-or button.
-
-[> Workday Design Reference](https://design.workday.com/components/popups/menus)
-
-## Installation
-
-```sh
-yarn add @workday/canvas-kit-preview-react
-```
-
-## Usage
-
-### Basic Example
-
-`DeprecatedMenu` is typically triggered by an action such as pressing a button. Here's an example of
-how you might implement that behavior using a [`Popup`](/components/popups/popup/).
-
-<ExampleCodeBlock code={Basic} />
-
-`DeprecatedMenu` will automatically assign focus to itself when it appears provided you set the
-`isOpen` prop correctly, so you do **not** need to use the `useInitialFocus` `Popup` hook. You
-**will**, however, need to use `useReturnFocus` to return focus back to the triggering button after
-closing the `DeprecatedMenu`.
-
-`DeprecatedMenu` follows the
-[Actions Menu pattern](https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions-active-descendant.html)
-using `aria-activedescendant`. Below is table of supported keyboard shortcuts and associated
-actions.
-
-| Key                | Action                                                                                                                                           |
-| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `Enter` or `Space` | Activates the menu item and then closes the menu                                                                                                 |
-| `Escape`           | Closes the menu                                                                                                                                  |
-| `Up Arrow`         | Moves focus to the previous menu item – if focus is on first menu item, it moves focus to the last menu item                                     |
-| `Down Arrow`       | Moves focus to the next menu item – if focus is on last menu item, it moves focus to the first menu item                                         |
-| `Home`             | Moves focus to the first menu item                                                                                                               |
-| `End`              | Moves focus to the last menu item                                                                                                                |
-| `A-Z / a-z`        | Moves focus to the next menu item with a label that starts with the typed character if such an menu item exists – otherwise, focus does not move |
-
-Note that although `DeprecatedMenu` includes support for keyboard shortcuts for the menu itself,
-you'll need to add your own keyboard handling and aria attributes to the triggering button.
-
-### Context Menu
-
-<ExampleCodeBlock code={ContextMenu} />
-
-### Custom Menu Item
-
-`DeprecatedMenu` renders a styled `<ul>` element with a role of `menu`, and `DeprecatedMenuItem`s
-are `<li>` elements with the correct attributes to ensure they are accessible. If you choose to
-implement your own custom menu items, be sure to use semantic `<li>` elements with the following
-attributes:
-
-- `role="menuitem"`
-- `tabindex={-1}`
-
-Below is an example:
-
-<ExampleCodeBlock code={CustomMenuItem} />
-
-### Icons
-
-<ExampleCodeBlock code={Icons} />
-
-### Headers
-
-You can group menu items logically by adding a `isHeader` attribute on your `<MenuItems>`. To make
-your new items screen reader friendly add an `aria-label` around each grouped item.
-
-<ExampleCodeBlock code={Headers} />
-
-### Many Items
-
-<ExampleCodeBlock code={ManyItems} />
-
-## Component API
-
-### DeprecatedMenu
-
-<SymbolDoc name="DeprecatedMenu" fileName="/preview-react/" />
-
-### DeprecatedMenuItem
-
-<SymbolDoc name="DeprecatedMenuItem" fileName="/preview-react/" />

package/dist/mdx/preview-react/menu/examples/Basic.tsx

@@ -1,74 +0,0 @@
-import React from 'react';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-import {SecondaryButton} from '@workday/canvas-kit-react/button';
-import {
-  Popup,
-  usePopupModel,
-  useAlwaysCloseOnOutsideClick,
-  useReturnFocus,
-  useCloseOnEscape,
-} from '@workday/canvas-kit-react/popup';
-
-const menuId = 'basic-menu';
-
-export default () => {
-  const model = usePopupModel();
-
-  useAlwaysCloseOnOutsideClick(model);
-  useCloseOnEscape(model);
-  useReturnFocus(model);
-
-  const isOpen = model.state.visibility !== 'hidden';
-
-  const handleButtonKeyDown = (event: React.KeyboardEvent) => {
-    let isShortcut = false;
-    if (event.key === `Spacebar` || event.key === ` ` || event.key === `Enter`) {
-      isShortcut = true;
-      if (isOpen) {
-        model.events.hide();
-      } else {
-        model.events.show();
-      }
-    } else if (event.key === `ArrowDown` || event.key === `ArrowUp`) {
-      isShortcut = true;
-      model.events.show();
-    }
-
-    if (isShortcut) {
-      // Prevent ArrowDown and ArrowUp keys from scrolling the entire page
-      event.preventDefault();
-    }
-  };
-
-  return (
-    <Popup model={model}>
-      <Popup.Target
-        as={SecondaryButton}
-        onKeyDown={handleButtonKeyDown}
-        aria-expanded={isOpen}
-        aria-haspopup={true}
-        aria-controls={isOpen ? menuId : undefined}
-      >
-        Open Menu
-      </Popup.Target>
-      <Popup.Popper placement="bottom-start">
-        {/*
-          isOpen must be set for focus to be properly assigned to the DeprecatedMenu;
-          onClose must be set in order to the DeprecatedMenu to close properly after
-          selecting a DeprecatedMenuItem
-        */}
-        <DeprecatedMenu id={menuId} isOpen={isOpen} onClose={model.events.hide}>
-          <DeprecatedMenuItem>First Item</DeprecatedMenuItem>
-          <DeprecatedMenuItem>
-            Second Item (with a really really really long label)
-          </DeprecatedMenuItem>
-          <DeprecatedMenuItem isDisabled>Third Item (disabled)</DeprecatedMenuItem>
-          <DeprecatedMenuItem>
-            Fourth Item (<b>with markup</b>)
-          </DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>Fifth Item (with divider)</DeprecatedMenuItem>
-        </DeprecatedMenu>
-      </Popup.Popper>
-    </Popup>
-  );
-};

package/dist/mdx/preview-react/menu/examples/ContextMenu.tsx

@@ -1,67 +0,0 @@
-import * as React from 'react';
-
-import {createComponent, useForkRef} from '@workday/canvas-kit-react/common';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-import {
-  Popup,
-  PopupModelContext,
-  usePopupModel,
-  useAlwaysCloseOnOutsideClick,
-  useCloseOnEscape,
-  useTransferOnFullscreenExit,
-} from '@workday/canvas-kit-react/popup';
-
-const ContextMenuTarget = createComponent('div')({
-  displayName: 'Popup.ContextMenuTarget',
-  Component: ({children, ...elemProps}, ref, Element) => {
-    const model = React.useContext(PopupModelContext);
-    const elementRef = useForkRef(ref, model.state.targetRef as any);
-
-    const onContextMenu = (event: React.MouseEvent) => {
-      if (model.state.visibility === 'visible') {
-        model.events.hide(event);
-      } else if (model.state.visibility === 'hidden') {
-        model.events.show(event);
-      }
-
-      // Prevent the default context menu from showing to avoid double menus
-      event.preventDefault();
-    };
-
-    return (
-      <Element ref={elementRef} onContextMenu={onContextMenu} {...elemProps}>
-        {children}
-      </Element>
-    );
-  },
-});
-
-export default () => {
-  const model = usePopupModel();
-
-  useAlwaysCloseOnOutsideClick(model);
-  useCloseOnEscape(model);
-  useTransferOnFullscreenExit(model);
-
-  return (
-    <Popup model={model}>
-      <ContextMenuTarget style={{display: 'inline'}} tabIndex={0}>
-        Right click on this text (Context menu target)
-      </ContextMenuTarget>
-      <Popup.Popper>
-        <DeprecatedMenu onClose={model.events.hide}>
-          <DeprecatedMenuItem>Back</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Forward</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Reload</DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>Bookmark Page</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Save Page As...</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Select All</DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>Take Screenshot</DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>View Page Source</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Inspect Accessibility Properties</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Inspect</DeprecatedMenuItem>
-        </DeprecatedMenu>
-      </Popup.Popper>
-    </Popup>
-  );
-};

package/dist/mdx/preview-react/menu/examples/CustomMenuItem.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      <DeprecatedMenuItem>First Item</DeprecatedMenuItem>
-      <DeprecatedMenuItem>Second Item</DeprecatedMenuItem>
-      <li role="menuitem" tabIndex={-1} style={{listStyle: 'none'}}>
-        Third Item (custom)
-      </li>
-    </DeprecatedMenu>
-  );
-};

package/dist/mdx/preview-react/menu/examples/Headers.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import {checkIcon} from '@workday/canvas-system-icons-web';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-import {styled} from '@workday/canvas-kit-react/common';
-import {type} from '@workday/canvas-kit-react/tokens';
-
-const Header = styled(DeprecatedMenuItem)({
-  fontWeight: type.properties.fontWeights.bold,
-});
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      <Header isHeader={true}>Sort By</Header>
-      <DeprecatedMenuItem icon={checkIcon}>
-        <span aria-label="sort by newest">Newest</span>
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem>
-        <span aria-label="sort by oldest">Oldest</span>
-      </DeprecatedMenuItem>
-      <Header isHeader={true} hasDivider={true}>
-        Display Density
-      </Header>
-      <DeprecatedMenuItem icon={checkIcon}>
-        <span aria-label="display density simple">Simple</span>
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem>
-        <span aria-label="display density detailed">Detailed</span>
-      </DeprecatedMenuItem>
-    </DeprecatedMenu>
-  );
-};

package/dist/mdx/preview-react/menu/examples/Icons.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import {
-  setupIcon,
-  uploadCloudIcon,
-  userIcon,
-  taskContactIcon,
-} from '@workday/canvas-system-icons-web';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      <DeprecatedMenuItem icon={uploadCloudIcon}>First Item</DeprecatedMenuItem>
-      <DeprecatedMenuItem icon={setupIcon}>
-        Second Item (with a really really really long label)
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem isDisabled icon={uploadCloudIcon} secondaryIcon={taskContactIcon}>
-        Third Item
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem icon={userIcon}></DeprecatedMenuItem>
-      <DeprecatedMenuItem hasDivider icon={taskContactIcon}>
-        Fifth Item (with divider)
-      </DeprecatedMenuItem>
-    </DeprecatedMenu>
-  );
-};

package/dist/mdx/preview-react/menu/examples/ManyItems.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      {'One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen'
-        .split(' ')
-        .map(item => {
-          return <DeprecatedMenuItem key={item}>Item {item}</DeprecatedMenuItem>;
-        })}
-    </DeprecatedMenu>
-  );
-};