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

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 (35) hide show
  1. package/dist/commonjs/menu/lib/MenuCard.d.ts +9 -1
  2. package/dist/commonjs/menu/lib/MenuCard.d.ts.map +1 -1
  3. package/dist/commonjs/menu/lib/MenuCard.js +3 -2
  4. package/dist/commonjs/menu/lib/MenuGroup.d.ts.map +1 -1
  5. package/dist/commonjs/menu/lib/MenuGroup.js +1 -1
  6. package/dist/commonjs/menu/lib/MenuItem.d.ts +10 -2
  7. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  8. package/dist/commonjs/menu/lib/MenuItem.js +4 -3
  9. package/dist/commonjs/menu/lib/MenuList.d.ts +5 -1
  10. package/dist/commonjs/menu/lib/MenuList.d.ts.map +1 -1
  11. package/dist/commonjs/menu/lib/MenuList.js +5 -4
  12. package/dist/commonjs/menu/lib/MenuOption.js +1 -1
  13. package/dist/commonjs/menu/lib/Submenu.js +1 -1
  14. package/dist/commonjs/select/lib/SelectCard.js +1 -1
  15. package/dist/es6/menu/lib/MenuCard.d.ts +9 -1
  16. package/dist/es6/menu/lib/MenuCard.d.ts.map +1 -1
  17. package/dist/es6/menu/lib/MenuCard.js +4 -3
  18. package/dist/es6/menu/lib/MenuGroup.d.ts.map +1 -1
  19. package/dist/es6/menu/lib/MenuGroup.js +1 -1
  20. package/dist/es6/menu/lib/MenuItem.d.ts +10 -2
  21. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  22. package/dist/es6/menu/lib/MenuItem.js +5 -4
  23. package/dist/es6/menu/lib/MenuList.d.ts +5 -1
  24. package/dist/es6/menu/lib/MenuList.d.ts.map +1 -1
  25. package/dist/es6/menu/lib/MenuList.js +7 -6
  26. package/dist/es6/menu/lib/MenuOption.js +2 -2
  27. package/dist/es6/menu/lib/Submenu.js +2 -2
  28. package/dist/es6/select/lib/SelectCard.js +1 -1
  29. package/menu/lib/MenuCard.tsx +5 -3
  30. package/menu/lib/MenuGroup.tsx +2 -1
  31. package/menu/lib/MenuItem.tsx +31 -21
  32. package/menu/lib/MenuList.tsx +5 -3
  33. package/menu/lib/MenuOption.tsx +2 -2
  34. package/menu/lib/Submenu.tsx +2 -2
  35. package/package.json +5 -5
package/dist/commonjs/menu/lib/MenuCard.d.ts CHANGED
@@ -9,12 +9,20 @@ export declare const menuCardStencil: import("@workday/canvas-kit-styling").Sten
9
9
  transformOriginVertical: string;
10
10
  transformOriginHorizontal: string;
11
11
  maxHeight: string;
12
+ }, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
13
+ shape: string;
12
14
  }, never>, {}, {
15
+ shape: string;
16
+ }, never, never>>, {}, {
13
17
  minWidth: string;
14
18
  transformOriginVertical: string;
15
19
  transformOriginHorizontal: string;
16
20
  maxHeight: string;
17
- }, never, never>;
21
+ }, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
22
+ shape: string;
23
+ }, never>, {}, {
24
+ shape: string;
25
+ }, never, never>, never>;
18
26
  export declare const useMenuCard: import("@workday/canvas-kit-react/common").BehaviorHook<{
19
27
  state: {
20
28
  stackRef: React.RefObject<HTMLDivElement>;
package/dist/commonjs/menu/lib/MenuCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;gBAgC1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC"}
1
+ {"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;wBAiC1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC"}
package/dist/commonjs/menu/lib/MenuCard.js CHANGED
@@ -34,14 +34,15 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
34
34
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
35
35
  const useMenuModel_1 = require("./useMenuModel");
36
36
  exports.menuCardStencil = (0, canvas_kit_styling_1.createStencil)({
37
+ extends: common_1.cornerShapeStencil,
37
38
  vars: {
38
39
  minWidth: (0, canvas_kit_styling_1.px2rem)(1),
39
40
  transformOriginVertical: 'top',
40
41
  transformOriginHorizontal: 'left',
41
42
  maxHeight: '',
42
43
  },
43
- base: { name: "xsvd2", styles: "--minWidth-menu-card-88fe55:0.0625rem;--transformOriginVertical-menu-card-88fe55:top;--transformOriginHorizontal-menu-card-88fe55:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-88fe55);max-height:var(--maxHeight-menu-card-88fe55);transform-origin:var(--transformOriginVertical-menu-card-88fe55) var(--transformOriginHorizontal-menu-card-88fe55);.wd-no-animation &{animation:none;}" }
44
- }, "menu-card-88fe55");
44
+ base: { name: "1tfad7", styles: "--minWidth-menu-card-ed4913:0.0625rem;--transformOriginVertical-menu-card-ed4913:top;--transformOriginHorizontal-menu-card-ed4913:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-strong);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));--shape-corner-shape-ccab68:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-ed4913);max-height:var(--maxHeight-menu-card-ed4913);transform-origin:var(--transformOriginVertical-menu-card-ed4913) var(--transformOriginHorizontal-menu-card-ed4913);.wd-no-animation &{animation:none;}" }
45
+ }, "menu-card-ed4913");
45
46
  exports.useMenuCard = (0, common_1.createElemPropsHook)(useMenuModel_1.useMenuModel)(() => {
46
47
  return {};
47
48
  });
