@workday/canvas-kit-labs-react 7.0.0-alpha.88-next.15 → 7.0.0-alpha.91-next.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react",
-  "version": "7.0.0-alpha.88-next.15+39e636c4",
+  "version": "7.0.0-alpha.91-next.18+f92b7ba5",
   "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -17,25 +17,16 @@
     "*/lib/*",
     "*/index.ts",
     "dist/",
-    "index.ts",
-    "ts3.5/**/*"
+    "index.ts"
   ],
-  "typesVersions": {
-    "<=3.5": {
-      "*": [
-        "ts3.5/*"
-      ]
-    }
-  },
   "scripts": {
     "watch": "yarn build:es6 -w",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "clean": "rimraf dist && rimraf ts3.5 && rimraf .build-info && mkdirp dist && mkdirp ts3.5/dist",
+    "clean": "rimraf dist && rimraf .build-info && mkdirp dist",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:es6": "tsc -p tsconfig.es6.json",
     "build:rebuild": "npm-run-all clean build",
-    "build:downlevel-dts": "yarn run downlevel-dts dist ts3.5/dist",
-    "build": "npm-run-all --parallel build:cjs build:es6 --sequential build:downlevel-dts",
+    "build": "npm-run-all --parallel build:cjs build:es6",
     "prepack": "node ../../utils/publish.js pre labs-react",
     "postpack": "node ../../utils/publish.js post labs-react",
     "depcheck": "node ../../utils/check-dependencies-exist.js",
@@ -54,8 +45,8 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-preview-react": "^7.0.0-alpha.88-next.15+39e636c4",
-    "@workday/canvas-kit-react": "^7.0.0-alpha.88-next.15+39e636c4",
+    "@workday/canvas-kit-preview-react": "^7.0.0-alpha.91-next.18+f92b7ba5",
+    "@workday/canvas-kit-react": "^7.0.0-alpha.91-next.18+f92b7ba5",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "chroma-js": "^2.1.0",
     "lodash.flatten": "^4.4.0",
@@ -64,5 +55,5 @@
   "devDependencies": {
     "@types/lodash.flatten": "^4.4.6"
   },
-  "gitHead": "39e636c41143ea66b84be1d36de2b840d11bb133"
+  "gitHead": "f92b7ba590e19e7f55f7a6417d0d4b7ae3b1bba4"
 }

package/ts3.5/dist/commonjs/combobox/index.d.ts

@@ -1,5 +0,0 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
-export * from './lib/Combobox';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/combobox/lib/AutocompleteList.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-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<MenuItemProps>[] | 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: MenuItemProps) => 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;
-}
-declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
-export default AutocompleteList;
-//# sourceMappingURL=AutocompleteList.d.ts.map

package/ts3.5/dist/commonjs/combobox/lib/Combobox.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { TextInputProps } from '@workday/canvas-kit-react/text-input';
-export interface ComboBoxMenuItemGroup {
-    header: React.ReactElement<MenuItemProps>;
-    items: React.ReactElement<MenuItemProps>[];
-}
-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<MenuItemProps>[] | 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;
-}
-export declare const listBoxIdPart = "listbox";
-export declare const getOptionId: (baseId?: string | undefined, index?: number | undefined) => string;
-export declare const getTextFromElement: (children?: React.ReactNode) => string;
-declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
-export default Combobox;
-//# sourceMappingURL=Combobox.d.ts.map

package/ts3.5/dist/commonjs/combobox/lib/Status.d.ts

@@ -1,11 +0,0 @@
-export interface StatusProps {
-    ariaLive?: 'polite' | 'assertive' | 'off';
-    role?: 'log' | 'status' | 'alert' | 'progressbar' | 'marquee' | 'timer';
-    ariaRelevant?: 'additions' | 'additions text' | 'all' | 'removals' | 'text';
-    ariaAtomic?: boolean;
-    expireMilliseconds?: number;
-    announcementText?: string;
-}
-declare const Status: ({ ariaLive, role, ariaAtomic, ariaRelevant, expireMilliseconds, announcementText, }: StatusProps) => JSX.Element;
-export default Status;
-//# sourceMappingURL=Status.d.ts.map

