@workday/canvas-kit-react 12.0.0 → 12.0.1

package/dist/es6/menu/lib/MenuList.js

@@ -12,11 +12,11 @@ export const useMenuList = composeHooks(createElemPropsHook(useMenuModel)(model
     };
 }), useReturnFocus, useFocusRedirect);
 export const menuListStencil = createStencil({
-    base: { name: "zx5j2o", styles: "box-sizing:border-box;background:var(--cnvs-base-palette-french-vanilla-100);border-radius:var(--cnvs-sys-shape-zero);padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-zero);" },
+    base: { name: "rrv02o", styles: "box-sizing:border-box;background:var(--cnvs-base-palette-french-vanilla-100);border-radius:var(--cnvs-sys-shape-zero);padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-zero);" },
     modifiers: {
         orientation: {
-            vertical: { name: "zx5j2p", styles: "flex-direction:column;" },
-            horizontal: { name: "zx5j2q", styles: "flex-direction:row;" }
+            vertical: { name: "rrv02p", styles: "flex-direction:column;" },
+            horizontal: { name: "rrv02q", styles: "flex-direction:row;" }
         }
     }
 }, "menu-list-b9b420");

package/dist/es6/menu/lib/MenuOption.js

@@ -11,7 +11,7 @@ import { useMenuModel } from './useMenuModel';
 import { menuItemStencil } from './MenuItem';
 export const menuOptionStencil = createStencil({
     extends: menuItemStencil,
-    base: { name: "zx5j2r", styles: "box-sizing:border-box;&:where([aria-selected=true]){& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus){--color-system-icon-583fae:var(--cnvs-brand-primary-accent);outline:none;background-color:var(--cnvs-brand-primary-base);color:var(--color-system-icon-583fae);}}" }
+    base: { name: "rrv02r", styles: "box-sizing:border-box;&:where([aria-selected=true]){& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus){--color-system-icon-583fae:var(--cnvs-brand-primary-accent);outline:none;background-color:var(--cnvs-brand-primary-base);color:var(--color-system-icon-583fae);}}" }
 }, "menu-option-af4ba2");
 const MenuOptionIcon = (elemProps) => {
     return React.createElement(SystemIcon, { "data-part": "menu-item-icon", ...elemProps });

package/dist/es6/modal/lib/ModalBody.js

@@ -6,7 +6,7 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalBodyStencil = createStencil({
-    base: { name: "zx5j56", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
+    base: { name: "rrv056", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
 }, "modal-body-d624fe");
 export const ModalBody = createSubcomponent('div')({
     displayName: 'Modal.Body',

package/dist/es6/modal/lib/ModalCard.js

@@ -6,7 +6,7 @@ import { calc, createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalCardStencil = createStencil({
-    base: { name: "zx5j53", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-x10);width:calc(calc(var(--cnvs-sys-space-x20) * 5) + var(--cnvs-sys-space-x10));border-width:var(--cnvs-sys-space-zero);box-shadow:var(--cnvs-sys-depth-6);@media screen and (max-width: 768px){margin:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-space-x6);}" }
+    base: { name: "rrv053", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-x10);width:calc(calc(var(--cnvs-sys-space-x20) * 5) + var(--cnvs-sys-space-x10));border-width:var(--cnvs-sys-space-zero);box-shadow:var(--cnvs-sys-depth-6);@media screen and (max-width: 768px){margin:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-space-x6);}" }
 }, "modal-card-9eebe8");
 export const ModalCard = createSubcomponent('div')({
     displayName: 'Modal.Card',

package/dist/es6/modal/lib/ModalHeading.js

@@ -6,7 +6,7 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalHeadingStencil = createStencil({
-    base: { name: "zx5j54", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" }
+    base: { name: "rrv054", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" }
 }, "modal-heading-52f13d");
 export const ModalHeading = createSubcomponent('h2')({
     displayName: 'Modal.Heading',

package/dist/es6/modal/lib/ModalOverflowOverlay.js

@@ -5,7 +5,7 @@ import { useModalModel } from './hooks';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalOverflowOverlayStencil = createStencil({
-    base: { name: "zx5j55", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
+    base: { name: "rrv055", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
 }, "modal-overflow-overlay-2ac342");
 export const ModalOverflowOverlay = createSubcomponent('div')({
     displayName: 'Modal.OverflowOverlay',

package/dist/es6/modal/lib/ModalOverlay.js

@@ -6,12 +6,12 @@ import { Box, mergeStyles } from '@workday/canvas-kit-react/layout';
 import { useModalModel } from './hooks';
 import { createStencil, cssVar, keyframes } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
-const fadeIn = keyframes({ name: "zx5j51", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-bg-overlay);}" });
+const fadeIn = keyframes({ name: "rrv051", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-bg-overlay);}" });
 export const modalOverlayContainerStencil = createStencil({
     vars: {
         containerCenter: '',
     },
-    base: { name: "zx5j52", styles: "box-sizing:border-box;position:fixed;top:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);width:100vw;height:100vh;background:var(--cnvs-sys-color-bg-overlay);animation-duration:0.3s;animation-name:animation-zx5j51;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:var(--cnvs-sys-space-zero);top:var(--cnvs-sys-space-zero);justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-8b6518);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
+    base: { name: "rrv052", styles: "box-sizing:border-box;position:fixed;top:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);width:100vw;height:100vh;background:var(--cnvs-sys-color-bg-overlay);animation-duration:0.3s;animation-name:animation-rrv051;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:var(--cnvs-sys-space-zero);top:var(--cnvs-sys-space-zero);justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-8b6518);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
 }, "modal-overlay-container-8b6518");
 export const useModalOverlay = createElemPropsHook(usePopupModel)(({ state }, ref) => {
     const elementRef = useForkRef(ref, state.stackRef);

package/dist/es6/popup/lib/PopupBody.js

@@ -6,7 +6,7 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '../../layout';
 import { system } from '@workday/canvas-tokens-web';
 export const popupBodyStencil = createStencil({
-    base: { name: "zx5j2i", styles: "box-sizing:border-box;overflow-y:auto;padding:var(--cnvs-sys-space-x2);" }
+    base: { name: "rrv02i", styles: "box-sizing:border-box;overflow-y:auto;padding:var(--cnvs-sys-space-x2);" }
 }, "popup-body-1fee86");
 export const PopupBody = createSubcomponent('div')({
     displayName: 'Popup.Body',

package/dist/es6/popup/lib/PopupCard.js

@@ -11,7 +11,7 @@ const translateVars = createVars({ id: "696a04", args: ["positionX", "positionY"
 /**
  * Keyframe for the dots loading animation.
  */
-const fadeIn = keyframes({ name: "zx5jx", styles: "0%{opacity:1;transform:translate(var(--positionX-696a04), var(--positionY-696a04));}100%{opacity:1;transform:translate(0);}" });
+const fadeIn = keyframes({ name: "rrv0x", styles: "0%{opacity:1;transform:translate(var(--positionX-696a04), var(--positionY-696a04));}100%{opacity:1;transform:translate(0);}" });
 function getSpace(value) {
     if (value && value in space) {
         return space[value];
@@ -45,7 +45,7 @@ export const popupCardStencil = createStencil({
         transformOriginHorizontal: '',
         transformOriginVertical: '',
     },
-    base: { name: "zx5jy", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;position:relative;max-width:calc(100vw - var(--cnvs-sys-space-x8));flex-direction:column;box-shadow:var(--cnvs-sys-depth-5);min-height:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x6);max-height:var(--maxHeight-popup-card-36628b);overflow-y:auto;animation-name:animation-zx5jx;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--transformOriginVertical-popup-card-36628b) var(--transformOriginHorizontal-popup-card-36628b);.wd-no-animation &{animation:none;}@media screen and (max-width: 768px){transform-origin:bottom center;}" }
+    base: { name: "rrv0y", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;position:relative;max-width:calc(100vw - var(--cnvs-sys-space-x8));flex-direction:column;box-shadow:var(--cnvs-sys-depth-5);min-height:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x6);max-height:var(--maxHeight-popup-card-36628b);overflow-y:auto;animation-name:animation-rrv0x;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--transformOriginVertical-popup-card-36628b) var(--transformOriginHorizontal-popup-card-36628b);.wd-no-animation &{animation:none;}@media screen and (max-width: 768px){transform-origin:bottom center;}" }
 }, "popup-card-36628b");
 export const PopupCard = createSubcomponent('div')({
     displayName: 'Popup.Card',

package/dist/es6/popup/lib/PopupCloseIcon.js

@@ -7,7 +7,7 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '../../layout';
 export const popupCloseIconStencil = createStencil({
-    base: { name: "zx5j2h", styles: "box-sizing:border-box;position:absolute;inset-inline-end:var(--cnvs-sys-space-x1);top:var(--cnvs-sys-space-x1);" }
+    base: { name: "rrv02h", styles: "box-sizing:border-box;position:absolute;inset-inline-end:var(--cnvs-sys-space-x1);top:var(--cnvs-sys-space-x1);" }
 }, "popup-close-icon-111273");
 export const PopupCloseIcon = createSubcomponent('button')({
     displayName: 'Popup.CloseIcon',

package/dist/es6/popup/lib/PopupHeading.js

@@ -6,7 +6,7 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '../../layout';
 export const popupHeadingStencil = createStencil({
-    base: { name: "zx5j2g", styles: "box-sizing:border-box;margin-block-end:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);" }
+    base: { name: "rrv02g", styles: "box-sizing:border-box;margin-block-end:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);" }
 }, "popup-heading-3e49bb");
 export const PopupHeading = createSubcomponent('h2')({
     displayName: 'Popup.Heading',

package/dist/es6/select/lib/Select.d.ts

@@ -1,408 +1,6 @@
 import React from 'react';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
 import { Combobox } from '@workday/canvas-kit-react/combobox';
-import { CSProps } from '@workday/canvas-kit-styling';
-import { TextInput } from '@workday/canvas-kit-react/text-input';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-export interface SelectInputProps extends ExtractProps<typeof TextInput>, CSProps {
-    /**
-     * The Icon to render at the start of the `input`. Use this prop if your options
-     * include icons that you would like to render in the `input` when selected.
-     * ** Note:An option must be selected in order to render and icon.**
-     */
-    inputStartIcon?: CanvasSystemIcon;
-}
-export declare const SelectInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
-    ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
-}, SelectInputProps, {
-    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;
-        setSelectedIds(ids: string[] | "all"): 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;
-    };
-    onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => 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 SelectItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../menu/lib/MenuOption").MenuOptionProps & React.LiHTMLAttributes<HTMLLIElement> & import("@workday/canvas-kit-react/common").PropsWithModel<{
-    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";
-    };
-    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;
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        setSelectedIds(ids: string[] | "all"): 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;
-    };
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}, {}>, {
-    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;
-        setSelectedIds(ids: string[] | "all"): 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;
-    };
-    onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => 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("@workday/canvas-kit-react/icon").SystemIconProps) => React.JSX.Element;
-};
-export declare const SelectCard: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../combobox/lib/ComboboxCard").ComboboxCardProps & React.HTMLAttributes<HTMLDivElement> & import("@workday/canvas-kit-react/common").PropsWithModel<{
-    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;
-        setSelectedIds(ids: string[] | "all"): 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;
-    };
-    onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}, {}>, {
-    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;
-        setSelectedIds(ids: string[] | "all"): 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;
-    };
-    onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}>;
 export interface SelectProps extends ExtractProps<typeof Combobox> {
 }
 /**
@@ -2108,9 +1706,9 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
      * </Select>
      * ```
      */
-    Input: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
+    Input: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("../..").TextInputProps> & {
         ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
-    }, SelectInputProps, {
+    }, import("./SelectInput").SelectInputProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -2717,7 +2315,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
         navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
     }> & {
-        Icon: (elemProps: import("@workday/canvas-kit-react/icon").SystemIconProps) => React.JSX.Element;
+        Icon: (elemProps: import("../..").SystemIconProps) => React.JSX.Element;
     };
 };
 //# sourceMappingURL=Select.d.ts.map

package/dist/es6/select/lib/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAA8B,OAAO,EAAS,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAM3E,OAAO,EAAqB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO;IAC/E;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAgCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWrB,CAAC;AAMH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASrB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,QAAQ,CAAC;CAAG;AACrE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIf;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASL,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAK/E,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,QAAQ,CAAC;CAAG;AACrE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIf;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASL,CAAC"}

package/dist/es6/select/lib/Select.js

@@ -1,51 +1,10 @@
 import React from 'react';
-import { caretDownSmallIcon } from '@workday/canvas-system-icons-web';
 import { Combobox } from '@workday/canvas-kit-react/combobox';
-import { createStencil, createStyles, px2rem } from '@workday/canvas-kit-styling';
-import { InputGroup, TextInput } from '@workday/canvas-kit-react/text-input';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { useSelectCard } from './hooks/useSelectCard';
-import { useSelectInput } from './hooks/useSelectInput';
 import { useSelectModel } from './hooks/useSelectModel';
-import { createSubcomponent, createContainer } from '@workday/canvas-kit-react/common';
-import { system } from '@workday/canvas-tokens-web';
-const selectInputStencil = createStencil({
-    base: { name: "zx5j57", styles: "box-sizing:border-box;caret-color:transparent;cursor:default;&::selection{background-color:transparent;}" }
-}, "select-input-0c2dc2");
-const selectIconsStencil = createStencil({
-    base: { name: "zx5j58", styles: "box-sizing:border-box;position:absolute;pointer-events:none;" }
-}, "select-icons-c2731a");
-const hiddenSelectInputStencil = createStencil({
-    base: { name: "zx5j59", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;" }
-}, "hidden-select-input-231156");
-export const SelectInput = createSubcomponent(TextInput)({
-    modelHook: useSelectModel,
-    elemPropsHook: useSelectInput,
-})(({ placeholder = 'Choose an option', inputStartIcon, formInputProps, width, ...elemProps }, Element, model) => {
-    return (React.createElement(InputGroup, { "data-width": "ck-formfield-width" },
-        inputStartIcon && model.state.selectedIds.length > 0 && (React.createElement(InputGroup.InnerStart, { "data-part": "select-start-icon-container", ...selectIconsStencil() },
-            React.createElement(SystemIcon, { "data-part": "select-start-icon", icon: inputStartIcon }))),
-        React.createElement(InputGroup.Input, { "data-part": "select-hidden-input", ...formInputProps, ...hiddenSelectInputStencil() }),
-        React.createElement(InputGroup.Input, { as: Element, placeholder: placeholder, "data-part": "select-visual-input", ...elemProps, ...mergeStyles(elemProps, selectInputStencil()) }),
-        React.createElement(InputGroup.InnerEnd, { "data-part": "select-caret-container" },
-            React.createElement(SystemIcon, { "data-part": "select-caret-icon", icon: caretDownSmallIcon }))));
-});
-export const SelectItem = createSubcomponent('li')({
-    modelHook: useSelectModel,
-    subComponents: {
-        Icon: Combobox.Menu.Item.Icon,
-    },
-})(({ children, ...elemProps }, Element, _model) => {
-    return (React.createElement(Combobox.Menu.Item, { as: Element, ...elemProps }, children));
-});
-const selectCardStyles = createStyles({ name: "zx5j5a", styles: "max-height:18.75rem;" });
-export const SelectCard = createSubcomponent('div')({
-    modelHook: useSelectModel,
-    elemPropsHook: useSelectCard,
-})(({ children, ...elemProps }, Element) => {
-    return (React.createElement(Combobox.Menu.Card, { as: Element, ...mergeStyles(elemProps, selectCardStyles) }, children));
-});
+import { createContainer } from '@workday/canvas-kit-react/common';
+import { SelectInput } from './SelectInput';
+import { SelectCard } from './SelectCard';
+import { SelectItem } from './SelectItem';
 /**
  * Use `Select` to allow users to choose an option from a list or type characters to select a matching option.
  *