package/dist/commonjs/menu/lib/MenuGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAExE,OAAO,EAAC,OAAO,EAAgB,MAAM,6BAA6B,CAAC;AAGnE,MAAM,WAAW,oBAAqB,SAAQ,OAAO,EAAE,SAAS;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO,EAAE,SAAS;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,uBAAuB,iJAalC,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;EAMvB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;EAI9B,CAAC;AAaH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcpB,CAAC"}
1
+ {"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAExE,OAAO,EAAC,OAAO,EAAgB,MAAM,6BAA6B,CAAC;AAGnE,MAAM,WAAW,oBAAqB,SAAQ,OAAO,EAAE,SAAS;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO,EAAE,SAAS;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,uBAAuB,iJAclC,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;EAMvB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;EAI9B,CAAC;AAaH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcpB,CAAC"}
package/dist/commonjs/menu/lib/MenuGroup.js CHANGED
@@ -23,7 +23,7 @@ const useMenuGroupModel = (0, common_1.createModelHook)({
23
23
  };
24
24
  });
25
25
  exports.menuGroupHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
26
- base: { name: "2mrarg", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
26
+ base: { name: "g71bo", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding-block:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
27
27
  }, "menu-group-heading-94adee");
28
28
  exports.useMenuGroup = (0, common_1.createElemPropsHook)(useMenuGroupModel)(model => {
29
29
  return {
package/dist/commonjs/menu/lib/MenuItem.d.ts CHANGED
@@ -35,11 +35,19 @@ export declare const menuItemStencil: import("@workday/canvas-kit-styling").Sten
35
35
  readonly text: "menu-item-text";
36
36
  readonly icon: "menu-item-icon";
37
37
  readonly selected: "menu-item-selected";
38
- }, {}, never>, {
38
+ }, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
39
+ shape: string;
40
+ }, never>, {}, {
41
+ shape: string;
42
+ }, never, never>>, {
39
43
  readonly text: "menu-item-text";
40
44
  readonly icon: "menu-item-icon";
41
45
  readonly selected: "menu-item-selected";
42
- }, {}, never, never>;
46
+ }, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
47
+ shape: string;
48
+ }, never>, {}, {
49
+ shape: string;
50
+ }, never, never>, never>;
43
51
  export declare const StyledMenuItem: import("@workday/canvas-kit-react/common").ElementComponent<"button", MenuItemProps>;
44
52
  export declare const useMenuItemArrowReturn: import("@workday/canvas-kit-react/common").BehaviorHook<{
45
53
  state: {
package/dist/commonjs/menu/lib/MenuItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAG9F,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;oBA+F1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAEd,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuB3B,CAAC;AASH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIC,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAlDnB,mBAAmB;;;;;;;;;;;;;;;;;aAiEvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA9FY,eAAe;;CA8G9C,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAG9F,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;wBAwG1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAEd,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuB3B,CAAC;AASH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIC,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAlDnB,mBAAmB;;;;;;;;;;;;;;;;;aAiEvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA9FY,eAAe;;CA8G9C,CAAC"}
package/dist/commonjs/menu/lib/MenuItem.js CHANGED
@@ -35,15 +35,16 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
35
35
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
36
36
  const useMenuModel_1 = require("./useMenuModel");
37
37
  exports.menuItemStencil = (0, canvas_kit_styling_1.createStencil)({
38
+ extends: common_1.cornerShapeStencil,
38
39
  parts: {
39
40
  text: 'menu-item-text',
40
41
  icon: 'menu-item-icon',
41
42
  selected: 'menu-item-selected',
42
43
  },
43
- base: { name: "3xzsqb", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){--color-system-icon-c9acc3:currentColor;outline:none;background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));color:var(--cnvs-sys-color-fg-inverse);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.focus, :focus-visible){color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus-visible){background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));opacity:var(--cnvs-sys-opacity-disabled);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}& :where([data-part=\"menu-item-icon\"]){align-self:start;}" }
44
- }, "menu-item-6ee0e9");
44
+ base: { name: "2wl3a8", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));cursor:pointer;color:var(--cnvs-sys-color-fg-strong);border-width:0;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));outline-offset:-0.125rem;}}&:is(.hover, :hover){background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.active, :active){background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));}&:is(.focus, :focus-visible){outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));outline-offset:-0.125rem;}&[aria-expanded=\"true\"]:is(.focus, :focus-visible){color:var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11));outline:none;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover){background:none;}&:where(.focus, :focus-visible){color:var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11));opacity:var(--cnvs-sys-opacity-disabled);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}" }
45
+ }, "menu-item-38fada");
45
46
  const MenuItemIcon = (elemProps) => {
46
- return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { ...exports.menuItemStencil.parts.icon, ...elemProps });
47
+ return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { size: "xs", ...exports.menuItemStencil.parts.icon, ...elemProps });
47
48
  };
48
49
  const MenuItemText = (0, common_1.createComponent)('span')({
49
50
  Component: ({ ...elemProps }, ref, Element) => {
package/dist/commonjs/menu/lib/MenuList.d.ts CHANGED
@@ -214,7 +214,11 @@ export declare const menuListStencil: import("@workday/canvas-kit-styling").Sten
214
214
  flexDirection: string;
215
215
  };
216
216
  };
217
- }, {}, {}, never, never>;
217
+ }, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
218
+ shape: string;
219
+ }, never>, {}, {
220
+ shape: string;
221
+ }, never, never>, never>;
218
222
  export declare const MenuList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", MenuListProps<any>, {