package/ts3.5/dist/commonjs/common/index.d.ts

@@ -1,4 +0,0 @@
-export * from './lib/theming';
-export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
-export { permutateProps } from './lib/storybook-utils/permutateProps';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { PropCombination, Props } from './propTypes';
-/**
- * A helper to generate a table of all possible states for component visual testing.
- */
-export interface ComponentStatesTableProps {
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * row label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    rowProps: PropCombination[];
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * column label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    columnProps: PropCombination[];
-    /**
-     * The render function called to render the component in each cell of the table. This gives you
-     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
-     */
-    children(props: Props): React.ReactNode;
-}
-export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
-//# sourceMappingURL=ComponentStatesTable.d.ts.map

package/ts3.5/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts

@@ -1,5 +0,0 @@
-import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
-export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
-    [key: string]: PropDeclaration;
-}) => PropCombination[];
-//# sourceMappingURL=permutateProps.d.ts.map

package/ts3.5/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts

@@ -1,15 +0,0 @@
-export declare type PropDeclaration = {
-    value: any;
-    label: string;
-};
-export declare type PropsDeclaration = {
-    [key: string]: PropDeclaration[];
-};
-export declare type Props = {
-    [key: string]: any;
-};
-export declare type PropCombination = {
-    label: string;
-    props: Props;
-};
-//# sourceMappingURL=propTypes.d.ts.map

package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useThemeRTL';
-export * from './useThemedRing';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/common/lib/theming/useThemeRTL.d.ts

@@ -1,36 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-export declare type ComponentStyles = Record<string, CSSProperties>;
-/**
- * A helpful hook for supporting bidirectional styles.
- * * Read below for more detail or [view the docs](https://github.com/Workday/canvas-kit/blob/master/modules/labs-react/common/README.md#useThemeRTL).
- *
- * @returns
- * * `themeRTL` - a function to transform bidirectional styles
- * * `theme` - the Canvas theme object (optional, provided for convenience)
- *
- * `themeRTL` allows you to support bidirectionality with a single set of styles and pass them along to a component.
- * It accepts CSS object styles and transforms CSS attributes based on the content direction set in the theme (LTR or RTL).
- *
- * @example
- * import { type } from '@workday/canvas-kit-react/tokens';
- * import { useThemeRTL } from '@workday/canvas-kit-labs-react/common';
- *
- * const ErrorText: React.FC = (props) => {
- *   const { themeRTL, theme } = useThemeRTL();
- *   // `borderLeft` will be converted to `borderRight`
- *   // when the theme direction is `RTL`.
- *   // All other styles will remain unchanged.
- *   const errorTextStyles = themeRTL({
- *     ...type.levels.subtext.medium,
- *     color: theme.canvas.palette.error.main,
- *     borderLeft: `solid 2px ${theme.canvas.palette.error.main}`,
- *   });
- *
- *   return <span css={errorTextStyles} {...props} />;
- * }
- */
-export declare function useThemeRTL(): {
-    themeRTL: (...cssObject: CSSProperties[]) => CSSProperties;
-    theme: import("@workday/canvas-kit-react/common").EmotionCanvasTheme;
-};
-//# sourceMappingURL=useThemeRTL.d.ts.map

package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts

@@ -1,11 +0,0 @@
-import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
-interface ContrastColors {
-    outer?: string;
-    inner?: string;
-}
-export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
-export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
-export {};
-//# sourceMappingURL=useThemedRing.d.ts.map

package/ts3.5/dist/commonjs/drawer/index.d.ts

