@workday/canvas-kit-labs-react 15.0.0-alpha.0064-next.0 → 15.0.0-alpha.0075-next.0

package/dist/commonjs/search-form/lib/SearchForm.js

@@ -1,236 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchForm = exports.searchFormStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const button_1 = require("@workday/canvas-kit-react/button");
-const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-const form_field_1 = require("@workday/canvas-kit-react/form-field");
-const combobox_1 = require("@workday/canvas-kit-labs-react/combobox");
-const text_input_1 = require("@workday/canvas-kit-react/text-input");
-const themes_1 = require("./themes");
-const chroma_js_1 = __importDefault(require("chroma-js"));
-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");
-function getInputColors(theme, isFocused) {
-    return {
-        background: isFocused && theme.backgroundFocus ? theme.backgroundFocus : theme.background,
-        backgroundHover: theme.backgroundHover,
-        color: isFocused && theme.colorFocus ? theme.colorFocus : theme.color,
-        placeholderColor: isFocused && theme.placeholderColorFocus
-            ? theme.placeholderColorFocus
-            : theme.placeholderColor,
-        boxShadow: isFocused && theme.boxShadowFocus ? theme.boxShadowFocus : theme.boxShadow,
-    };
-}
-const formCollapsedBackground = '#fff';
-/**
- * @deprecated ⚠️ `searchFormStencil` is deprecated and will be removed in a future major version. Please reference our [Autocomplete example](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs#usage).
- */
-exports.searchFormStencil = (0, canvas_kit_styling_1.createStencil)({
-    vars: {
-        minWidth: '',
-        maxWidth: '',
-        height: '',
-        background: '',
-        backgroundFocus: '',
-        backgroundHover: '',
-        color: '',
-        colorFocus: '',
-        placeholderColor: '',
-        placeholderColorFocus: '',
-        boxShadow: '',
-        boxShadowFocus: '',
-    },
-    parts: {
-        searchContainer: 'search-form-container',
-        combobox: 'search-form-combobox',
-        closeButton: 'search-form-close-button',
-        searchField: 'search-form-field',
-        submitSearchIcon: 'search-form-submit-search-icon',
-        openSearchIcon: 'search-form-open-search-icon',
-        searchInput: 'search-form-input',
-        closeButtonPart: 'search-form-close-button',
-    },
-    base: { name: "1mrk16", styles: "box-sizing:border-box;position:relative;flex-grow:1;display:flex;align-items:center;margin-inline-start:var(--cnvs-sys-space-x6);min-width:var(--minWidth-search-form-bbb053, 7.5rem);max-width:var(--maxWidth-search-form-bbb053, 30rem);[data-part=\"search-form-container\"]{position:relative;display:flex;align-items:center;width:100%;text-align:left;min-height:var(--height-search-form-bbb053, var(--cnvs-sys-space-x10));}[data-part=\"search-form-combobox\"]{width:100%;}[data-part=\"search-form-close-button\"]{position:absolute;top:0;bottom:0;right:0;margin:auto var(--cnvs-sys-space-x2);z-index:3;display:none;}[data-part=\"search-form-field\"]{width:100%;height:var(--height-search-form-bbb053, var(--cnvs-sys-space-x10));max-width:var(--maxWidth-search-form-bbb053, 30rem);margin-bottom:0;display:inline-block;> div{display:block;}}[data-part=\"search-form-submit-search-icon\"], [data-part=\"search-form-open-search-icon\"]{position:absolute;margin:auto var(--cnvs-sys-space-x2);top:0;bottom:0;left:0;padding:0;z-index:3;:dir(rtl){right:0;left:auto;}}[data-part=\"search-form-input\"]{max-width:var(--maxWidth-search-form-bbb053);min-width:var(--minWidth-search-form-bbb053);padding-inline-start:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));padding-inline-end:var(--cnvs-sys-space-x10);background-color:var(--background-search-form-bbb053, var(--cnvs-sys-color-bg-alt-soft));height:var(--height-search-form-bbb053, var(--cnvs-sys-space-x10));font-size:var(--cnvs-sys-font-size-subtext-large);box-shadow:var(--boxShadow-search-form-bbb053);color:var(--color-search-form-bbb053, var(--cnvs-sys-color-text-default));border:none;-webkit-appearance:none;transition:background-color 120ms, color 120ms, box-shadow 200ms, border-color 200ms;z-index:2;width:100%;&::-webkit-search-cancel-button{display:none;}&::placeholder{color:var(--placeholderColor-search-form-bbb053, var(--cnvs-sys-color-text-hint));}&:placeholder-shown{text-overflow:ellipsis;}&:hover{background-color:var(--backgroundHover-search-form-bbb053, var(--background-search-form-bbb053, var(--cnvs-sys-color-bg-alt-default)));}&:is(:focus-visible, .focus):where(:not([disabled])){background:var(--backgroundFocus-search-form-bbb053, var(--cnvs-sys-color-bg-alt-soft));color:var(--colorFocus-search-form-bbb053);border-color:var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;box-shadow:var(--boxShadowFocus-search-form-bbb053, 0 0 0 0px var(--cnvs-sys-color-bg-default), 0 0 0 2px var(--cnvs-brand-common-focus-outline));::placeholder{color:var(--placeholderColorFocus-search-form-bbb053);}}}" },
-    modifiers: {
-        isHiddenSubmitSearchIcon: {
-            true: { name: "2tiser", styles: "[data-part=\"search-form-submit-search-icon\"]{display:none;}" }
-        },
-        isHiddenOpenSeachIcon: {
-            true: { name: "kt7od", styles: "[data-part=\"search-form-open-search-icon\"]{display:none;}" }
-        },
-        isCollapsed: {
-            true: { name: "3uoohl", styles: "top:0;right:0;left:0;bottom:0;margin:0;position:relative;background-color:var(--cnvs-sys-color-bg-transparent-default);transition:background-color 120ms;max-width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));min-width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x3));overflow:hidden;z-index:1;[data-part=\"search-form-field\"]{display:none;max-width:100%;}[data-part=\"search-form-submit-search-icon\"], [data-part=\"search-form-open-search-icon\"]{margin:auto var(--cnvs-sys-space-x2);}[data-part=\"search-form-input\"]{font-size:20px;padding-inline-start:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x4));padding-inline-end:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x4));max-width:none;min-width:0;background-color:var(--cnvs-sys-color-bg-transparent-default);height:var(--height-search-form-bbb053, var(--cnvs-sys-space-x10));}" },
-            false: { name: "2rvk1z", styles: "[data-part=\"search-form-field\"]{display:inline-block;}" }
-        },
-        rightAlign: {
-            true: { name: "1p9pc", styles: "text-align:right;" }
-        },
-        showForm: {
-            true: { name: "xqrko", styles: "" },
-            false: { name: "24uats", styles: "" }
-        },
-        grow: {
-            true: { name: "y9f13", styles: "max-width:100%;[data-part=\"search-form-field\"], [data-part=\"search-form-input\"]{max-width:100%;}" }
-        },
-        searchTheme: {
-            // Light theme
-            light: { name: "69rcd", styles: "[data-part=\"search-form-input\"]{background:var(--cnvs-sys-color-bg-alt-soft);color:var(--cnvs-sys-color-text-default);::placeholder{color:var(--cnvs-sys-color-text-hint);}&:hover{background:var(--cnvs-sys-color-bg-alt-default);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-alt-soft);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse), 0 0 0 2px var(--cnvs-brand-common-focus-outline);}}" },
-            // Dark theme
-            dark: { name: "aibxi", styles: "[data-part=\"search-form-input\"]{background-color:rgba(0, 0, 0, 0.2);color:var(--cnvs-sys-color-text-inverse);box-shadow:none;::placeholder{color:var(--cnvs-sys-color-text-inverse);}:hover{background:rgba(0, 0, 0, 0.2);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-default);color:var(--cnvs-sys-color-text-default);::placeholder{color:var(--cnvs-sys-color-text-hint);}box-shadow:none;}}" },
-            //Transparent theme
-            transparent: { name: "24hvnd", styles: "[data-part=\"search-form-input\"]{background:var(--cnvs-sys-color-bg-transparent-default);background-focus:var(--cnvs-sys-color-bg-transparent-default);color:var(--cnvs-sys-color-text-default);color-focus:var(--cnvs-sys-color-text-default);placeholder-color:var(--cnvs-sys-color-text-hint);placeholder-color-focus:var(--cnvs-sys-color-text-hint);box-shadow:none;box-shadow-focus:none;}" }
-        }
-    },
-    compound: [
-        {
-            modifiers: { showForm: 'true', isCollapsed: 'true' },
-            styles: { name: "22tojy", styles: "position:absolute;background-color:var(--cnvs-sys-color-bg-default);max-width:none;overflow:visible;& [data-part=\"search-form-close-button\"]{display:inline-block;}& [data-part=\"search-form-field\"]{display:inline-block;}& [data-part=\"search-form-input\"]{box-shadow:none;background:var(--cnvs-sys-color-bg-transparent-default);:hover{background:var(--cnvs-sys-color-bg-transparent-default);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-transparent-default);box-shadow:none;}}" }
-        },
-        {
-            modifiers: { isCollapsed: 'true', showForm: 'true' },
-            styles: { name: "2fo5n4", styles: "& [data-part=\"search-form-field\"]{display:inline-block;}" }
-        }
-    ]
-}, "search-form-bbb053");
-/**
- * @deprecated ⚠️ `SearchForm` is deprecated and will be removed in a future major version. Please reference our [Autocomplete example](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs#usage).
- */
-class SearchForm extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.inputRef = React.createRef();
-        this.openRef = React.createRef();
-        this.defaultLabelId = (0, common_1.generateUniqueId)();
-        this.state = {
-            showForm: false,
-            searchQuery: '',
-            isFocused: false,
-        };
-        this.getTheme = () => {
-            let theme;
-            if (typeof this.props.searchTheme === 'string') {
-                theme = themes_1.searchThemes[this.props.searchTheme];
-            }
-            else if (this.props.searchTheme) {
-                theme = this.props.searchTheme;
-            }
-            else {
-                theme = themes_1.searchThemes[themes_1.SearchTheme.Light];
-            }
-            return theme;
-        };
-        this.getThemeColors = () => {
-            const theme = this.props.isCollapsed && this.state.showForm
-                ? themes_1.searchThemes[themes_1.SearchTheme.Transparent]
-                : this.getTheme();
-            return getInputColors(theme, this.state.isFocused);
-        };
-        this.getIconButtonType = () => {
-            let background = this.getThemeColors().background || `#fff`;
-            if (this.props.isCollapsed && this.state.showForm) {
-                background = formCollapsedBackground;
-            }
-            const isDarkBackground = (0, chroma_js_1.default)(background).get('lab.l') < 70;
-            return isDarkBackground ? 'inverse' : undefined;
-        };
-        this.handleSubmit = (event) => {
-            event.preventDefault();
-            if (this.props.allowEmptyStringSearch || this.state.searchQuery.trim()) {
-                this.props.onSubmit(event);
-            }
-            else {
-                this.focusInput();
-            }
-        };
-        this.openCollapsedSearch = () => {
-            if (this.props.isCollapsed && !this.state.showForm) {
-                this.setState({ showForm: true });
-            }
-        };
-        this.closeCollapsedSearch = () => {
-            if (this.props.isCollapsed && this.state.showForm) {
-                this.setState({ showForm: false });
-            }
-        };
-        this.focusInput = () => {
-            if (this.inputRef.current) {
-                this.inputRef.current.focus();
-            }
-        };
-        this.focusOpen = () => {
-            if (this.openRef.current) {
-                this.openRef.current.focus();
-            }
-        };
-        this.handleFocus = () => {
-            this.setState({ isFocused: true });
-        };
-        this.handleBlur = () => {
-            this.setState({ isFocused: false });
-        };
-        this.handleSearchInputChange = (event) => {
-            event.preventDefault();
-            this.setState({ searchQuery: event.target.value });
-            if (this.props.onInputChange) {
-                this.props.onInputChange(event);
-            }
-        };
-    }
-    componentDidUpdate(prevProps, prevState) {
-        const showFormToggled = this.state.showForm !== prevState.showForm;
-        if (showFormToggled) {
-            if (this.state.showForm) {
-                this.focusInput();
-            }
-            else {
-                this.focusOpen();
-            }
-        }
-    }
-    render() {
-        const { clearButtonAriaLabel = 'Reset Search Form', placeholder = 'Search', inputLabel = 'Search', submitAriaLabel = 'Search', openButtonAriaLabel = 'Open Search', closeButtonAriaLabel = 'Cancel', labelId = this.defaultLabelId, showClearButton = true, height = (0, canvas_kit_styling_1.px2rem)(40), grow, onSubmit, isCollapsed, onInputChange, autocompleteItems, initialValue, searchTheme, rightAlign, allowEmptyStringSearch = false, ...elemProps } = this.props;
-        return ((0, jsx_runtime_1.jsx)("form", { role: "search", action: ".", "aria-labelledby": labelId, onSubmit: this.handleSubmit, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.searchFormStencil)({
-                grow,
-                rightAlign,
-                isCollapsed: isCollapsed ? 'true' : 'false',
-                showForm: this.state.showForm ? 'true' : 'false',
-                height: typeof height === 'number' ? (0, canvas_kit_styling_1.px2rem)(height) : height,
-                isHiddenSubmitSearchIcon: !!isCollapsed && !this.state.showForm,
-                isHiddenOpenSeachIcon: !isCollapsed || (!!isCollapsed && this.state.showForm),
-                searchTheme: typeof searchTheme === 'string' ? searchTheme : undefined,
-                ...(typeof searchTheme !== 'string' ? searchTheme : {}),
-            })), children: (0, jsx_runtime_1.jsxs)("div", { ...exports.searchFormStencil.parts.searchContainer, children: [(0, jsx_runtime_1.jsx)(button_1.TertiaryButton, { "aria-label": submitAriaLabel, icon: canvas_system_icons_web_1.searchIcon, variant: this.getIconButtonType(), type: "submit", size: "small", ...exports.searchFormStencil.parts.submitSearchIcon }), (0, jsx_runtime_1.jsx)(button_1.TertiaryButton, { "aria-label": openButtonAriaLabel, icon: canvas_system_icons_web_1.searchIcon, variant: this.getIconButtonType(), onClick: this.openCollapsedSearch, ref: this.openRef, type: "button", ...exports.searchFormStencil.parts.openSearchIcon }), (0, jsx_runtime_1.jsxs)(form_field_1.FormField, { id: labelId, ...exports.searchFormStencil.parts.searchField, children: [(0, jsx_runtime_1.jsx)(form_field_1.FormField.Label, { cs: common_1.accessibleHideStyles, children: inputLabel }), (0, jsx_runtime_1.jsx)(combobox_1.Combobox, { initialValue: initialValue, clearButtonVariant: this.getIconButtonType(), autocompleteItems: autocompleteItems, onChange: this.handleSearchInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, showClearButton: !isCollapsed && showClearButton, clearButtonAriaLabel: clearButtonAriaLabel, labelId: labelId, ...exports.searchFormStencil.parts.combobox, children: (0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: text_input_1.TextInput, ref: this.inputRef, cs: this.state.isFocused ? 'focus' : undefined, onBlur: this.handleBlur, value: this.state.searchQuery, placeholder: placeholder, name: "search", autoComplete: "off", ...exports.searchFormStencil.parts.searchInput }) })] }), (0, jsx_runtime_1.jsx)(button_1.TertiaryButton, { icon: canvas_system_icons_web_1.xIcon, "aria-label": closeButtonAriaLabel, onClick: this.closeCollapsedSearch, id: "foo", ...exports.searchFormStencil.parts.closeButton })] }) }));
-    }
-}
-SearchForm.Theme = themes_1.SearchTheme;
-exports.SearchForm = SearchForm;

