@workday/canvas-kit-react 16.0.0-alpha.0475-next.0 → 16.0.0-alpha.0476-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 (7) hide show
  1. package/dist/commonjs/menu/lib/MenuItem.js +1 -1
  2. package/dist/commonjs/menu/lib/MenuOption.js +1 -1
  3. package/dist/es6/menu/lib/MenuItem.js +1 -1
  4. package/dist/es6/menu/lib/MenuOption.js +1 -1
  5. package/menu/lib/MenuItem.tsx +1 -1
  6. package/menu/lib/MenuOption.tsx +1 -1
  7. package/package.json +4 -4
package/dist/commonjs/menu/lib/MenuItem.js CHANGED
@@ -44,7 +44,7 @@ exports.menuItemStencil = (0, canvas_kit_styling_1.createStencil)({
44
44
  base: { name: "4b7bxi", 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
45
  }, "menu-item-38fada");
46
46
  const MenuItemIcon = (elemProps) => {
47
- return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { size: "xs", ...exports.menuItemStencil.parts.icon, ...elemProps });
47
+ return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { size: "md", ...exports.menuItemStencil.parts.icon, ...elemProps });
48
48
  };
49
49
  const MenuItemText = (0, common_1.createComponent)('span')({
50
50
  Component: ({ ...elemProps }, ref, Element) => {
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, { size: "xs", ...MenuItem_1.menuItemStencil.parts.selected, icon: canvas_system_icons_web_1.checkIcon })] }));
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: "md", ...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/es6/menu/lib/MenuItem.js CHANGED
@@ -18,7 +18,7 @@ export const menuItemStencil = createStencil({
18
18
  base: { name: "4b7bxi", 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
19
  }, "menu-item-38fada");
20
20
  const MenuItemIcon = (elemProps) => {
21
- return _jsx(SystemIcon, { size: "xs", ...menuItemStencil.parts.icon, ...elemProps });
21
+ return _jsx(SystemIcon, { size: "md", ...menuItemStencil.parts.icon, ...elemProps });
22
22
  };
23
23
  const MenuItemText = createComponent('span')({
24
24
  Component: ({ ...elemProps }, ref, Element) => {
package/dist/es6/menu/lib/MenuOption.js CHANGED
@@ -9,7 +9,7 @@ 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, { size: "xs", ...menuItemStencil.parts.selected, icon: checkIcon })] }));
12
+ return (_jsxs(_Fragment, { children: [_jsx(MenuItem.Text, { ref: ref, as: Element, ...elemProps }), _jsx(SystemIcon, { size: "md", ...menuItemStencil.parts.selected, icon: checkIcon })] }));
13
13
  },
14
14
  });
15
15
  export const StyledMenuOption = createComponent('li')({
package/menu/lib/MenuItem.tsx CHANGED
@@ -160,7 +160,7 @@ export const menuItemStencil = createStencil({
160
160
  });
161
161
 
162
162
  const MenuItemIcon = (elemProps: SystemIconProps) => {
163
- return <SystemIcon size="xs" {...menuItemStencil.parts.icon} {...elemProps} />;
163
+ return <SystemIcon size="md" {...menuItemStencil.parts.icon} {...elemProps} />;
164
164
  };
165
165
 
166
166
  const MenuItemText = createComponent('span')({
package/menu/lib/MenuOption.tsx CHANGED
@@ -24,7 +24,7 @@ const MenuOptionText = createComponent('span')({
24
24
  return (
25
25
  <>
26
26
  <MenuItem.Text ref={ref} as={Element} {...elemProps} />
27
- <SystemIcon size="xs" {...menuItemStencil.parts.selected} icon={checkIcon} />
27
+ <SystemIcon size="md" {...menuItemStencil.parts.selected} icon={checkIcon} />
28
28
  </>
29
29
  );
30
30
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "16.0.0-alpha.0475-next.0",
3
+ "version": "16.0.0-alpha.0476-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,8 +53,8 @@
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.0475-next.0",
57
- "@workday/canvas-kit-styling": "^16.0.0-alpha.0475-next.0",
56
+ "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0476-next.0",
57
+ "@workday/canvas-kit-styling": "^16.0.0-alpha.0476-next.0",
58
58
  "@workday/canvas-system-icons-web": "4.0.4",
59
59
  "@workday/canvas-tokens-web": "4.4.0-beta.6",
60
60
  "@workday/design-assets-types": "^0.3.0",
@@ -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": "82422d46f689844113866ba99ffad38956bde57c"
72
+ "gitHead": "2d96fab9d2a9a47e06b99ae59e5f939799efa76d"
73
73
  }