@@ -1,6 +0,0 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export { Drawer, DrawerHeader };
-export default Drawer;
-export * from './lib/Drawer';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/drawer/lib/Drawer.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The padding of the Drawer contents.
-     * @default space.s
-     */
-    padding?: CanvasSpaceValues;
-    /**
-     * The direction from which the Drawer opens. Accepts `Left` or `Right`.
-     * @default DrawerDirection.Right
-     */
-    openDirection?: DrawerDirection;
-    /**
-     * The width of the Drawer in `px`.
-     * @default 360
-     */
-    width?: number;
-    /**
-     * If true, render the Drawer with a drop shadow.
-     * @default false
-     */
-    showDropShadow?: boolean;
-    /**
-     * The optional DrawerHeader component of the Drawer. Shows an optional string and close button.
-     */
-    header?: React.ReactElement;
-    /**
-     * The `aria-labelledby` of the Drawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * The `aria-label` for the Drawer. Set this when there is NO `header` for accessibility.
-     */
-    'aria-label'?: string;
-    /**
-     * The role of the Drawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
-     */
-    role?: string;
-}
-export declare enum DrawerDirection {
-    Left = 0,
-    Right = 1
-}
-export default class Drawer extends React.Component<DrawerProps, {}> {
-    static OpenDirection: typeof DrawerDirection;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Drawer.d.ts.map

package/ts3.5/dist/commonjs/drawer/lib/DrawerHeader.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The text of the DrawerHeader. This text will also be applied as the `title` attribute of the header element.
-     */
-    title?: string;
-    /**
-     * The function called when the DrawerHeader close button is clicked.
-     */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The `aria-label` for the DrawHeader close button. Useful for i18n.
-     * @default Close
-     */
-    closeIconAriaLabel?: string;
-    /**
-     * The background color of the DrawerHeader.
-     */
-    headerColor?: CanvasColor | string;
-    /**
-     * The border color of the DrawerHeader. This should match something close to `headerColor`.
-     */
-    borderColor?: CanvasColor | string;
-    /**
-     * If true, render the icon and header in white. Useful for preserving contrast with a dark `headerColor`.
-     * @default false
-     */
-    inverse?: boolean;
-    /**
-     * The unique id of the DrawerHeader for accessibility.
-     */
-    id?: string;
-}
-export default class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=DrawerHeader.d.ts.map

package/ts3.5/dist/commonjs/index.d.ts

@@ -1,5 +0,0 @@
-export * from './combobox';
-export * from './common';
-export * from './drawer';
-export * from './search-form';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/search-form/index.d.ts

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

package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-import { SearchTheme, SearchThemeAttributes } from './themes';
-export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
-    /**
-     * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
-     */
-    onSubmit: React.FormEventHandler<HTMLFormElement>;
-    /**
-     * If true, collapse the SearchForm text input into a toggle icon. Useful for responsive layouts.
-     * @default false
-     */
-    isCollapsed?: boolean;
-    /**
-     * The function called when the SearchForm text input changes.
-     */
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
-     */
-    autocompleteItems?: React.ReactElement<MenuItemProps>[];
-    /**
-     * The theme of the header the search input is being rendered in.
-     */
-    searchTheme?: SearchTheme | SearchThemeAttributes;
-    /**
-     * The placeholder text of the SearchForm text input.
-     * @default Search
-     */
-    placeholder?: string;
-    /**
-     * The initial value of the SearchForm text input.
-     */
-    initialValue?: string;
-    /**
-     * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
-     * @default false
-     */
-    rightAlign?: boolean;
-    /**
-     * The screenreader label text for the SearchForm text input.
-     * @default Search
-     */
-    inputLabel?: string;
-    /**
-     * The screenreader label text for the SearchForm submit button.
-     * @default Search
-     */
-    submitAriaLabel?: string;
-    /**
-     * The screenreader label text for the SearchForm clear button.
-     * @default Reset Search Form
-     */
-    clearButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to open the collapsed SearchForm.
-     * @default Open Search
-     */
-    openButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to close the open SearchForm.
-     * @default Cancel
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, render the SearchForm with a button to clear the text input.
-     * @default true
-     */
-    showClearButton?: boolean;
-    /**
-     * Height of the Search Form in pixels
-     * @default 40
-     */
-    height?: number;
-    /**
-     * If true, allow onSubmit being called when input value is empty.
-     * @default false
-     */
-    allowEmptyStringSearch?: boolean;
-}
-export interface SearchFormState {
-    showForm: boolean;
-    searchQuery: string;
-    isFocused: boolean;
-}
-export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
-    static Theme: typeof SearchTheme;
-    private inputRef;
-    private openRef;
-    private labelId;
-    state: Readonly<SearchFormState>;
-    private getTheme;
-    private getThemeColors;
-    getIconButtonType: () => TertiaryButtonProps['variant'];
-    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
-    openCollapsedSearch: () => void;
-    closeCollapsedSearch: () => void;
-    componentDidUpdate(prevProps: SearchFormProps, prevState: SearchFormState): void;
-    focusInput: () => void;
-    focusOpen: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SearchForm.d.ts.map

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

