@workday/canvas-kit-react 10.0.0-alpha.455-next.0 → 10.0.0-alpha.458-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 (24) hide show
  1. package/common/lib/styles/accessibleHide.ts +1 -1
  2. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
  3. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +1 -1
  4. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts +2 -2
  5. package/dist/commonjs/common/lib/styles/accessibleHide.d.ts +1 -1
  6. package/dist/commonjs/common/lib/styles/accessibleHide.js +1 -1
  7. package/dist/commonjs/menu/index.d.ts +1 -1
  8. package/dist/commonjs/menu/index.d.ts.map +1 -1
  9. package/dist/commonjs/menu/lib/MenuItem.d.ts +9 -1
  10. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  11. package/dist/commonjs/tabs/lib/Tabs.d.ts +1 -1
  12. package/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
  13. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +1 -1
  14. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts +2 -2
  15. package/dist/es6/common/lib/styles/accessibleHide.d.ts +1 -1
  16. package/dist/es6/common/lib/styles/accessibleHide.js +1 -1
  17. package/dist/es6/menu/index.d.ts +1 -1
  18. package/dist/es6/menu/index.d.ts.map +1 -1
  19. package/dist/es6/menu/lib/MenuItem.d.ts +9 -1
  20. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  21. package/dist/es6/tabs/lib/Tabs.d.ts +1 -1
  22. package/menu/index.ts +1 -1
  23. package/menu/lib/MenuItem.tsx +9 -1
  24. package/package.json +3 -3
package/common/lib/styles/accessibleHide.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import {CSSProperties} from '@workday/canvas-kit-react/tokens';
2
2
 
3
3
  /**
4
- * A utility to hide content normal users while still making accessible to screenreaders
4
+ * A utility to visually hide content, while still making accessible to screenreaders
5
5
  * See https://a11y-101.com/development/skip-link
6
6
  */
7
7
  export const accessibleHide: CSSProperties = {
package/dist/commonjs/action-bar/lib/ActionBar.d.ts CHANGED
@@ -3722,7 +3722,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
3722
3722
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
3723
3723
  getId: (item: any) => string;
3724
3724
  }>;
