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

package/dist/es6/side-panel/lib/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY;;;;;;CAyDxB,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY;;oCA2BsB,OAAO;;;;CA8BrD,CAAC"}

package/dist/es6/text-area/lib/TextArea.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
 import { FormFieldModelContext, useFormFieldOrientation, } from '@workday/canvas-kit-preview-react/form-field';
-import { Stack } from '@workday/canvas-kit-labs-react/layout';
+import { Stack } from '@workday/canvas-kit-react/layout';
 import { useTextAreaModel } from './hooks';
 import { TextAreaField } from './TextAreaField';
 import { TextAreaLabel } from './TextAreaLabel';

package/dist/es6/text-area/lib/TextAreaField.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { borderRadius, inputColors, spaceNumbers, type, } from '@workday/canvas-kit-react/tokens';
 import { createComponent, useModelContext, useTheme, } from '@workday/canvas-kit-react/common';
 import { useThemedRing } from '@workday/canvas-kit-labs-react/common';

package/dist/es6/text-input/lib/TextInput.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
 import { FormFieldModelContext, useFormFieldOrientation, } from '@workday/canvas-kit-preview-react/form-field';
-import { Stack } from '@workday/canvas-kit-labs-react/layout';
+import { Stack } from '@workday/canvas-kit-react/layout';
 import { useTextInputModel } from './hooks';
 import { TextInputField } from './TextInputField';
 import { TextInputLabel } from './TextInputLabel';

package/dist/es6/text-input/lib/TextInputField.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { borderRadius, inputColors, space, type, } from '@workday/canvas-kit-react/tokens';
 import { createComponent, useModelContext, useTheme, } from '@workday/canvas-kit-react/common';
 import { useThemedRing } from '@workday/canvas-kit-labs-react/common';

package/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.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useTextInputField.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputField.tsx"],"names":[],"mappings":";AAEA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;OAI5B,CAAC"}
+{"version":3,"file":"useTextInputField.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputField.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;OAI5B,CAAC"}

package/form-field/lib/FormField.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {createComponent, ExtractProps, useDefaultModel} from '@workday/canvas-kit-react/common';
-import {Stack, StackSpacing} from '@workday/canvas-kit-labs-react/layout';
+import {Stack, StackSpacing} from '@workday/canvas-kit-react/layout';
 
 import {
   useFormFieldModel,

package/form-field/lib/FormFieldHint.tsx

@@ -8,7 +8,7 @@ import {
   StyledType,
 } from '@workday/canvas-kit-react/common';
 import {space, type} from '@workday/canvas-kit-react/tokens';
-import {Box, BoxProps} from '@workday/canvas-kit-labs-react/common';
+import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
 
 import {FormFieldModelContext} from './FormField';
 import {FormFieldModel, useFormFieldHint} from './hooks';

package/form-field/lib/FormFieldInput.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {createComponent, ExtractProps, useModelContext} from '@workday/canvas-kit-react/common';
-import {Box} from '@workday/canvas-kit-labs-react/common';
+import {Box} from '@workday/canvas-kit-react/layout';
 
 import {FormFieldModelContext} from './FormField';
 import {FormFieldModel, useFormFieldInput} from './hooks';

package/form-field/lib/FormFieldLabel.tsx

@@ -8,9 +8,8 @@ import {
   styled,
   StyledType,
 } from '@workday/canvas-kit-react/common';
-import {Box} from '@workday/canvas-kit-labs-react/common';
+import {Box, HStack, StackSpacing} from '@workday/canvas-kit-react/layout';
 import {type} from '@workday/canvas-kit-react/tokens';
-import {HStack, StackSpacing} from '@workday/canvas-kit-labs-react/layout';
 
 import {FormFieldModelContext} from './FormField';
 import {FormFieldModel, useFormFieldLabel} from './hooks';

package/form-field/lib/hooks/useFormFieldOrientation.tsx

@@ -1,4 +1,4 @@
-import {StackSpacing, StackProps} from '@workday/canvas-kit-labs-react/layout';
+import {StackSpacing, StackProps} from '@workday/canvas-kit-react/layout';
 import {space} from '@workday/canvas-kit-react/tokens';
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "7.0.0-alpha.0-next.3+14a81c7e",
+  "version": "7.0.0-alpha.0-next.7+23568685",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -52,17 +52,17 @@
     "react": "^16.8 || ^17.0"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.28",
-    "@emotion/styled": "^10.0.27",
-    "@workday/canvas-kit-react": "^7.0.0-alpha.0-next.3+14a81c7e",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@workday/canvas-kit-react": "^7.0.0-alpha.0-next.7+23568685",
     "@workday/canvas-system-icons-web": "1.0.41",
     "@workday/design-assets-types": "^0.2.4"
   },
   "devDependencies": {
     "@workday/canvas-accent-icons-web": "^1.0.0",
-    "@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.3+14a81c7e",
+    "@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.7+23568685",
     "formik": "^2.2.9",
     "yup": "^0.31.1"
   },