@@ -1,21 +0,0 @@
-export declare enum SearchTheme {
-    Light = 0,
-    Dark = 1,
-    Transparent = 2
-}
-export interface SearchThemeAttributes {
-    background?: string;
-    backgroundFocus?: string;
-    backgroundHover?: string;
-    color?: string;
-    colorFocus?: string;
-    placeholderColor?: string;
-    placeholderColorFocus?: string;
-    boxShadow?: string | string[];
-    boxShadowFocus?: string | string[];
-}
-export interface SearchThemes {
-    [key: string]: SearchThemeAttributes;
-}
-export declare const searchThemes: SearchThemes;
-//# sourceMappingURL=themes.d.ts.map

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

@@ -1,5 +0,0 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
-export * from './lib/Combobox';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-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<MenuItemProps>[] | 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: MenuItemProps) => 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;
-}
-declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
-export default AutocompleteList;
-//# sourceMappingURL=AutocompleteList.d.ts.map

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

@@ -1,63 +0,0 @@
-import React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { TextInputProps } from '@workday/canvas-kit-react/text-input';
-export interface ComboBoxMenuItemGroup {
-    header: React.ReactElement<MenuItemProps>;
-    items: React.ReactElement<MenuItemProps>[];
-}
-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<MenuItemProps>[] | 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;
-}
-export declare const listBoxIdPart = "listbox";
-export declare const getOptionId: (baseId?: string | undefined, index?: number | undefined) => string;
-export declare const getTextFromElement: (children?: React.ReactNode) => string;
-declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
-export default Combobox;
-//# sourceMappingURL=Combobox.d.ts.map

package/ts3.5/dist/es6/combobox/lib/Status.d.ts

@@ -1,11 +0,0 @@
-export interface StatusProps {
-    ariaLive?: 'polite' | 'assertive' | 'off';
-    role?: 'log' | 'status' | 'alert' | 'progressbar' | 'marquee' | 'timer';
-    ariaRelevant?: 'additions' | 'additions text' | 'all' | 'removals' | 'text';
-    ariaAtomic?: boolean;
-    expireMilliseconds?: number;
-    announcementText?: string;
-}
-declare const Status: ({ ariaLive, role, ariaAtomic, ariaRelevant, expireMilliseconds, announcementText, }: StatusProps) => JSX.Element;
-export default Status;
-//# sourceMappingURL=Status.d.ts.map

package/ts3.5/dist/es6/common/index.d.ts

@@ -1,4 +0,0 @@
-export * from './lib/theming';
-export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
-export { permutateProps } from './lib/storybook-utils/permutateProps';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { PropCombination, Props } from './propTypes';
-/**
- * A helper to generate a table of all possible states for component visual testing.
- */
-export interface ComponentStatesTableProps {
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * row label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    rowProps: PropCombination[];
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * column label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    columnProps: PropCombination[];
-    /**
-     * The render function called to render the component in each cell of the table. This gives you
-     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
-     */
-    children(props: Props): React.ReactNode;
-}
-export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
-//# sourceMappingURL=ComponentStatesTable.d.ts.map

package/ts3.5/dist/es6/common/lib/storybook-utils/permutateProps.d.ts

@@ -1,5 +0,0 @@
-import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
-export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
-    [key: string]: PropDeclaration;
-}) => PropCombination[];
-//# sourceMappingURL=permutateProps.d.ts.map

package/ts3.5/dist/es6/common/lib/storybook-utils/propTypes.d.ts