package/dist/commonjs/search-form/lib/themes.d.ts

@@ -1,33 +0,0 @@
-/**
- * @deprecated ⚠️ `SearchTheme` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
- */
-export declare enum SearchTheme {
-    Light = "light",
-    Dark = "dark",
-    Transparent = "transparent"
-}
-/**
- * @deprecated ⚠️ `SearchThemeAttributes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
- */
-export interface SearchThemeAttributes {
-    background?: string;
-    backgroundFocus?: string;
-    backgroundHover?: string;
-    color?: string;
-    colorFocus?: string;
-    placeholderColor?: string;
-    placeholderColorFocus?: string;
-    boxShadow?: string;
-    boxShadowFocus?: string;
-}
-/**
- * @deprecated ⚠️ `SearchThemes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
- */
-export interface SearchThemes {
-    [key: string]: SearchThemeAttributes;
-}
-/**
- * @deprecated ⚠️ `searchThemes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
- */
-export declare const searchThemes: SearchThemes;
-//# sourceMappingURL=themes.d.ts.map

package/dist/commonjs/search-form/lib/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/themes.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,WAAW,gBAAgB;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,YA6B1B,CAAC"}

package/dist/commonjs/search-form/lib/themes.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.searchThemes = exports.SearchTheme = void 0;
-const common_1 = require("@workday/canvas-kit-react/common");
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
-/**
- * @deprecated ⚠️ `SearchTheme` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
- */
-var SearchTheme;
-(function (SearchTheme) {
-    SearchTheme["Light"] = "light";
-    SearchTheme["Dark"] = "dark";
-    SearchTheme["Transparent"] = "transparent";
-})(SearchTheme = exports.SearchTheme || (exports.SearchTheme = {}));
-/**
- * @deprecated ⚠️ `searchThemes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
- */
-exports.searchThemes = {
-    [SearchTheme.Transparent]: {
-        background: 'rgba(0, 0, 0, 0)',
-        backgroundFocus: 'rgba(0, 0, 0, 0)',
-        color: tokens_1.colors.blackPepper300,
-        colorFocus: tokens_1.colors.blackPepper300,
-        placeholderColor: tokens_1.colors.licorice300,
-        placeholderColorFocus: tokens_1.colors.licorice300,
-        boxShadow: 'none',
-        boxShadowFocus: 'none',
-    },
-    [SearchTheme.Light]: {
-        background: tokens_1.colors.soap200,
-        backgroundFocus: tokens_1.colors.soap200,
-        backgroundHover: tokens_1.colors.soap300,
-        color: tokens_1.colors.blackPepper300,
-        placeholderColor: tokens_1.colors.licorice300,
-        boxShadow: 'none',
-        boxShadowFocus: (0, common_1.focusRing)().boxShadow,
-    },
-    [SearchTheme.Dark]: {
-        background: 'rgba(0, 0, 0, 0.2)',
-        backgroundFocus: tokens_1.colors.frenchVanilla100,
-        color: tokens_1.colors.frenchVanilla100,
-        colorFocus: tokens_1.colors.blackPepper300,
-        placeholderColor: tokens_1.colors.frenchVanilla100,
-        placeholderColorFocus: tokens_1.colors.licorice300,
-        boxShadow: 'none',
-    },
-};