219
223
  state: {
220
224
  stackRef: import("react").RefObject<HTMLDivElement>;
package/dist/commonjs/menu/lib/MenuList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAO1C,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG,CACpC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+SAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;wBAiB1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAenB,CAAC"}
1
+ {"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAO1C,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG,CACpC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+SAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;wBAkB1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAenB,CAAC"}
package/dist/commonjs/menu/lib/MenuList.js CHANGED
@@ -16,14 +16,15 @@ exports.useMenuList = (0, common_1.composeHooks)((0, common_1.createElemPropsHoo
16
16
  };
17
17
  }), popup_1.useReturnFocus, popup_1.useFocusRedirect);
18
18
  exports.menuListStencil = (0, canvas_kit_styling_1.createStencil)({
19
- base: { name: "2yqt1y", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
19
+ extends: common_1.cornerShapeStencil,
20
+ base: { name: "44ujrn", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));--shape-corner-shape-ccab68:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-base-size-25, 0.125rem);" },
20
21
  modifiers: {
21
22
  orientation: {
22
- vertical: { name: "w8ut7", styles: "flex-direction:column;" },
23
- horizontal: { name: "bjw73", styles: "flex-direction:row;" }
23
+ vertical: { name: "jsnl", styles: "flex-direction:column;" },
24
+ horizontal: { name: "2aw096", styles: "flex-direction:row;" }
24
25
  }
25
26
  }
26
- }, "menu-list-4b275a");
27
+ }, "menu-list-3f4295");
27
28
  exports.MenuList = (0, common_1.createSubcomponent)('div')({
28
29
  displayName: 'Menu.List',
29
30
  modelHook: useMenuModel_1.useMenuModel,
package/dist/commonjs/menu/lib/MenuOption.js CHANGED
@@ -12,7 +12,7 @@ const MenuItem_1 = require("./MenuItem");
12
12
  const useMenuModel_1 = require("./useMenuModel");
13
13
  const MenuOptionText = (0, common_1.createComponent)('span')({
14
14
  Component: ({ ...elemProps }, ref, Element) => {
15
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem.Text, { ref: ref, as: Element, ...elemProps }), (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { ...MenuItem_1.menuItemStencil.parts.selected, icon: canvas_system_icons_web_1.checkSmallIcon })] }));
15
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem.Text, { ref: ref, as: Element, ...elemProps }), (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { size: "xs", ...MenuItem_1.menuItemStencil.parts.selected, icon: canvas_system_icons_web_1.checkIcon })] }));
16
16
  },
17
17
  });