-  "gitHead": "14a81c7ef3deb9efaf67fa3ec9cc2d2a3161b00b"
+  "gitHead": "23568685fec785046d37cb320289d8ab9e74e283"
 }

package/select/lib/Select.tsx

@@ -368,6 +368,7 @@ class SelectContainer extends React.Component<SelectContainerProps, SelectContai
     // (2) Either update the current value of buttonRef if it was a ref object,
     //     or call buttonRef with the underlying button element if it was a
     //     callback ref.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     this.forwardedButtonRef = useForkRef(props.buttonRef, this.localButtonRef);
   }
 

package/select/lib/SelectMenu.tsx

@@ -1,6 +1,6 @@
 import React, {useState, useEffect, useLayoutEffect, useCallback} from 'react';
 
-import {CSSObject} from '@emotion/core';
+import {CSSObject} from '@emotion/styled';
 import {EmotionCanvasTheme, ErrorType, Themeable, styled} from '@workday/canvas-kit-react/common';
 import {
   Placement,

package/select/lib/SelectOption.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {CSSObject} from '@emotion/core';
+import {CSSObject} from '@emotion/styled';
 import {
   EmotionCanvasTheme,
   ErrorType,

package/side-panel/lib/SidePanel.tsx

@@ -2,12 +2,12 @@
 /** @jsx jsx */
 import * as React from 'react';
 import {styled, useIsRTL, StyledType} from '@workday/canvas-kit-react/common';
-import {css, jsx, keyframes} from '@emotion/core';
+import {css, jsx, keyframes} from '@emotion/react';
 import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
 import {space, colors} from '@workday/canvas-kit-react/tokens';
 import {transformationImportIcon} from '@workday/canvas-system-icons-web';
 import {Tooltip} from '@workday/canvas-kit-react/tooltip';
-import {Box} from '@workday/canvas-kit-labs-react/common';
+import {Box} from '@workday/canvas-kit-react/layout';
 
 export type SidePanelVariant = 'standard' | 'alternate';
 export type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';

package/text-area/lib/TextArea.tsx

@@ -6,7 +6,7 @@ import {
   FormFieldModelContext,
   useFormFieldOrientation,
 } from '@workday/canvas-kit-preview-react/form-field';
-import {Stack} from '@workday/canvas-kit-labs-react/layout';
+import {Stack} from '@workday/canvas-kit-react/layout';
 
 import {TextAreaModel, useTextAreaModel} from './hooks';
 import {TextAreaField} from './TextAreaField';

package/text-area/lib/TextAreaField.tsx

@@ -1,6 +1,6 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 
 import {
   borderRadius,

package/text-input/lib/TextInput.tsx

@@ -6,7 +6,7 @@ import {
   FormFieldModelContext,
   useFormFieldOrientation,
 } from '@workday/canvas-kit-preview-react/form-field';
-import {Stack} from '@workday/canvas-kit-labs-react/layout';
+import {Stack} from '@workday/canvas-kit-react/layout';
 
 import {useTextInputModel, TextInputModel} from './hooks';
 import {TextInputField} from './TextInputField';

package/text-input/lib/TextInputField.tsx

@@ -1,6 +1,6 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 
 import {
   borderRadius,

package/ts3.5/dist/commonjs/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/commonjs/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/commonjs/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/commonjs/form-field/lib/FormField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { Stack, StackSpacing } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel, FormFieldModelConfig } from './hooks';
 export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
     hasError?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
+import { Box } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel } from './hooks';
 export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
     model?: FormFieldModel;

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

@@ -1,5 +1,5 @@
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
+import { Box } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel } from './hooks';
 export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
     model?: FormFieldModel;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { HStack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel } from './hooks';
 export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
     model?: FormFieldModel;

package/ts3.5/dist/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts

@@ -1,9 +1,10 @@
+import { StackSpacing, StackProps } from '@workday/canvas-kit-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,6 +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';
@@ -66,19 +67,8 @@ export declare const SidePanelContext: React.Context<{
     origin: string;
 }>;
 declare const SidePanel: {
-    ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, 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/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/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/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/form-field/lib/FormField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { Stack, StackSpacing } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel, FormFieldModelConfig } from './hooks';
 export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
     hasError?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
+import { Box } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel } from './hooks';
 export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
     model?: FormFieldModel;

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

@@ -1,5 +1,5 @@
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
+import { Box } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel } from './hooks';
 export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
     model?: FormFieldModel;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { HStack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
 import { FormFieldModel } from './hooks';
 export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
     model?: FormFieldModel;

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-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,6 +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';
@@ -66,19 +67,8 @@ export declare const SidePanelContext: React.Context<{
     origin: string;
 }>;
 declare const SidePanel: {
-    ({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, 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.
  */