@workday/canvas-kit-react 12.0.0-alpha.906-next.0 → 12.0.0-alpha.908-next.0

package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts

@@ -264,7 +264,7 @@ export declare const ComboboxMenu: import("@workday/canvas-kit-react/common").El
      * `Combobox.Menu.List` and will be passed to the optional `onSelect` callback of the
      * `ComboboxModel`. `Combobox.Menu.Item` can contain any HTML.
      */
-    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("./ComboboxMenuItem").ComboboxMenuItemProps, {
+    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../menu/lib/MenuOption").MenuOptionProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -296,12 +296,8 @@ export declare const ComboboxMenu: import("@workday/canvas-kit-react/common").El
             isVirtualized: boolean;
             items: import("../..").Item<any>[];
             mode: "multiple" | "single";
-            value: string | undefined;
-            inputRef: React.RefObject<HTMLInputElement>;
-            width: number;
         };
         events: {
-            setWidth(width: number): void;
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;
             }): void;
@@ -336,88 +332,14 @@ export declare const ComboboxMenu: import("@workday/canvas-kit-react/common").El
                 value: number;
             }): void;
         };
-        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
         selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
         navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
     }> & {
-        Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("../..").SystemIconProps & React.HTMLAttributes<HTMLSpanElement>, {
-            state: {
-                stackRef: React.RefObject<HTMLDivElement>;
-                targetRef: React.RefObject<HTMLButtonElement>;
-                initialFocusRef: React.RefObject<any> | undefined;
-                returnFocusRef: React.RefObject<any> | undefined;
-                placement: import("@popperjs/core").Placement;
-                id: string;
-                visibility: "hidden" | "visible";
-                selectedIds: string[] | "all";
-                unselectedIds: string[];
-                cursorId: string;
-                columnCount: number;
-                pageSizeRef: React.MutableRefObject<number>;
-                cursorIndexRef: {
-                    readonly current: number;
-                };
-                UNSTABLE_virtual: {
-                    virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-                    totalSize: number;
-                    scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-                    scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-                    measure: () => void;
-                };
-                UNSTABLE_defaultItemHeight: number;
-                containerRef: React.RefObject<HTMLDivElement>;
-                orientation: "horizontal" | "vertical";
-                indexRef: React.MutableRefObject<number>;
-                nonInteractiveIds: string[];
-                isVirtualized: boolean;
-                items: import("../..").Item<any>[];
-                mode: "multiple" | "single";
-                value: string | undefined;
-                inputRef: React.RefObject<HTMLInputElement>;
-                width: number;
-            };
-            events: {
-                setWidth(width: number): void;
-                updatePlacement(data: {
-                    placement: import("@popperjs/core").Placement;
-                }): void;
-                show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-                hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-                select(data: {
-                    id: string;
-                }): void;
-                selectAll(): void;
-                unselectAll(): void;
-                goTo(data: {
-                    id: string;
-                }): void;
-                goToNext(): void;
-                goToPrevious(): void;
-                goToPreviousRow(): void;
-                goToNextRow(): void;
-                goToFirst(): void;
-                goToLast(): void;
-                goToFirstOfRow(): void;
-                goToLastOfRow(): void;
-                goToNextPage(): void;
-                goToPreviousPage(): void;
-                registerItem(data: {
-                    item: any;
-                    textValue: string;
-                }): void;
-                unregisterItem(data: {
-                    id: string;
-                }): void;
-                updateItemHeight(data: {
-                    value: number;
-                }): void;
-            };
-            onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-            selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-            navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-            getId: (item: any) => string;
-        }>;
+        Icon: (elemProps: import("../..").SystemIconProps) => React.JSX.Element;
+        Text: ({ children }: {
+            children?: React.ReactNode;
+        }) => React.JSX.Element;
     };
     /**
      * `Combobox.Menu.Card` is a non-semantic element used to give the dropdown menu its distinct visual

package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGrB;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;;;;OAoBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAML,CAAC"}
+{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGrB;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;;;;OAoBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAML,CAAC"}

package/dist/commonjs/combobox/lib/ComboboxMenu.js

@@ -9,7 +9,6 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const menu_1 = require("@workday/canvas-kit-react/menu");
 const useComboboxModel_1 = require("./hooks/useComboboxModel");
 const ComboboxMenuList_1 = require("./ComboboxMenuList");
-const ComboboxMenuItem_1 = require("./ComboboxMenuItem");
 const ComboboxCard_1 = require("./ComboboxCard");
 const ComboboxPopper_1 = require("./ComboboxPopper");
 exports.ComboboxMenu = (0, common_1.createSubcomponent)()({
@@ -50,7 +49,7 @@ exports.ComboboxMenu = (0, common_1.createSubcomponent)()({
          * `Combobox.Menu.List` and will be passed to the optional `onSelect` callback of the
          * `ComboboxModel`. `Combobox.Menu.Item` can contain any HTML.
          */