package/dist/es6/combobox/index.d.ts

@@ -1,2 +0,0 @@
-export * from './lib/Combobox';
-//# sourceMappingURL=index.d.ts.map

package/dist/es6/combobox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/es6/combobox/index.js

@@ -1 +0,0 @@
-export * from './lib/Combobox';

package/dist/es6/combobox/lib/AutocompleteList.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ComboBoxMenuItemGroup } from './Combobox';
-interface AutocompleteListProps {
-    /**
-     * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
-     */
-    autocompleteItems: React.ReactElement<any>[] | ComboBoxMenuItemGroup[];
-    /**
-     * Index of the active autocomplete item
-     */
-    selectedIndex: number | null;
-    /**
-     * The function called when an autocomplete item is selected
-     */
-    handleAutocompleteClick: (event: React.SyntheticEvent<Element, Event>, menuItemProps: any) => void;
-    /**
-     * The id of the form field.
-     */
-    labelId: string;
-    /**
-     * The id of the combobox.
-     */
-    comboboxId: string;
-    /**
-     * True when group changes via keyboard control
-     */
-    showGroupText: boolean;
-}
-/**
- * @deprecated ⚠️ `AutocompleteList` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=AutocompleteList.d.ts.map

package/dist/es6/combobox/lib/AutocompleteList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACvE;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,GAAG,KACf,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,uGAO1B,qBAAqB,mDA+EvB,CAAC"}

package/dist/es6/combobox/lib/AutocompleteList.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, useState } from 'react';
-import styled from '@emotion/styled';
-import { space } from '@workday/canvas-kit-react/tokens';
-import { accessibleHide, generateUniqueId } from '@workday/canvas-kit-react/common';
-import { getOptionId, listBoxIdPart, getTextFromElement } from './Combobox';
-const Autocomplete = styled('ul')({
-    margin: 0,
-    maxHeight: 200,
-    boxSizing: 'border-box',
-    overflowY: 'auto',
-    padding: `${space.xxs} 0`,
-});
-const AccessibleHide = styled('span')(accessibleHide);
-/**
- * @deprecated ⚠️ `AutocompleteList` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export const AutocompleteList = ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }) => {
-    const [randomComponentId] = useState(generateUniqueId); // https://codesandbox.io/s/p2ndq
-    const componentId = comboboxId || randomComponentId;
-    const listBoxProps = {
-        role: 'listbox',
-        id: `${componentId}-${listBoxIdPart}`,
-        'aria-labelledby': labelId,
-    };
-    const createListItem = (listboxItem, itemIndex, groupMessage) => {
-        const children = [
-            _jsx(AccessibleHide, { children: groupMessage }, `group-message-${itemIndex}`),
-            ...React.Children.toArray(listboxItem.props.children),
-        ];
-        return (_jsx(Fragment, { children: React.cloneElement(listboxItem, {
-                children: children,
-                id: getOptionId(componentId, itemIndex),
-                role: 'option',
-                isFocused: selectedIndex === itemIndex,
-                'aria-selected': selectedIndex === itemIndex ? true : undefined,
-                onMouseDown: (event) => {
-                    // prevent focus from shifting away from the the combobox
-                    event.preventDefault();
-                },
-                onClick: (event) => {
-                    event.preventDefault();
-                    handleAutocompleteClick(event, listboxItem.props);
-                },
-            }) }, itemIndex));
-    };
-    if (!autocompleteItems.length) {
-        return null;
-    }
-    else if (autocompleteItems[0].hasOwnProperty('header')) {
-        let itemIndex = 0;
-        return (_jsx(Autocomplete, { ...listBoxProps, children: autocompleteItems.map(({ header, items }, groupIndex) => {
-                const groupLabel = `itemGroup-${componentId}-${groupIndex}`;
-                return (_jsxs(Fragment, { children: [React.cloneElement(header, {
-                            role: 'presentation',
-                            style: { pointerEvents: `none` },
-                        }), items.map((listboxItem) => {
-                            const headerName = getTextFromElement(header);
-                            const groupMessage = showGroupText
-                                ? `Entering group ${headerName}, with ${items.length} options.`
-                                : undefined;
-                            const item = createListItem(listboxItem, itemIndex, groupMessage);
-                            itemIndex++;
-                            return item;
-                        })] }, groupLabel));
-            }) }));
-    }
-    else {
-        return (_jsx(Autocomplete, { ...listBoxProps, children: autocompleteItems.map((listboxItem, index) => createListItem(listboxItem, index)) }));
-    }
-};

package/dist/es6/combobox/lib/Combobox.d.ts

@@ -1,79 +0,0 @@
-import React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { TextInputProps } from '@workday/canvas-kit-react/text-input';
-/**
- * @deprecated ⚠️ `ComboBoxMenuItemGroup` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export interface ComboBoxMenuItemGroup {
-    header: React.ReactElement<any>;
-    items: React.ReactElement<any>[];
-}
-/**
- * @deprecated ⚠️ `ComboboxProps` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTMLElement> {
-    /**
-     * The TextInput child of the Combobox.
-     */
-    children: React.ReactElement<TextInputProps>;
-    /**
-     * The initial value of the Combobox.
-     */
-    initialValue?: string;
-    /**
-     * The variant of the Combobox clear button. The default is a TertiaryButton
-     */
-    clearButtonVariant?: TertiaryButtonProps['variant'];
-    /**
-     * If true, render the Combobox with a button to clear the text input.
-     * @default false
-     */
-    showClearButton?: boolean;
-    /**
-     * The `aria-label` for the Combobox clear button.
-     * @default Reset Search Input
-     */
-    clearButtonAriaLabel?: string;
-    /**
-     * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
-     */
-    autocompleteItems?: React.ReactElement<any>[] | ComboBoxMenuItemGroup[];
-    /**
-     * The function called when the Combobox text input changes.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The function called when the Combobox text input focuses.
-     */
-    onFocus?: React.FocusEventHandler;
-    /**
-     * The function called when the Combobox text input blurs.
-     */
-    onBlur?: React.FocusEventHandler;
-    /**
-     * The id of the form field.
-     */
-    labelId?: string;
-    /**
-     * The text for screen readers announcing the autocomplete count
-     */
-    getStatusText?: (listCount: number) => string;
-}
-/**
- * @deprecated ⚠️ `listBoxIdPart` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const listBoxIdPart = "listbox";
-/**
- * @deprecated ⚠️ `getOptionId` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const getOptionId: (baseId?: string, index?: number) => string;
-/**
- * @deprecated ⚠️ `getTextFromElement` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const getTextFromElement: (children?: React.ReactNode) => string;
-/**
- * @deprecated ⚠️ `Combobox` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Combobox.d.ts.map

package/dist/es6/combobox/lib/Combobox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAEhC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD;;GAEG;AACH,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,WAAW,YAAa,MAAM,UAAU,MAAM,WACrB,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,QAAQ,wLAelB,aAAa,4CAmTf,CAAC"}