@workday/canvas-kit-preview-react 7.0.0-alpha.0-next.0 → 7.0.0-alpha.0-next.5

package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts

@@ -1,9 +1,10 @@
+import { StackSpacing, StackProps } from '@workday/canvas-kit-labs-react/layout';
 /**
  * Adds the necessary layout props to a `FormField` component.
  */
-export declare const useFormFieldOrientation: (orientation: "horizontal" | "vertical") => {
-    flexDirection: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
-    alignItems: "center" | "inherit" | (string & {}) | "-moz-initial" | "initial" | "revert" | "unset" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | undefined;
-    spacing: number | "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl" | (string & {});
+export declare const useFormFieldOrientation: (orientation: 'horizontal' | 'vertical') => {
+    flexDirection: StackProps['flexDirection'];
+    alignItems: StackProps['alignItems'];
+    spacing: StackSpacing;
 };
 //# sourceMappingURL=useFormFieldOrientation.d.ts.map

package/ts3.5/dist/commonjs/side-panel/lib/SidePanel.d.ts

@@ -1,5 +1,7 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
 import * as React from 'react';
+import { jsx } from '@emotion/react';
 import { IconButtonProps } from '@workday/canvas-kit-react/button';
 export declare type SidePanelVariant = 'standard' | 'alternate';
 export declare type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
@@ -65,19 +67,8 @@ export declare const SidePanelContext: React.Context<{
     origin: string;
 }>;
 declare const SidePanel: {
-    ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, variant, touched, ...elemProps }: SidePanelProps): JSX.Element;
-    ToggleButton: ({ variant, icon, tooltipTextExpand: expandLabel, tooltipTextCollapse: collapseLabel, ...rest }: IconButtonProps & {
-        /**
-         * The tooltip text to expand the side panel
-         * @default 'Expand'
-         */
-        tooltipTextExpand?: string | undefined;
-        /**
-         * The tooltip text to collapse the side panel
-         * @default 'Collapse'
-         */
-        tooltipTextCollapse?: string | undefined;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement>) => JSX.Element;
+    ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, touched, ...elemProps }: SidePanelProps): jsx.JSX.Element;
+    ToggleButton: ({ variant, icon, tooltipTextExpand: expandLabel, tooltipTextCollapse: collapseLabel, ...rest }: ToggleButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => jsx.JSX.Element;
 };
 export declare type ToggleButtonProps = IconButtonProps & {
     /**

package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
  */

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import React from 'react';
 import { Breadcrumb } from '../types';
 export interface DropdownMenuProps {

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 import { usePopupPopper } from '@workday/canvas-kit-react/popup';
 import { DropdownButtonProps } from './Button';
 import { DropdownMenuProps } from './Menu';
@@ -9,6 +8,6 @@ interface UseDropdown {
     dropdownMenuProps: DropdownMenuProps;
     popperProps: ReturnType<typeof usePopupPopper>;
 }
-export declare const useDropdown: (activeDropdownItemRef: import("react").RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
+export declare const useDropdown: (activeDropdownItemRef: React.RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
 export {};
 //# sourceMappingURL=hooks.d.ts.map

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import React from 'react';
 export declare type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
 export declare const BreadcrumbsListItem: ({ children, ...props }: ListItemProps) => JSX.Element;

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
+    openTooltip: (event: React.MouseEvent | React.FocusEvent) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
 export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
-export declare const BreadcrumbsList: React.ForwardRefExoticComponent<BreadcrumbsListProps & React.RefAttributes<HTMLUListElement>>;
+export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponent<"ul", BreadcrumbsListProps>;
 //# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts

@@ -1,3 +1,3 @@
-import { CSSObject } from '@emotion/core';
+import { CSSObject } from '@emotion/styled';
 export declare const truncateStyles: (maxWidth?: number) => CSSObject;
 //# sourceMappingURL=styles.d.ts.map

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="@emotion/core" />
 export declare const Breadcrumbs: {
     Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
     CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
-    List: import("react").ForwardRefExoticComponent<import("./List").BreadcrumbsListProps & import("react").RefAttributes<HTMLUListElement>>;
+    List: import("@workday/canvas-kit-react/common").ElementComponent<"ul", import("./List").BreadcrumbsListProps>;
     ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
     Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
     CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a `Hint` component.
  * Used by the FormField.Hint subcomponent and other input type components

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to an `Input` component.
  * Used by the FormField.Input subcomponent and other input type components

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a `Label` component.
  * Used by the FormField.Label subcomponent and other input type components

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts

@@ -31,6 +31,6 @@ declare const formFieldEventMap: {
     callbacks: {};
 };
 export declare type FormFieldModelConfig = FormFieldState & Partial<ToModelConfig<FormFieldState, FormFieldEvents, typeof formFieldEventMap>>;
-export declare const useFormFieldModel: (config?: FormFieldModelConfig) => Model<FormFieldState, FormFieldEvents>;
+export declare const useFormFieldModel: (config?: FormFieldModelConfig) => FormFieldModel;
 export {};
 //# sourceMappingURL=useFormFieldModel.d.ts.map

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts

@@ -1,9 +1,10 @@
+import { StackSpacing, StackProps } from '@workday/canvas-kit-labs-react/layout';
 /**
  * Adds the necessary layout props to a `FormField` component.
  */
-export declare const useFormFieldOrientation: (orientation: "horizontal" | "vertical") => {
-    flexDirection: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    alignItems: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | undefined;
-    spacing: number | (string & {}) | "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl";
+export declare const useFormFieldOrientation: (orientation: 'horizontal' | 'vertical') => {
+    flexDirection: StackProps['flexDirection'];
+    alignItems: StackProps['alignItems'];
+    spacing: StackSpacing;
 };
 //# sourceMappingURL=useFormFieldOrientation.d.ts.map

package/ts3.5/dist/es6/side-panel/lib/SidePanel.d.ts

@@ -1,5 +1,7 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
 import * as React from 'react';
+import { jsx } from '@emotion/react';
 import { IconButtonProps } from '@workday/canvas-kit-react/button';
 export declare type SidePanelVariant = 'standard' | 'alternate';
 export declare type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
@@ -65,19 +67,8 @@ export declare const SidePanelContext: React.Context<{
     origin: string;
 }>;
 declare const SidePanel: {
-    ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, variant, touched, ...elemProps }: SidePanelProps): JSX.Element;
-    ToggleButton: ({ variant, icon, tooltipTextExpand: expandLabel, tooltipTextCollapse: collapseLabel, ...rest }: IconButtonProps & {
-        /**
-         * The tooltip text to expand the side panel
-         * @default 'Expand'
-         */
-        tooltipTextExpand?: string | undefined;
-        /**
-         * The tooltip text to collapse the side panel
-         * @default 'Collapse'
-         */
-        tooltipTextCollapse?: string | undefined;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement>) => JSX.Element;
+    ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, touched, ...elemProps }: SidePanelProps): jsx.JSX.Element;
+    ToggleButton: ({ variant, icon, tooltipTextExpand: expandLabel, tooltipTextCollapse: collapseLabel, ...rest }: ToggleButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => jsx.JSX.Element;
 };
 export declare type ToggleButtonProps = IconButtonProps & {
     /**

package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
  */