-        Item: ComboboxMenuItem_1.ComboboxMenuItem,
+        Item: menu_1.Menu.Option,
         /**
          * `Combobox.Menu.Card` is a non-semantic element used to give the dropdown menu its distinct visual
          * cue that the dropdown menu is floating above other content. `Combobox.Menu.Card` usually contains a

package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts

@@ -1,21 +1,12 @@
-import React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { StyledMenuItem } from '@workday/canvas-kit-react/menu';
-export interface ComboboxMenuItemProps extends ExtractProps<typeof StyledMenuItem, never> {
-}
 /**
- * This hook sets up accessibility and behavior of a {@link ComboboxMenuItem Combobox.Menu.Item}
- * component. It prevents focus when clicking so the focus stays on the
- * {@link ComboboxInput Combobox.Input} component and selects an item when the user clicks on it. It
- * also prevents items with an `aria-disabled` attribute from being selected. A `focus` CSS class is
- * added when the item has "focus" (when the cursor is on the item).
+ * @deprecated Use `useMenuOption` instead
  */
-export declare const useComboboxMenuItem: import("@workday/canvas-kit-react/common").BehaviorHook<{
+export declare const useComboboxMenuItem: import("../..").BehaviorHook<{
     state: {
-        stackRef: React.RefObject<HTMLDivElement>;
-        targetRef: React.RefObject<HTMLButtonElement>;
-        initialFocusRef: React.RefObject<any> | undefined;
-        returnFocusRef: React.RefObject<any> | undefined;
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
         visibility: "hidden" | "visible";
@@ -23,7 +14,7 @@ export declare const useComboboxMenuItem: import("@workday/canvas-kit-react/comm
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
+        pageSizeRef: import("react").MutableRefObject<number>;
         cursorIndexRef: {
             readonly current: number;
         };
@@ -35,20 +26,20 @@ export declare const useComboboxMenuItem: import("@workday/canvas-kit-react/comm
             measure: () => void;
         };
         UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
+        containerRef: import("react").RefObject<HTMLDivElement>;
         orientation: "horizontal" | "vertical";
-        indexRef: React.MutableRefObject<number>;
+        indexRef: import("react").MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+        items: import("../..").Item<any>[];
         mode: "multiple" | "single";
     };
     events: {
         updatePlacement(data: {
             placement: import("@popperjs/core").Placement;
         }): void;
-        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         select(data: {
             id: string;
         }): void;
@@ -82,10 +73,11 @@ export declare const useComboboxMenuItem: import("@workday/canvas-kit-react/comm
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }, {
-    readonly role: "option";
-    readonly 'aria-selected': true | undefined;
-    readonly onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
-    readonly className: "" | "focus";
+    role: string;
+    'aria-selected': boolean;
+    onMouseDown: (event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+} & {
+    className: string;
 } & {
     ref: (instance: HTMLElement | null) => void;
     'data-id': string;
@@ -94,241 +86,7 @@ export declare const useComboboxMenuItem: import("@workday/canvas-kit-react/comm
     virtual: null;
     'aria-setsize': number | undefined;
     'aria-posinset': number | undefined;
-    style: React.CSSProperties;
+    style: import("react").CSSProperties;
     id: string;
-} & {
-    'data-id'?: string | undefined;
-}>;
-export declare const ComboboxMenuItemIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("@workday/canvas-kit-react/icon").SystemIconProps & React.HTMLAttributes<HTMLSpanElement>, {
-    state: {
-        stackRef: React.RefObject<HTMLDivElement>;
-        targetRef: React.RefObject<HTMLButtonElement>;
-        initialFocusRef: React.RefObject<any> | undefined;
-        returnFocusRef: React.RefObject<any> | undefined;
-        placement: import("@popperjs/core").Placement;
-        id: string;
-        visibility: "hidden" | "visible";
-        selectedIds: string[] | "all";
-        unselectedIds: string[];
-        cursorId: string;
-        columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
-        cursorIndexRef: {
-            readonly current: number;
-        };
-        UNSTABLE_virtual: {
-            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-            totalSize: number;
-            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-            measure: () => void;
-        };
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        orientation: "horizontal" | "vertical";
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("@workday/canvas-kit-react/collection").Item<any>[];
-        mode: "multiple" | "single";
-        value: string | undefined;
-        inputRef: React.RefObject<HTMLInputElement>;
-        width: number;
-    };
-    events: {
-        setWidth(width: number): void;
-        updatePlacement(data: {
-            placement: import("@popperjs/core").Placement;
-        }): void;
-        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
 }>;
-export declare const ComboboxMenuItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", ComboboxMenuItemProps, {
-    state: {
-        stackRef: React.RefObject<HTMLDivElement>;
-        targetRef: React.RefObject<HTMLButtonElement>;
-        initialFocusRef: React.RefObject<any> | undefined;
-        returnFocusRef: React.RefObject<any> | undefined;
-        placement: import("@popperjs/core").Placement;
-        id: string;
-        visibility: "hidden" | "visible";
-        selectedIds: string[] | "all";
-        unselectedIds: string[];
-        cursorId: string;
-        columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
-        cursorIndexRef: {
-            readonly current: number;
-        };
-        UNSTABLE_virtual: {
-            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-            totalSize: number;
-            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-            measure: () => void;
-        };
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        orientation: "horizontal" | "vertical";
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("@workday/canvas-kit-react/collection").Item<any>[];
-        mode: "multiple" | "single";
-        value: string | undefined;
-        inputRef: React.RefObject<HTMLInputElement>;
-        width: number;
-    };
-    events: {
-        setWidth(width: number): void;
-        updatePlacement(data: {
-            placement: import("@popperjs/core").Placement;
-        }): void;
-        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}> & {
-    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("@workday/canvas-kit-react/icon").SystemIconProps & React.HTMLAttributes<HTMLSpanElement>, {
-        state: {
-            stackRef: React.RefObject<HTMLDivElement>;
-            targetRef: React.RefObject<HTMLButtonElement>;
-            initialFocusRef: React.RefObject<any> | undefined;
-            returnFocusRef: React.RefObject<any> | undefined;
-            placement: import("@popperjs/core").Placement;
-            id: string;
-            visibility: "hidden" | "visible";
-            selectedIds: string[] | "all";
-            unselectedIds: string[];
-            cursorId: string;
-            columnCount: number;
-            pageSizeRef: React.MutableRefObject<number>;
-            cursorIndexRef: {
-                readonly current: number;
-            };
-            UNSTABLE_virtual: {
-                virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-                totalSize: number;
-                scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-                scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-                measure: () => void;
-            };
-            UNSTABLE_defaultItemHeight: number;
-            containerRef: React.RefObject<HTMLDivElement>;
-            orientation: "horizontal" | "vertical";
-            indexRef: React.MutableRefObject<number>;
-            nonInteractiveIds: string[];
-            isVirtualized: boolean;
-            items: import("@workday/canvas-kit-react/collection").Item<any>[];
-            mode: "multiple" | "single";
-            value: string | undefined;
-            inputRef: React.RefObject<HTMLInputElement>;
-            width: number;
-        };
-        events: {
-            setWidth(width: number): void;
-            updatePlacement(data: {
-                placement: import("@popperjs/core").Placement;
-            }): void;
-            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-            select(data: {
-                id: string;
-            }): void;
-            selectAll(): void;
-            unselectAll(): void;
-            goTo(data: {
-                id: string;
-            }): void;
-            goToNext(): void;
-            goToPrevious(): void;
-            goToPreviousRow(): void;
-            goToNextRow(): void;
-            goToFirst(): void;
-            goToLast(): void;
-            goToFirstOfRow(): void;
-            goToLastOfRow(): void;
-            goToNextPage(): void;
-            goToPreviousPage(): void;
-            registerItem(data: {
-                item: any;
-                textValue: string;
-            }): void;
-            unregisterItem(data: {
-                id: string;
-            }): void;
-            updateItemHeight(data: {
-                value: number;
-            }): void;
-        };
-        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-        navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-        getId: (item: any) => string;
-    }>;
-};
 //# sourceMappingURL=ComboboxMenuItem.d.ts.map

package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenuItem.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAe,MAAM,gCAAgC,CAAC;AAc5E,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,cAAc,EAAE,KAAK,CAAC;CAAG;AAE5F;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIA,gBAAgB,CAAC,WAAW,CAAC;;;;;;;;;;;;;;EAyB5D,CAAC;AAOF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI/B,CAAC;AAQH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc3B,CAAC"}
+{"version":3,"file":"ComboboxMenuItem.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxMenuItem.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgB,CAAC"}

package/dist/commonjs/combobox/lib/ComboboxMenuItem.js

@@ -1,64 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboboxMenuItem = exports.ComboboxMenuItemIcon = exports.useComboboxMenuItem = void 0;
-const react_1 = __importDefault(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
+exports.useComboboxMenuItem = void 0;
 const menu_1 = require("@workday/canvas-kit-react/menu");
-const icon_1 = require("@workday/canvas-kit-react/icon");
-const collection_1 = require("@workday/canvas-kit-react/collection");
-const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-const useComboboxModel_1 = require("./hooks/useComboboxModel");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const layout_1 = require("@workday/canvas-kit-react/layout");
 /**
- * This hook sets up accessibility and behavior of a {@link ComboboxMenuItem Combobox.Menu.Item}
- * component. It prevents focus when clicking so the focus stays on the
- * {@link ComboboxInput Combobox.Input} component and selects an item when the user clicks on it. It
- * also prevents items with an `aria-disabled` attribute from being selected. A `focus` CSS class is
- * added when the item has "focus" (when the cursor is on the item).
+ * @deprecated Use `useMenuOption` instead
  */
-exports.useComboboxMenuItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(menu_1.useMenuModel)((model, ref, elemProps = {}) => {
-    const id = elemProps['data-id'] || '';
-    const onMouseDown = (event) => {
-        if (event.currentTarget.getAttribute('aria-disabled') !== 'true') {
-            model.events.select({ id });
-            if (model.state.mode === 'single') {
-                model.events.hide(event);
-            }
-        }
-        // prevent focus changes
-        event.preventDefault();
-    };
-    const selected = (0, collection_1.isSelected)(id, model.state);
-    return {
-        role: 'option',
-        'aria-selected': selected || undefined,
-        onMouseDown,
-        className: model.state.cursorId && model.state.cursorId === elemProps['data-id'] ? 'focus' : '',
-    };
-}), collection_1.useListItemRegister, collection_1.useListItemAllowChildStrings);
-const comboboxMenuItemIconStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "znlb46", styles: "box-sizing:border-box;align-self:start;" }
-}, "combobox-menu-item-icon-1886be");
-exports.ComboboxMenuItemIcon = (0, common_1.createSubcomponent)('span')({
-    modelHook: useComboboxModel_1.useComboboxModel,
-})((elemProps, Element) => {
-    return react_1.default.createElement(icon_1.SystemIcon, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, comboboxMenuItemIconStencil()) });
-});
-const comboboxMenuItemStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "znlb47", styles: "box-sizing:border-box;min-height:var(--cnvs-sys-space-x10);" }
-}, "combobox-menu-item-f6da1d");
-exports.ComboboxMenuItem = (0, common_1.createSubcomponent)('li')({
-    modelHook: useComboboxModel_1.useComboboxModel,
-    elemPropsHook: exports.useComboboxMenuItem,
-    subComponents: {
-        Icon: exports.ComboboxMenuItemIcon,
-    },
-})(({ children, ...elemProps }, Element) => {
-    return (react_1.default.createElement(tooltip_1.OverflowTooltip, { placement: "left" },
-        react_1.default.createElement(menu_1.StyledMenuItem, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, comboboxMenuItemStencil()) }, children)));
-});
+exports.useComboboxMenuItem = menu_1.useMenuOption;