@@ -1,15 +0,0 @@
-export declare type PropDeclaration = {
-    value: any;
-    label: string;
-};
-export declare type PropsDeclaration = {
-    [key: string]: PropDeclaration[];
-};
-export declare type Props = {
-    [key: string]: any;
-};
-export declare type PropCombination = {
-    label: string;
-    props: Props;
-};
-//# sourceMappingURL=propTypes.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useThemeRTL';
-export * from './useThemedRing';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/useThemeRTL.d.ts

@@ -1,36 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-export declare type ComponentStyles = Record<string, CSSProperties>;
-/**
- * A helpful hook for supporting bidirectional styles.
- * * Read below for more detail or [view the docs](https://github.com/Workday/canvas-kit/blob/master/modules/labs-react/common/README.md#useThemeRTL).
- *
- * @returns
- * * `themeRTL` - a function to transform bidirectional styles
- * * `theme` - the Canvas theme object (optional, provided for convenience)
- *
- * `themeRTL` allows you to support bidirectionality with a single set of styles and pass them along to a component.
- * It accepts CSS object styles and transforms CSS attributes based on the content direction set in the theme (LTR or RTL).
- *
- * @example
- * import { type } from '@workday/canvas-kit-react/tokens';
- * import { useThemeRTL } from '@workday/canvas-kit-labs-react/common';
- *
- * const ErrorText: React.FC = (props) => {
- *   const { themeRTL, theme } = useThemeRTL();
- *   // `borderLeft` will be converted to `borderRight`
- *   // when the theme direction is `RTL`.
- *   // All other styles will remain unchanged.
- *   const errorTextStyles = themeRTL({
- *     ...type.levels.subtext.medium,
- *     color: theme.canvas.palette.error.main,
- *     borderLeft: `solid 2px ${theme.canvas.palette.error.main}`,
- *   });
- *
- *   return <span css={errorTextStyles} {...props} />;
- * }
- */
-export declare function useThemeRTL(): {
-    themeRTL: (...cssObject: CSSProperties[]) => CSSProperties;
-    theme: import("@workday/canvas-kit-react/common").EmotionCanvasTheme;
-};
-//# sourceMappingURL=useThemeRTL.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts

@@ -1,11 +0,0 @@
-import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
-interface ContrastColors {
-    outer?: string;
-    inner?: string;
-}
-export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
-export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
-export {};
-//# sourceMappingURL=useThemedRing.d.ts.map

package/ts3.5/dist/es6/drawer/index.d.ts

@@ -1,6 +0,0 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export { Drawer, DrawerHeader };
-export default Drawer;
-export * from './lib/Drawer';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/drawer/lib/Drawer.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The padding of the Drawer contents.
-     * @default space.s
-     */
-    padding?: CanvasSpaceValues;
-    /**
-     * The direction from which the Drawer opens. Accepts `Left` or `Right`.
-     * @default DrawerDirection.Right
-     */
-    openDirection?: DrawerDirection;
-    /**
-     * The width of the Drawer in `px`.
-     * @default 360
-     */
-    width?: number;
-    /**
-     * If true, render the Drawer with a drop shadow.
-     * @default false
-     */
-    showDropShadow?: boolean;
-    /**
-     * The optional DrawerHeader component of the Drawer. Shows an optional string and close button.
-     */
-    header?: React.ReactElement;
-    /**
-     * The `aria-labelledby` of the Drawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * The `aria-label` for the Drawer. Set this when there is NO `header` for accessibility.
-     */
-    'aria-label'?: string;
-    /**
-     * The role of the Drawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
-     */
-    role?: string;
-}
-export declare enum DrawerDirection {
-    Left = 0,
-    Right = 1
-}
-export default class Drawer extends React.Component<DrawerProps, {}> {
-    static OpenDirection: typeof DrawerDirection;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Drawer.d.ts.map

package/ts3.5/dist/es6/drawer/lib/DrawerHeader.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The text of the DrawerHeader. This text will also be applied as the `title` attribute of the header element.
-     */
-    title?: string;
-    /**
-     * The function called when the DrawerHeader close button is clicked.
-     */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The `aria-label` for the DrawHeader close button. Useful for i18n.
-     * @default Close
-     */
-    closeIconAriaLabel?: string;
-    /**
-     * The background color of the DrawerHeader.
-     */
-    headerColor?: CanvasColor | string;
-    /**
-     * The border color of the DrawerHeader. This should match something close to `headerColor`.
-     */
-    borderColor?: CanvasColor | string;
-    /**
-     * If true, render the icon and header in white. Useful for preserving contrast with a dark `headerColor`.
-     * @default false
-     */
-    inverse?: boolean;
-    /**
-     * The unique id of the DrawerHeader for accessibility.
-     */
-    id?: string;
-}
-export default class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=DrawerHeader.d.ts.map