3725
- Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("../../menu/lib/MenuItem").MenuItemProps, {
3725
+ Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("@workday/canvas-kit-react/menu").MenuItemProps, {
3726
3726
  state: {
3727
3727
  stackRef: React.RefObject<HTMLDivElement>;
3728
3728
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts CHANGED
@@ -3956,7 +3956,7 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
3956
3956
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
3957
3957
  getId: (item: any) => string;
3958
3958
  }>;
3959
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
3959
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/menu").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
3960
3960
  state: {
3961
3961
  stackRef: React.RefObject<HTMLDivElement>;
3962
3962
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
3
  import { Menu } from '@workday/canvas-kit-react/menu';
4
- export declare const BreadcrumbsMenuItem: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
4
+ export declare const BreadcrumbsMenuItem: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/menu").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
5
5
  state: {
6
6
  stackRef: React.RefObject<HTMLDivElement>;
7
7
  targetRef: React.RefObject<HTMLButtonElement>;
@@ -1617,7 +1617,7 @@ export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common")
1617
1617
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
1618
1618
  getId: (item: any) => string;
1619
1619
  }>;
1620
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
1620
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/menu").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
1621
1621
  state: {
1622
1622
  stackRef: React.RefObject<HTMLDivElement>;
1623
1623
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/commonjs/common/lib/styles/accessibleHide.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties } from '@workday/canvas-kit-react/tokens';
2
2
  /**
3
- * A utility to hide content normal users while still making accessible to screenreaders
3
+ * A utility to visually hide content, while still making accessible to screenreaders
4
4
  * See https://a11y-101.com/development/skip-link
5
5
  */
6
6
  export declare const accessibleHide: CSSProperties;
package/dist/commonjs/common/lib/styles/accessibleHide.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.accessibleHide = void 0;
4
4
  /**
5
- * A utility to hide content normal users while still making accessible to screenreaders
5
+ * A utility to visually hide content, while still making accessible to screenreaders
6
6
  * See https://a11y-101.com/development/skip-link
7
7
  */
8
8
  exports.accessibleHide = {
package/dist/commonjs/menu/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { useMenuModel } from './lib/useMenuModel';
2
2
  export { Menu } from './lib/Menu';
3
3
  export { useMenuCard } from './lib/MenuCard';
4
- export { useMenuItem, StyledMenuItem } from './lib/MenuItem';
4
+ export { useMenuItem, StyledMenuItem, MenuItemProps } from './lib/MenuItem';
5
5
  export { useMenuList } from './lib/MenuList';
6
6
  export { useMenuPopper } from './lib/MenuPopper';
7
7
  export { useMenuTarget, useMenuTargetContext } from './lib/MenuTarget';
package/dist/commonjs/menu/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAE,cAAc,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}
package/dist/commonjs/menu/lib/MenuItem.d.ts CHANGED
@@ -19,11 +19,18 @@ export interface MenuItemProps {
19
19
  'data-id'?: string;
20
20
  'aria-disabled'?: boolean;
21
21
  }
22
+ interface StyledMenuProps {
23
+ /**
24
+ * If true, set the StyledMenuItem to the disabled state so it is not clickable.
25
+ * @default false
26
+ */
27
+ isDisabled?: boolean;
28
+ }
22
29
  export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "left" | "right" | "top" | "bottom" | "fill" | "as" | "color" | "resize" | "width" | "height" | "alignSelf" | "appearance" | "backgroundAttachment" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "boxSizing" | "content" | "cursor" | "display" | "flexBasis" | "flexGrow" | "flexShrink" | "float" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "inset" | "insetInlineEnd" | "insetInlineStart" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineOffset" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textOverflow" | "textShadow" | "textTransform" | "transform" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "wordBreak" | "zIndex" | "animation" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "listStyle" | "margin" | "outline" | "overflow" | "padding" | "placeSelf" | "textDecoration" | "transition" | "stroke" | "depth" | "marginX" | "marginY" | "paddingX" | "paddingY"> & {
23
30
  ref?: React.Ref<HTMLButtonElement> | undefined;
24
31
  } & {
25
32
  theme?: import("@emotion/react").Theme | undefined;
26
- } & StyledType, {}, {}>;
33
+ } & StyledType & StyledMenuProps, {}, {}>;
27
34
  export declare const useMenuItem: import("@workday/canvas-kit-react/common").BehaviorHook<{
28
35
  state: {
29
36
  stackRef: React.RefObject<HTMLDivElement>;
@@ -199,4 +206,5 @@ export declare const MenuItem: import("@workday/canvas-kit-react/common").Elemen
199
206
  as?: React.ElementType<any> | undefined;
200
207
  }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
201
208
  };
209
+ export {};
202
210
  //# sourceMappingURL=MenuItem.d.ts.map
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;AAG/B,OAAO,EAGL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAY1C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc;;;;uBAwF1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuBF,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAY1C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,eAAe;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc;;;;yCAwF1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuBF,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
package/dist/commonjs/tabs/lib/Tabs.d.ts CHANGED
@@ -5806,7 +5806,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
5806
5806
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
5807
5807
  getId: (item: any) => string;
5808
5808
  }>;
5809
- Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("../../menu/lib/MenuItem").MenuItemProps, {
5809
+ Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("@workday/canvas-kit-react/menu").MenuItemProps, {
5810
5810
  state: {
5811
5811
  stackRef: React.RefObject<HTMLDivElement>;
5812
5812
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/es6/action-bar/lib/ActionBar.d.ts CHANGED
@@ -3722,7 +3722,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
3722
3722
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
3723
3723
  getId: (item: any) => string;
3724
3724
  }>;
3725
- Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("../../menu/lib/MenuItem").MenuItemProps, {
3725
+ Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("@workday/canvas-kit-react/menu").MenuItemProps, {
3726
3726
  state: {
3727
3727
  stackRef: React.RefObject<HTMLDivElement>;
3728
3728
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts CHANGED
@@ -3956,7 +3956,7 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
3956
3956
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
3957
3957
  getId: (item: any) => string;
3958
3958
  }>;
3959
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
3959
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/menu").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
3960
3960
  state: {
3961
3961
  stackRef: React.RefObject<HTMLDivElement>;
3962
3962
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
3
  import { Menu } from '@workday/canvas-kit-react/menu';
4
- export declare const BreadcrumbsMenuItem: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
4
+ export declare const BreadcrumbsMenuItem: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/menu").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
5
5
  state: {
6
6
  stackRef: React.RefObject<HTMLDivElement>;
7
7
  targetRef: React.RefObject<HTMLButtonElement>;
@@ -1617,7 +1617,7 @@ export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common")
1617
1617
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
1618
1618
  getId: (item: any) => string;
1619
1619
  }>;
1620
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
1620
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/menu").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
1621
1621
  state: {
1622
1622
  stackRef: React.RefObject<HTMLDivElement>;
1623
1623
  targetRef: React.RefObject<HTMLButtonElement>;
package/dist/es6/common/lib/styles/accessibleHide.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties } from '@workday/canvas-kit-react/tokens';
2
2
  /**
3
- * A utility to hide content normal users while still making accessible to screenreaders
3
+ * A utility to visually hide content, while still making accessible to screenreaders
4
4
  * See https://a11y-101.com/development/skip-link
5
5
  */
6
6
  export declare const accessibleHide: CSSProperties;
package/dist/es6/common/lib/styles/accessibleHide.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * A utility to hide content normal users while still making accessible to screenreaders
2
+ * A utility to visually hide content, while still making accessible to screenreaders
3
3
  * See https://a11y-101.com/development/skip-link
4
4
  */
5
5
  export const accessibleHide = {
package/dist/es6/menu/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { useMenuModel } from './lib/useMenuModel';
2
2
  export { Menu } from './lib/Menu';
3
3
  export { useMenuCard } from './lib/MenuCard';
4
- export { useMenuItem, StyledMenuItem } from './lib/MenuItem';
4
+ export { useMenuItem, StyledMenuItem, MenuItemProps } from './lib/MenuItem';
5
5
  export { useMenuList } from './lib/MenuList';
6
6
  export { useMenuPopper } from './lib/MenuPopper';
7
7
  export { useMenuTarget, useMenuTargetContext } from './lib/MenuTarget';
package/dist/es6/menu/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAE,cAAc,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}
package/dist/es6/menu/lib/MenuItem.d.ts CHANGED
@@ -19,11 +19,18 @@ export interface MenuItemProps {
19
19
  'data-id'?: string;
20
20
  'aria-disabled'?: boolean;
21
21
  }
22
+ interface StyledMenuProps {
23
+ /**
24
+ * If true, set the StyledMenuItem to the disabled state so it is not clickable.
25
+ * @default false
26
+ */
27
+ isDisabled?: boolean;
28
+ }
22
29
  export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "left" | "right" | "top" | "bottom" | "fill" | "as" | "color" | "resize" | "width" | "height" | "alignSelf" | "appearance" | "backgroundAttachment" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "boxSizing" | "content" | "cursor" | "display" | "flexBasis" | "flexGrow" | "flexShrink" | "float" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "inset" | "insetInlineEnd" | "insetInlineStart" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineOffset" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textOverflow" | "textShadow" | "textTransform" | "transform" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "wordBreak" | "zIndex" | "animation" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "listStyle" | "margin" | "outline" | "overflow" | "padding" | "placeSelf" | "textDecoration" | "transition" | "stroke" | "depth" | "marginX" | "marginY" | "paddingX" | "paddingY"> & {
23
30
  ref?: React.Ref<HTMLButtonElement> | undefined;
24
31
  } & {
25
32
  theme?: import("@emotion/react").Theme | undefined;
26
- } & StyledType, {}, {}>;
33
+ } & StyledType & StyledMenuProps, {}, {}>;
27
34
  export declare const useMenuItem: import("@workday/canvas-kit-react/common").BehaviorHook<{
28
35
  state: {
29
36
  stackRef: React.RefObject<HTMLDivElement>;
@@ -199,4 +206,5 @@ export declare const MenuItem: import("@workday/canvas-kit-react/common").Elemen
199
206
  as?: React.ElementType<any> | undefined;
200
207
  }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
201
208
  };
209
+ export {};
202
210
  //# sourceMappingURL=MenuItem.d.ts.map
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;AAG/B,OAAO,EAGL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAY1C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc;;;;uBAwF1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuBF,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAY1C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,eAAe;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc;;;;yCAwF1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuBF,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
package/dist/es6/tabs/lib/Tabs.d.ts CHANGED
@@ -5806,7 +5806,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
5806
5806
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
5807
5807
  getId: (item: any) => string;
5808
5808
  }>;
5809
- Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("../../menu/lib/MenuItem").MenuItemProps, {
5809
+ Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("@workday/canvas-kit-react/menu").MenuItemProps, {
5810
5810
  state: {
5811
5811
  stackRef: React.RefObject<HTMLDivElement>;
5812
5812
  targetRef: React.RefObject<HTMLButtonElement>;
package/menu/index.ts CHANGED
@@ -2,7 +2,7 @@ export {useMenuModel} from './lib/useMenuModel';
2
2
  export {Menu} from './lib/Menu';
3
3
 
4
4
  export {useMenuCard} from './lib/MenuCard';
5
- export {useMenuItem, StyledMenuItem} from './lib/MenuItem';
5
+ export {useMenuItem, StyledMenuItem, MenuItemProps} from './lib/MenuItem';
6
6
  export {useMenuList} from './lib/MenuList';
7
7
  export {useMenuPopper} from './lib/MenuPopper';
8
8
  export {useMenuTarget, useMenuTargetContext} from './lib/MenuTarget';
package/menu/lib/MenuItem.tsx CHANGED
@@ -40,7 +40,15 @@ export interface MenuItemProps {
40
40
  'aria-disabled'?: boolean;
41
41
  }
42
42
 
43
- export const StyledMenuItem = styled(Box.as('button'))<StyledType>(
43
+ interface StyledMenuProps {
44
+ /**
45
+ * If true, set the StyledMenuItem to the disabled state so it is not clickable.
46
+ * @default false
47
+ */
48
+ isDisabled?: boolean;
49
+ }
50
+
51
+ export const StyledMenuItem = styled(Box.as('button'))<StyledType & StyledMenuProps>(
44
52
  ({theme}) => {
45
53
  return {
46
54
  ...type.levels.subtext.large,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "10.0.0-alpha.455-next.0",
3
+ "version": "10.0.0-alpha.458-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",
@@ -49,7 +49,7 @@
49
49
  "@emotion/styled": "^11.6.0",
50
50
  "@popperjs/core": "^2.5.4",
51
51
  "@workday/canvas-colors-web": "^2.0.0",
52
- "@workday/canvas-kit-popup-stack": "^10.0.0-alpha.455-next.0",
52
+ "@workday/canvas-kit-popup-stack": "^10.0.0-alpha.458-next.0",
53
53
  "@workday/canvas-system-icons-web": "^3.0.0",
54
54
  "@workday/design-assets-types": "^0.2.8",
55
55
  "chroma-js": "^2.1.0",
@@ -66,5 +66,5 @@
66
66
  "@workday/canvas-accent-icons-web": "^3.0.0",
67
67
  "@workday/canvas-applet-icons-web": "^2.0.0"
68
68
  },
69
- "gitHead": "4573a440ea483b1dd48035c88d7299bc86f897e9"
69
+ "gitHead": "7da08179fd7195c7ce332a4e55c8c6d3cc133a75"
70
70
  }