@workday/canvas-kit-react 16.0.0-alpha.0455-next.0 → 16.0.0-alpha.0460-next.0

package/menu/lib/MenuList.tsx

@@ -2,12 +2,13 @@ import {ListBox, ListProps} from '@workday/canvas-kit-react/collection';
 import {
   ExtractProps,
   composeHooks,
+  cornerShapeStencil,
   createElemPropsHook,
   createSubcomponent,
 } from '@workday/canvas-kit-react/common';
 import {useFocusRedirect, useReturnFocus} from '@workday/canvas-kit-react/popup';
 import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
-import {system} from '@workday/canvas-tokens-web';
+import {base, system} from '@workday/canvas-tokens-web';
 
 import {useMenuModel} from './useMenuModel';
 
@@ -32,11 +33,12 @@ export const useMenuList = composeHooks(
 );
 
 export const menuListStencil = createStencil({
+  extends: cornerShapeStencil,
   base: {
     background: system.legacy.color.surface.popover,
-    borderRadius: system.legacy.shape.xxl,
+    [cornerShapeStencil.vars.shape]: system.legacy.shape.xxl,
     padding: 0,
-    gap: system.legacy.gap.xs,
+    gap: base.legacy.size25,
   },
   modifiers: {
     orientation: {

package/menu/lib/MenuOption.tsx

@@ -14,7 +14,7 @@ import {
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
 import {mergeStyles} from '@workday/canvas-kit-react/layout';
 import {OverflowTooltip} from '@workday/canvas-kit-react/tooltip';
-import {checkSmallIcon} from '@workday/canvas-system-icons-web';
+import {checkIcon} from '@workday/canvas-system-icons-web';
 
 import {MenuItem, MenuItemProps, menuItemStencil} from './MenuItem';
 import {useMenuModel} from './useMenuModel';
@@ -24,7 +24,7 @@ const MenuOptionText = createComponent('span')({
     return (
       <>
         <MenuItem.Text ref={ref} as={Element} {...elemProps} />
-        <SystemIcon {...menuItemStencil.parts.selected} icon={checkSmallIcon} />
+        <SystemIcon size="xs" {...menuItemStencil.parts.selected} icon={checkIcon} />
       </>
     );
   },

package/menu/lib/Submenu.tsx

@@ -11,7 +11,7 @@ import {
   useForkRef,
 } from '@workday/canvas-kit-react/common';
 import {Popper} from '@workday/canvas-kit-react/popup';
-import {chevronRightSmallIcon} from '@workday/canvas-system-icons-web';
+import {chevronRightIcon} from '@workday/canvas-system-icons-web';
 
 import {MenuCard} from './MenuCard';
 import {MenuDivider} from './MenuDivider';
@@ -139,7 +139,7 @@ export const SubmenuTargetItem = createSubcomponent('button')({
   return (
     <StyledMenuItem as={Element} {...elemProps}>
       {typeof children === 'string' ? <MenuItem.Text>{children}</MenuItem.Text> : children}
-      <MenuItem.Icon icon={chevronRightSmallIcon} />
+      <MenuItem.Icon icon={chevronRightIcon} />
     </StyledMenuItem>
   );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "16.0.0-alpha.0455-next.0",
+  "version": "16.0.0-alpha.0460-next.0",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -53,10 +53,10 @@
     "@tanstack/react-virtual": "^3.13.9",
     "@workday/canvas-colors-web": "^2.0.0",
     "@workday/canvas-expressive-icons-web": "1.0.2",
-    "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0455-next.0",
-    "@workday/canvas-kit-styling": "^16.0.0-alpha.0455-next.0",
+    "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0460-next.0",
+    "@workday/canvas-kit-styling": "^16.0.0-alpha.0460-next.0",
     "@workday/canvas-system-icons-web": "4.0.4",
-    "@workday/canvas-tokens-web": "4.4.0-beta.3",
+    "@workday/canvas-tokens-web": "4.4.0-beta.4",
     "@workday/design-assets-types": "^0.3.0",
     "chroma-js": "^2.2.0",
     "csstype": "^3.0.2",
@@ -69,5 +69,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "86cf338e9d6fbfe27046329e333be879793d2a51"
+  "gitHead": "f077a912b317130c7bf1191d3fea5211c58a5bb4"
 }