package/dist/commonjs/combobox/lib/ComboboxMenuList.js

@@ -24,7 +24,7 @@ exports.useComboboxMenuList = (0, common_1.createElemPropsHook)(menu_1.useMenuMo
     };
 });
 const comboboxMenuListStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "znlb45", styles: "box-sizing:border-box;" },
+    base: { name: "e30347", styles: "box-sizing:border-box;" },
     extends: menu_1.menuListStencil
 }, "combobox-menu-list-04543a");
 exports.ComboboxMenuList = (0, common_1.createSubcomponent)('ul')({

package/dist/commonjs/common/lib/AccessibleHide.js

@@ -43,7 +43,7 @@ exports.accessibleHide = {
     padding: 0,
     border: 0,
 };
-exports.accessibleHideStyles = (0, canvas_kit_styling_1.createStyles)({ name: "znlb2", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;width:1px;margin:-1px;padding:0;border:0;" });
+exports.accessibleHideStyles = (0, canvas_kit_styling_1.createStyles)({ name: "e3032", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;width:1px;margin:-1px;padding:0;border:0;" });
 /**
  * A convenient component wrapper to visually hide content, while still making it accessible to screen readers
  */

package/dist/commonjs/common/lib/CanvasProvider.js

@@ -31,7 +31,7 @@ const theming_1 = require("./theming");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 // copied from brand/_variables.css
-const defaultBranding = (0, canvas_kit_styling_1.createStyles)({ name: "znlb3", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
+const defaultBranding = (0, canvas_kit_styling_1.createStyles)({ name: "e3033", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
 const mappedKeys = {
     lightest: 'lightest',
     light: 'light',

package/dist/commonjs/form-field/lib/FormFieldContainer.js

@@ -13,7 +13,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
  * @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
  */
 exports.formFieldContainerStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "znlb4g", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "e3034g", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-container-b7ba71");
 /**
  * @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.

package/dist/commonjs/form-field/lib/FormFieldField.js

@@ -10,7 +10,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const hooks_1 = require("./hooks");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 exports.formFieldFieldStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "znlb4p", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "e3034p", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-field-fc001f");
 exports.FormFieldField = (0, common_1.createSubcomponent)('div')({
     displayName: 'FormField.Field',

package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js

@@ -14,15 +14,15 @@ const hooks_1 = require("./hooks");
 exports.formFieldGroupLabelStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
     // @ts-ignore Still weird about CSS font variables
-    base: { name: "znlb4t", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "e3034t", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "znlb4u", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "e3034u", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            vertical: { name: "znlb4v", styles: "width:100%;" },
-            horizontalStart: { name: "znlb4w", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "znlb4x", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
+            vertical: { name: "e3034v", styles: "width:100%;" },
+            horizontalStart: { name: "e3034w", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "e3034x", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
         }
     },
     defaultModifiers: {

package/dist/commonjs/form-field/lib/FormFieldGroupList.js

@@ -10,11 +10,11 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const hooks_1 = require("./hooks");
 const formFieldGroupListStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "znlb4q", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
+    base: { name: "e3034q", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
     modifiers: {
         error: {
-            error: { name: "znlb4r", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
-            alert: { name: "znlb4s", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-alert-darkest), inset 0 0 0 0.1875rem var(--cnvs-brand-alert-base);" }
+            error: { name: "e3034r", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
+            alert: { name: "e3034s", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-alert-darkest), inset 0 0 0 0.1875rem var(--cnvs-brand-alert-base);" }
         }
     }
 }, "form-field-group-list-ea1ca7");