package/ts3.5/dist/es6/index.d.ts

@@ -1,5 +0,0 @@
-export * from './combobox';
-export * from './common';
-export * from './drawer';
-export * from './search-form';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/search-form/index.d.ts

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

package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-import { SearchTheme, SearchThemeAttributes } from './themes';
-export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
-    /**
-     * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
-     */
-    onSubmit: React.FormEventHandler<HTMLFormElement>;
-    /**
-     * If true, collapse the SearchForm text input into a toggle icon. Useful for responsive layouts.
-     * @default false
-     */
-    isCollapsed?: boolean;
-    /**
-     * The function called when the SearchForm text input changes.
-     */
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
-     */
-    autocompleteItems?: React.ReactElement<MenuItemProps>[];
-    /**
-     * The theme of the header the search input is being rendered in.
-     */
-    searchTheme?: SearchTheme | SearchThemeAttributes;
-    /**
-     * The placeholder text of the SearchForm text input.
-     * @default Search
-     */
-    placeholder?: string;
-    /**
-     * The initial value of the SearchForm text input.
-     */
-    initialValue?: string;
-    /**
-     * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
-     * @default false
-     */
-    rightAlign?: boolean;
-    /**
-     * The screenreader label text for the SearchForm text input.
-     * @default Search
-     */
-    inputLabel?: string;
-    /**
-     * The screenreader label text for the SearchForm submit button.
-     * @default Search
-     */
-    submitAriaLabel?: string;
-    /**
-     * The screenreader label text for the SearchForm clear button.
-     * @default Reset Search Form
-     */
-    clearButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to open the collapsed SearchForm.
-     * @default Open Search
-     */
-    openButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to close the open SearchForm.
-     * @default Cancel
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, render the SearchForm with a button to clear the text input.
-     * @default true
-     */
-    showClearButton?: boolean;
-    /**
-     * Height of the Search Form in pixels
-     * @default 40
-     */
-    height?: number;
-    /**
-     * If true, allow onSubmit being called when input value is empty.
-     * @default false
-     */
-    allowEmptyStringSearch?: boolean;
-}
-export interface SearchFormState {
-    showForm: boolean;
-    searchQuery: string;
-    isFocused: boolean;
-}
-export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
-    static Theme: typeof SearchTheme;
-    private inputRef;
-    private openRef;
-    private labelId;
-    state: Readonly<SearchFormState>;
-    private getTheme;
-    private getThemeColors;
-    getIconButtonType: () => TertiaryButtonProps['variant'];
-    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
-    openCollapsedSearch: () => void;
-    closeCollapsedSearch: () => void;
-    componentDidUpdate(prevProps: SearchFormProps, prevState: SearchFormState): void;
-    focusInput: () => void;
-    focusOpen: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SearchForm.d.ts.map

package/ts3.5/dist/es6/search-form/lib/themes.d.ts

@@ -1,21 +0,0 @@
-export declare enum SearchTheme {
-    Light = 0,
-    Dark = 1,
-    Transparent = 2
-}
-export interface SearchThemeAttributes {
-    background?: string;
-    backgroundFocus?: string;
-    backgroundHover?: string;
-    color?: string;
-    colorFocus?: string;
-    placeholderColor?: string;
-    placeholderColorFocus?: string;
-    boxShadow?: string | string[];
-    boxShadowFocus?: string | string[];
-}
-export interface SearchThemes {
-    [key: string]: SearchThemeAttributes;
-}
-export declare const searchThemes: SearchThemes;
-//# sourceMappingURL=themes.d.ts.map