18
18
  exports.StyledMenuOption = (0, common_1.createComponent)('li')({
package/dist/commonjs/menu/lib/Submenu.js CHANGED
@@ -104,7 +104,7 @@ exports.SubmenuTargetItem = (0, common_1.createSubcomponent)('button')({
104
104
  modelHook: useMenuModel_1.useMenuModel,
105
105
  elemPropsHook: exports.useSubmenuTargetItem,
106
106
  })(({ children, ...elemProps }, Element) => {
107
- return ((0, jsx_runtime_1.jsxs)(MenuItem_1.StyledMenuItem, { as: Element, ...elemProps, children: [typeof children === 'string' ? (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem.Text, { children: children }) : children, (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem.Icon, { icon: canvas_system_icons_web_1.chevronRightSmallIcon })] }));
107
+ return ((0, jsx_runtime_1.jsxs)(MenuItem_1.StyledMenuItem, { as: Element, ...elemProps, children: [typeof children === 'string' ? (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem.Text, { children: children }) : children, (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem.Icon, { icon: canvas_system_icons_web_1.chevronRightIcon })] }));
108
108
  });
109
109
  /**
110
110
  * `Submenu` should be put in place of a `Menu.Item`. It will render a menu item that is the target
package/dist/commonjs/select/lib/SelectCard.js CHANGED
@@ -9,7 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
9
9
  const useSelectCard_1 = require("./hooks/useSelectCard");
10
10
  const useSelectModel_1 = require("./hooks/useSelectModel");
11
11
  exports.selectCardStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "231tn2", styles: "box-sizing:border-box;--maxHeight-menu-card-88fe55:18.75rem;" }
12
+ base: { name: "231tn2", styles: "box-sizing:border-box;--maxHeight-menu-card-ed4913:18.75rem;" }
13
13
  }, "select-card-249ab5");
14
14
  exports.SelectCard = (0, common_1.createSubcomponent)('div')({
15
15
  modelHook: useSelectModel_1.useSelectModel,
package/dist/es6/menu/lib/MenuCard.d.ts CHANGED
@@ -9,12 +9,20 @@ export declare const menuCardStencil: import("@workday/canvas-kit-styling").Sten
9
9
  transformOriginVertical: string;
10
10
  transformOriginHorizontal: string;
11
11
  maxHeight: string;
12
+ }, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
13
+ shape: string;
12
14
  }, never>, {}, {
15
+ shape: string;
16
+ }, never, never>>, {}, {
13
17
  minWidth: string;
14
18
  transformOriginVertical: string;
15
19
  transformOriginHorizontal: string;
16
20
  maxHeight: string;
17
- }, never, never>;
21
+ }, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
22
+ shape: string;
23
+ }, never>, {}, {
24
+ shape: string;
25
+ }, never, never>, never>;
18
26
  export declare const useMenuCard: import("@workday/canvas-kit-react/common").BehaviorHook<{
19
27
  state: {
20
28
  stackRef: React.RefObject<HTMLDivElement>;
package/dist/es6/menu/lib/MenuCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;gBAgC1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC"}
1
+ {"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;wBAiC1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC"}
package/dist/es6/menu/lib/MenuCard.js CHANGED
@@ -1,21 +1,22 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { Card } from '@workday/canvas-kit-react/card';
4
- import { createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
4
+ import { cornerShapeStencil, createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
5
5
  import { mergeStyles } from '@workday/canvas-kit-react/layout';
6
6
  import { getTransformFromPlacement } from '@workday/canvas-kit-react/popup';
7
7
  import { calc, createStencil, px2rem } from '@workday/canvas-kit-styling';
8
8
  import { system } from '@workday/canvas-tokens-web';
9
9
  import { useMenuModel } from './useMenuModel';
10
10
  export const menuCardStencil = createStencil({
11
+ extends: cornerShapeStencil,
11
12
  vars: {
12
13
  minWidth: px2rem(1),
13
14
  transformOriginVertical: 'top',
14
15
  transformOriginHorizontal: 'left',
15
16
  maxHeight: '',
16
17
  },
17
- base: { name: "xsvd2", styles: "--minWidth-menu-card-88fe55:0.0625rem;--transformOriginVertical-menu-card-88fe55:top;--transformOriginHorizontal-menu-card-88fe55:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-88fe55);max-height:var(--maxHeight-menu-card-88fe55);transform-origin:var(--transformOriginVertical-menu-card-88fe55) var(--transformOriginHorizontal-menu-card-88fe55);.wd-no-animation &{animation:none;}" }
18
- }, "menu-card-88fe55");
18
+ base: { name: "1tfad7", styles: "--minWidth-menu-card-ed4913:0.0625rem;--transformOriginVertical-menu-card-ed4913:top;--transformOriginHorizontal-menu-card-ed4913:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-strong);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));--shape-corner-shape-ccab68:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-ed4913);max-height:var(--maxHeight-menu-card-ed4913);transform-origin:var(--transformOriginVertical-menu-card-ed4913) var(--transformOriginHorizontal-menu-card-ed4913);.wd-no-animation &{animation:none;}" }
19
+ }, "menu-card-ed4913");
19
20
  export const useMenuCard = createElemPropsHook(useMenuModel)(() => {
20
21
  return {};
21
22
  });
package/dist/es6/menu/lib/MenuGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAExE,OAAO,EAAC,OAAO,EAAgB,MAAM,6BAA6B,CAAC;AAGnE,MAAM,WAAW,oBAAqB,SAAQ,OAAO,EAAE,SAAS;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO,EAAE,SAAS;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,uBAAuB,iJAalC,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;EAMvB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;EAI9B,CAAC;AAaH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcpB,CAAC"}
1
+ {"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAExE,OAAO,EAAC,OAAO,EAAgB,MAAM,6BAA6B,CAAC;AAGnE,MAAM,WAAW,oBAAqB,SAAQ,OAAO,EAAE,SAAS;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO,EAAE,SAAS;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,uBAAuB,iJAclC,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;EAMvB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;EAI9B,CAAC;AAaH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcpB,CAAC"}
package/dist/es6/menu/lib/MenuGroup.js CHANGED
@@ -20,7 +20,7 @@ const useMenuGroupModel = createModelHook({
20
20
  };
21
21
  });
22
22
  export const menuGroupHeadingStencil = createStencil({
23
- base: { name: "2mrarg", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
23
+ base: { name: "g71bo", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding-block:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
24
24
  }, "menu-group-heading-94adee");
25
25
  export const useMenuGroup = createElemPropsHook(useMenuGroupModel)(model => {
26
26
  return {
package/dist/es6/menu/lib/MenuItem.d.ts CHANGED
@@ -35,11 +35,19 @@ export declare const menuItemStencil: import("@workday/canvas-kit-styling").Sten
35
35
  readonly text: "menu-item-text";
36
36
  readonly icon: "menu-item-icon";
37
37
  readonly selected: "menu-item-selected";
38
- }, {}, never>, {
38
+ }, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
39
+ shape: string;
40
+ }, never>, {}, {
41
+ shape: string;
42
+ }, never, never>>, {
39
43
  readonly text: "menu-item-text";
40
44
  readonly icon: "menu-item-icon";
41
45
  readonly selected: "menu-item-selected";
42
- }, {}, never, never>;
46
+ }, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
47
+ shape: string;
48
+ }, never>, {}, {
49
+ shape: string;
50
+ }, never, never>, never>;
43
51
  export declare const StyledMenuItem: import("@workday/canvas-kit-react/common").ElementComponent<"button", MenuItemProps>;
44
52
  export declare const useMenuItemArrowReturn: import("@workday/canvas-kit-react/common").BehaviorHook<{
45
53
  state: {
package/dist/es6/menu/lib/MenuItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAG9F,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;oBA+F1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAEd,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuB3B,CAAC;AASH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIC,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAlDnB,mBAAmB;;;;;;;;;;;;;;;;;aAiEvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA9FY,eAAe;;CA8G9C,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAG9F,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;wBAwG1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAEd,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuB3B,CAAC;AASH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIC,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAlDnB,mBAAmB;;;;;;;;;;;;;;;;;aAiEvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA9FY,eAAe;;CA8G9C,CAAC"}
package/dist/es6/menu/lib/MenuItem.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { isCursor, useListItemRegister, useListItemRovingFocus, useListItemSelect, } from '@workday/canvas-kit-react/collection';
4
- import { composeHooks, createComponent, createElemPropsHook, createSubcomponent, useLocalRef, } from '@workday/canvas-kit-react/common';
4
+ import { composeHooks, cornerShapeStencil, createComponent, createElemPropsHook, createSubcomponent, useLocalRef, } from '@workday/canvas-kit-react/common';
5
5
  import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
6
6
  import { mergeStyles } from '@workday/canvas-kit-react/layout';
7
7
  import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
@@ -9,15 +9,16 @@ import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling
9
9
  import { system } from '@workday/canvas-tokens-web';
10
10
  import { useMenuModel } from './useMenuModel';
11
11
  export const menuItemStencil = createStencil({
12
+ extends: cornerShapeStencil,
12
13
  parts: {
13
14
  text: 'menu-item-text',
14
15
  icon: 'menu-item-icon',
15
16
  selected: 'menu-item-selected',
16
17
  },
17
- base: { name: "3xzsqb", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){--color-system-icon-c9acc3:currentColor;outline:none;background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));color:var(--cnvs-sys-color-fg-inverse);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.focus, :focus-visible){color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus-visible){background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));opacity:var(--cnvs-sys-opacity-disabled);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}& :where([data-part=\"menu-item-icon\"]){align-self:start;}" }
18
- }, "menu-item-6ee0e9");
18
+ base: { name: "2wl3a8", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));cursor:pointer;color:var(--cnvs-sys-color-fg-strong);border-width:0;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));outline-offset:-0.125rem;}}&:is(.hover, :hover){background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.active, :active){background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));}&:is(.focus, :focus-visible){outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));outline-offset:-0.125rem;}&[aria-expanded=\"true\"]:is(.focus, :focus-visible){color:var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11));outline:none;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover){background:none;}&:where(.focus, :focus-visible){color:var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11));opacity:var(--cnvs-sys-opacity-disabled);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}" }
19
+ }, "menu-item-38fada");
19
20
  const MenuItemIcon = (elemProps) => {
20
- return _jsx(SystemIcon, { ...menuItemStencil.parts.icon, ...elemProps });
21
+ return _jsx(SystemIcon, { size: "xs", ...menuItemStencil.parts.icon, ...elemProps });
21
22
  };
22
23
  const MenuItemText = createComponent('span')({
23
24
  Component: ({ ...elemProps }, ref, Element) => {
package/dist/es6/menu/lib/MenuList.d.ts CHANGED
@@ -214,7 +214,11 @@ export declare const menuListStencil: import("@workday/canvas-kit-styling").Sten
214
214
  flexDirection: string;
215
215
  };
216
216
  };
217
- }, {}, {}, never, never>;
217
+ }, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
218
+ shape: string;
219
+ }, never>, {}, {
220
+ shape: string;
221
+ }, never, never>, never>;
218
222
  export declare const MenuList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", MenuListProps<any>, {
219
223
  state: {
220
224
  stackRef: import("react").RefObject<HTMLDivElement>;
package/dist/es6/menu/lib/MenuList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAO1C,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG,CACpC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+SAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;wBAiB1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAenB,CAAC"}
1
+ {"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACxE,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAO1C,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG,CACpC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+SAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;wBAkB1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAenB,CAAC"}
package/dist/es6/menu/lib/MenuList.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { ListBox } from '@workday/canvas-kit-react/collection';
3
- import { composeHooks, createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
3
+ import { composeHooks, cornerShapeStencil, createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
4
4
  import { useFocusRedirect, useReturnFocus } from '@workday/canvas-kit-react/popup';
5
5
  import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
6
- import { system } from '@workday/canvas-tokens-web';
6
+ import { base, system } from '@workday/canvas-tokens-web';
7
7
  import { useMenuModel } from './useMenuModel';
8
8
  export const useMenuList = composeHooks(createElemPropsHook(useMenuModel)(model => {
9
9
  return {
@@ -13,14 +13,15 @@ export const useMenuList = composeHooks(createElemPropsHook(useMenuModel)(model
13
13
  };
14
14
  }), useReturnFocus, useFocusRedirect);
15
15
  export const menuListStencil = createStencil({
16
- base: { name: "2yqt1y", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
16
+ extends: cornerShapeStencil,
17
+ base: { name: "44ujrn", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));--shape-corner-shape-ccab68:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-base-size-25, 0.125rem);" },
17
18
  modifiers: {
18
19
  orientation: {
19
- vertical: { name: "w8ut7", styles: "flex-direction:column;" },
20
- horizontal: { name: "bjw73", styles: "flex-direction:row;" }
20
+ vertical: { name: "jsnl", styles: "flex-direction:column;" },
21
+ horizontal: { name: "2aw096", styles: "flex-direction:row;" }
21
22
  }
22
23
  }
23
- }, "menu-list-4b275a");
24
+ }, "menu-list-3f4295");
24
25
  export const MenuList = createSubcomponent('div')({
25
26
  displayName: 'Menu.List',
26
27
  modelHook: useMenuModel,
package/dist/es6/menu/lib/MenuOption.js CHANGED
@@ -4,12 +4,12 @@ import { composeHooks, createComponent, createElemPropsHook, createSubcomponent,
4
4
  import { SystemIcon } from '@workday/canvas-kit-react/icon';
5
5
  import { mergeStyles } from '@workday/canvas-kit-react/layout';
6
6
  import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
7
- import { checkSmallIcon } from '@workday/canvas-system-icons-web';
7
+ import { checkIcon } from '@workday/canvas-system-icons-web';
8
8
  import { MenuItem, menuItemStencil } from './MenuItem';
9
9
  import { useMenuModel } from './useMenuModel';
10
10
  const MenuOptionText = createComponent('span')({
11
11
  Component: ({ ...elemProps }, ref, Element) => {
12
- return (_jsxs(_Fragment, { children: [_jsx(MenuItem.Text, { ref: ref, as: Element, ...elemProps }), _jsx(SystemIcon, { ...menuItemStencil.parts.selected, icon: checkSmallIcon })] }));
12
+ return (_jsxs(_Fragment, { children: [_jsx(MenuItem.Text, { ref: ref, as: Element, ...elemProps }), _jsx(SystemIcon, { size: "xs", ...menuItemStencil.parts.selected, icon: checkIcon })] }));
13
13
  },
14
14
  });
15
15
  export const StyledMenuOption = createComponent('li')({
package/dist/es6/menu/lib/Submenu.js CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { useListItemRegister, useListItemRovingFocus } from '@workday/canvas-kit-react/collection';
4
4
  import { composeHooks, createElemPropsHook, createSubcomponent, subModelHook, useForkRef, } from '@workday/canvas-kit-react/common';
5
5
  import { Popper } from '@workday/canvas-kit-react/popup';
6
- import { chevronRightSmallIcon } from '@workday/canvas-system-icons-web';
6
+ import { chevronRightIcon } from '@workday/canvas-system-icons-web';
7
7
  import { MenuCard } from './MenuCard';
8
8
  import { MenuDivider } from './MenuDivider';
9
9
  import { MenuGroup } from './MenuGroup';
@@ -98,7 +98,7 @@ export const SubmenuTargetItem = createSubcomponent('button')({
98
98
  modelHook: useMenuModel,
99
99
  elemPropsHook: useSubmenuTargetItem,
100
100
  })(({ children, ...elemProps }, Element) => {
101
- return (_jsxs(StyledMenuItem, { as: Element, ...elemProps, children: [typeof children === 'string' ? _jsx(MenuItem.Text, { children: children }) : children, _jsx(MenuItem.Icon, { icon: chevronRightSmallIcon })] }));
101
+ return (_jsxs(StyledMenuItem, { as: Element, ...elemProps, children: [typeof children === 'string' ? _jsx(MenuItem.Text, { children: children }) : children, _jsx(MenuItem.Icon, { icon: chevronRightIcon })] }));
102
102
  });
103
103
  /**
104
104
  * `Submenu` should be put in place of a `Menu.Item`. It will render a menu item that is the target
package/dist/es6/select/lib/SelectCard.js CHANGED
@@ -6,7 +6,7 @@ import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling
6
6
  import { useSelectCard } from './hooks/useSelectCard';
7
7
  import { useSelectModel } from './hooks/useSelectModel';
8
8
  export const selectCardStencil = createStencil({
9
- base: { name: "231tn2", styles: "box-sizing:border-box;--maxHeight-menu-card-88fe55:18.75rem;" }
9
+ base: { name: "231tn2", styles: "box-sizing:border-box;--maxHeight-menu-card-ed4913:18.75rem;" }
10
10
  }, "select-card-249ab5");
11
11
  export const SelectCard = createSubcomponent('div')({
12
12
  modelHook: useSelectModel,
package/menu/lib/MenuCard.tsx CHANGED
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  import {Card} from '@workday/canvas-kit-react/card';
4
4
  import {
5
5
  ExtractProps,
6
+ cornerShapeStencil,
6
7
  createElemPropsHook,
7
8
  createSubcomponent,
8
9
  } from '@workday/canvas-kit-react/common';
@@ -18,6 +19,7 @@ export interface MenuCardProps extends ExtractProps<typeof Card, never> {
18
19
  }
19
20
 
20
21
  export const menuCardStencil = createStencil({
22
+ extends: cornerShapeStencil,
21
23
  vars: {
22
24
  minWidth: px2rem(1),
23
25
  transformOriginVertical: 'top',
@@ -32,13 +34,13 @@ export const menuCardStencil = createStencil({
32
34
  fontSize: system.legacy.fontSize.subtext.lg,
33
35
  lineHeight: system.legacy.lineHeight.subtext.lg,
34
36
  letterSpacing: system.legacy.letterSpacing.subtext.lg,
35
- color: system.color.fg.default,
37
+ color: system.color.fg.strong,
36
38
  position: 'relative',
37
39
  display: 'flex',
38
40
  flexDirection: 'column',
39
41
  transition: `transform ease-out 150ms`,
40
- padding: system.legacy.padding.xxs,
41
- borderRadius: system.legacy.shape.xxl,
42
+ padding: system.legacy.padding.xs,
43
+ [cornerShapeStencil.vars.shape]: system.legacy.shape.xxl,
42
44
  maxWidth: calc.subtract('100vw', system.legacy.size.sm),
43
45
  boxShadow: system.depth[3],
44
46
  minWidth,
package/menu/lib/MenuGroup.tsx CHANGED
@@ -76,7 +76,8 @@ export const menuGroupHeadingStencil = createStencil({
76
76
  alignItems: 'center',
77
77
  width: '100%',
78
78
  gap: system.legacy.gap.md,
79
- padding: `${system.legacy.padding.xs} ${system.legacy.padding.md}`,
79
+ paddingBlock: system.legacy.padding.xs,
80
+ paddingInline: `${system.legacy.padding.sm} ${system.legacy.padding.md}`,
80
81
  },
81
82
  });
82
83
 
package/menu/lib/MenuItem.tsx CHANGED
@@ -8,6 +8,7 @@ import {
8
8
  } from '@workday/canvas-kit-react/collection';
9
9
  import {
10
10
  composeHooks,
11
+ cornerShapeStencil,
11
12
  createComponent,
12
13
  createElemPropsHook,
13
14
  createSubcomponent,
@@ -53,6 +54,7 @@ export interface MenuItemProps extends CSProps {
53
54
  }
54
55
 
55
56
  export const menuItemStencil = createStencil({
57
+ extends: cornerShapeStencil,
56
58
  parts: {
57
59
  text: 'menu-item-text',
58
60
  icon: 'menu-item-icon',
@@ -67,13 +69,13 @@ export const menuItemStencil = createStencil({
67
69
  display: 'flex',
68
70
  alignItems: 'center',
69
71
  width: '100%',
70
- gap: system.legacy.gap.md,
71
- padding: `${system.legacy.padding.sm} ${system.legacy.padding.md}`,
72
+ gap: system.legacy.gap.sm,
73
+ padding: `${system.legacy.padding.xs} ${system.legacy.padding.xs} ${system.legacy.padding.xs} ${system.legacy.padding.sm}`,
72
74
  boxSizing: 'border-box',
73
75
  cursor: 'pointer',
74
- color: system.color.fg.default,
76
+ color: system.color.fg.strong,
75
77
  borderWidth: 0,
76
- borderRadius: system.legacy.shape.xxl,
78
+ [cornerShapeStencil.vars.shape]: system.legacy.shape.lg,
77
79
  textAlign: 'start',
78
80
  transition: 'background-color 80ms, color 80ms',
79
81
  backgroundColor: 'inherit',
@@ -95,45 +97,57 @@ export const menuItemStencil = createStencil({
95
97
 
96
98
  // Selected styles
97
99
  '&[aria-selected=true]': {
98
- color: system.legacy.color.brand.fg.primary.strong,
99
- backgroundColor: system.legacy.color.brand.surface.primary.strong,
100
+ color: system.legacy.color.brand.fg.selected,
101
+ backgroundColor: system.legacy.color.brand.surface.selected,
100
102
 
101
103
  [`& :where(${selectedPart})`]: {
102
104
  opacity: system.opacity.full,
103
105
  },
104
106
  '&:where(.focus, :focus-visible)': {
105
- [systemIconStencil.vars.color]: 'currentColor',
106
- outline: 'none',
107
- backgroundColor: system.legacy.color.brand.accent.primary,
108
- color: system.color.fg.inverse,
107
+ outline: `${px2rem(2)} solid ${system.legacy.color.brand.border.primary}`,
108
+ outlineOffset: `-${px2rem(2)}`,
109
109
  },
110
110
  },
111
111
 
112
112
  // Hover styles
113
113
  '&:is(.hover, :hover)': {
114
- color: system.color.fg.strong,
115
114
  backgroundColor: system.legacy.color.surface.overlay.hover.default,
116
115
  },
117
116
 
117
+ // Active styles
118
+ '&:is(.active, :active)': {
119
+ backgroundColor: system.legacy.color.surface.overlay.pressed.default,
120
+ },
121
+
118
122
  // Focus styles
119
123
  '&:is(.focus, :focus-visible)': {
120
- color: system.color.fg.inverse,
121
- backgroundColor: system.legacy.color.brand.accent.primary,
122
- outline: `${px2rem(2)} solid transparent`,
124
+ outline: `${px2rem(2)} solid ${system.legacy.color.brand.border.primary}`,
123
125
  outlineOffset: `-${px2rem(2)}`,
124
126
  },
125
127
 
128
+ // Focus + Expanded Submenu
129
+ // When a `Submenu.TargetItem`'s submenu is open, real focus has moved into the submenu, so we
130
+ // de-emphasize this item's focus ring and show selected styling instead to indicate it's part
131
+ // of the open ancestor trail rather than the actively focused item.
132
+ '&[aria-expanded="true"]:is(.focus, :focus-visible)': {
133
+ color: system.legacy.color.brand.fg.selected,
134
+ backgroundColor: system.legacy.color.brand.surface.selected,
135
+ outline: 'none',
136
+ },
137
+
126
138
  // Disabled styles
127
139
  '&:is(:disabled, [aria-disabled=true])': {
128
140
  cursor: 'default',
129
141
  opacity: system.opacity.disabled,
130
142
 
131
- '&:where(.hover, :hover, [aria-selected=true])': {
143
+ '&:where(.hover, :hover)': {
132
144
  background: 'none',
133
145
  },
146
+
134
147
  // Focus + Disabled
135
148
  '&:where(.focus, :focus-visible)': {
136
- backgroundColor: system.legacy.color.brand.accent.primary,
149
+ color: system.legacy.color.brand.fg.selected,
150
+ backgroundColor: system.legacy.color.brand.surface.selected,
137
151
  opacity: system.opacity.disabled,
138
152
  },
139
153
  },
@@ -142,15 +156,11 @@ export const menuItemStencil = createStencil({
142
156
  flexGrow: 1,
143
157
  alignSelf: 'center',
144
158
  },
145
-
146
- [`& :where(${iconPart})`]: {
147
- alignSelf: 'start',
148
- },
149
159
  }),
150
160
  });
151
161
 
152
162
  const MenuItemIcon = (elemProps: SystemIconProps) => {
153
- return <SystemIcon {...menuItemStencil.parts.icon} {...elemProps} />;
163
+ return <SystemIcon size="xs" {...menuItemStencil.parts.icon} {...elemProps} />;
154
164
  };
155
165
 
156
166
  const MenuItemText = createComponent('span')({
package/menu/lib/MenuList.tsx CHANGED
@@ -2,12 +2,13 @@ import {ListBox, ListProps} from '@workday/canvas-kit-react/collection';
2
2
  import {
3
3
  ExtractProps,
4
4
  composeHooks,
5
+ cornerShapeStencil,
5
6
  createElemPropsHook,
6
7
  createSubcomponent,
7
8
  } from '@workday/canvas-kit-react/common';
8
9
  import {useFocusRedirect, useReturnFocus} from '@workday/canvas-kit-react/popup';
9
10
  import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
10
- import {system} from '@workday/canvas-tokens-web';
11
+ import {base, system} from '@workday/canvas-tokens-web';
11
12
 
12
13
  import {useMenuModel} from './useMenuModel';
13
14
 
@@ -32,11 +33,12 @@ export const useMenuList = composeHooks(
32
33
  );
33
34
 
34
35
  export const menuListStencil = createStencil({
36
+ extends: cornerShapeStencil,
35
37
  base: {
36
38
  background: system.legacy.color.surface.popover,
37
- borderRadius: system.legacy.shape.xxl,
39
+ [cornerShapeStencil.vars.shape]: system.legacy.shape.xxl,
38
40
  padding: 0,
39
- gap: system.legacy.gap.xs,
41
+ gap: base.legacy.size25,
40
42
  },
41
43
  modifiers: {
42
44
  orientation: {
package/menu/lib/MenuOption.tsx CHANGED
@@ -14,7 +14,7 @@ import {
14
14
  import {SystemIcon} from '@workday/canvas-kit-react/icon';
15
15
  import {mergeStyles} from '@workday/canvas-kit-react/layout';
16
16
  import {OverflowTooltip} from '@workday/canvas-kit-react/tooltip';
17
- import {checkSmallIcon} from '@workday/canvas-system-icons-web';
17
+ import {checkIcon} from '@workday/canvas-system-icons-web';
18
18
 
19
19
  import {MenuItem, MenuItemProps, menuItemStencil} from './MenuItem';
20
20
  import {useMenuModel} from './useMenuModel';
@@ -24,7 +24,7 @@ const MenuOptionText = createComponent('span')({
24
24
  return (
25
25
  <>
26
26
  <MenuItem.Text ref={ref} as={Element} {...elemProps} />
27
- <SystemIcon {...menuItemStencil.parts.selected} icon={checkSmallIcon} />
27
+ <SystemIcon size="xs" {...menuItemStencil.parts.selected} icon={checkIcon} />
28
28
  </>
29
29
  );
30
30
  },
package/menu/lib/Submenu.tsx CHANGED
@@ -11,7 +11,7 @@ import {
11
11
  useForkRef,
12
12
  } from '@workday/canvas-kit-react/common';
13
13
  import {Popper} from '@workday/canvas-kit-react/popup';
14
- import {chevronRightSmallIcon} from '@workday/canvas-system-icons-web';
14
+ import {chevronRightIcon} from '@workday/canvas-system-icons-web';
15
15
 
16
16
  import {MenuCard} from './MenuCard';
17
17
  import {MenuDivider} from './MenuDivider';
@@ -139,7 +139,7 @@ export const SubmenuTargetItem = createSubcomponent('button')({
139
139
  return (
140
140
  <StyledMenuItem as={Element} {...elemProps}>
141
141
  {typeof children === 'string' ? <MenuItem.Text>{children}</MenuItem.Text> : children}
142
- <MenuItem.Icon icon={chevronRightSmallIcon} />
142
+ <MenuItem.Icon icon={chevronRightIcon} />
143
143
  </StyledMenuItem>
144
144
  );
145
145
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "16.0.0-alpha.0459-next.0",
3
+ "version": "16.0.0-alpha.0460-next.0",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -53,10 +53,10 @@
53
53
  "@tanstack/react-virtual": "^3.13.9",
54
54
  "@workday/canvas-colors-web": "^2.0.0",
55
55
  "@workday/canvas-expressive-icons-web": "1.0.2",
56
- "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0459-next.0",
57
- "@workday/canvas-kit-styling": "^16.0.0-alpha.0459-next.0",
56
+ "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0460-next.0",
57
+ "@workday/canvas-kit-styling": "^16.0.0-alpha.0460-next.0",
58
58
  "@workday/canvas-system-icons-web": "4.0.4",
59
- "@workday/canvas-tokens-web": "4.4.0-beta.3",
59
+ "@workday/canvas-tokens-web": "4.4.0-beta.4",
60
60
  "@workday/design-assets-types": "^0.3.0",
61
61
  "chroma-js": "^2.2.0",
62
62
  "csstype": "^3.0.2",
@@ -69,5 +69,5 @@
69
69
  "@workday/canvas-accent-icons-web": "^3.0.0",
70
70
  "@workday/canvas-applet-icons-web": "^2.0.0"
71
71
  },
72
- "gitHead": "8dac23176d1324915d93ae06af95241e5ef87f25"
72
+ "gitHead": "f077a912b317130c7bf1191d3fea5211c58a5bb4"
73
73
  }