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

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

@@ -20,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+/** @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 { createComponent, useModelContext, useTheme, } from '@workday/canvas-kit-react/common';
 import { useThemedRing } from '@workday/canvas-kit-labs-react/common';
 import { FormField } from '@workday/canvas-kit-preview-react/form-field';
 import { TextInputModelContext } from './TextInput';
@@ -60,6 +61,6 @@ export var TextInputField = createComponent('input')({
                     boxShadow: "inset 0 0 0 1px " + theme.canvas.palette.common.focusOutline,
                 },
             };
-        return (jsx(FormField.Input, __assign({ as: "input", css: [baseStyles, focusStyles], padding: space.xxs, margin: 0, display: 'block', height: '40px', minWidth: '280px', border: "1px solid " + inputColors.border, backgroundColor: inputColors.background, borderRadius: borderRadius.m }, props)));
+        return (jsx(FormField.Input, __assign({ as: "input", css: [baseStyles, focusStyles], padding: space.xxs, margin: 0, display: "block", height: "40px", minWidth: "280px", border: "1px solid " + inputColors.border, backgroundColor: inputColors.background, borderRadius: borderRadius.m }, props)));
     },
 });

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/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInputModel.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACf,MAAM,8CAA8C,CAAC;AAEtD,eAAO,MAAM,iBAAiB;;;;MAAoB,CAAC;AAEnD,oBAAY,cAAc,GAAG,cAAc,CAAC"}
+{"version":3,"file":"useTextInputModel.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,cAAc,EAAC,MAAM,8CAA8C,CAAC;AAE/F,eAAO,MAAM,iBAAiB;;;;MAAoB,CAAC;AAEnD,oBAAY,cAAc,GAAG,cAAc,CAAC"}

package/dist/es6/text-input/lib/hooks/useTextInputModel.js

@@ -1,2 +1,2 @@
-import { useFormFieldModel, } from '@workday/canvas-kit-preview-react/form-field';
+import { useFormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
 export var useTextInputModel = useFormFieldModel;

package/form-field/lib/FormField.tsx

@@ -7,7 +7,7 @@ import {
   useFormFieldModel,
   FormFieldModel,
   FormFieldModelConfig,
-  useFormFieldOrientation
+  useFormFieldOrientation,
 } from './hooks';
 import {FormFieldInput} from './FormFieldInput';
 import {FormFieldLabel} from './FormFieldLabel';
@@ -15,7 +15,9 @@ import {FormFieldHint} from './FormFieldHint';
 
 export const FormFieldModelContext = React.createContext<FormFieldModel>({} as any);
 
-export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<typeof Stack, never>, 'spacing'> {
+export interface FormFieldProps
+  extends FormFieldModelConfig,
+    Omit<ExtractProps<typeof Stack, never>, 'spacing'> {
   model?: FormFieldModel;
   /**
    * Children of the Text Input. Should contain a `<FormField.Input>`, a `<FormField.Label>` and an optional `<FormField.Hint>`
@@ -24,7 +26,7 @@ export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<
   /**
    * The direction the child elements should stack
    */
-  orientation: 'vertical' | 'horizontal'
+  orientation: 'vertical' | 'horizontal';
   /**
    * Spacing between children elements
    * @default xxxs when vertical l when orientation is horizontal
@@ -35,10 +37,10 @@ export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<
 export const FormField = createComponent()({
   displayName: 'FormField',
   Component: ({children, model, spacing, orientation, ...props}: FormFieldProps, ref) => {
-    const {hasError, id, isRequired, ...elemProps} = props
+    const {hasError, id, isRequired, ...elemProps} = props;
     const value = useDefaultModel(model, {hasError, id, isRequired}, useFormFieldModel);
 
-    const layoutProps = useFormFieldOrientation(orientation)
+    const layoutProps = useFormFieldOrientation(orientation);
 
     return (
       <FormFieldModelContext.Provider value={value}>

package/form-field/lib/FormFieldHint.tsx

@@ -1,10 +1,14 @@
-/** @jsx jsx */
-import {jsx} from '@emotion/core';
 import React from 'react';
-
-import {createComponent, ExtractProps, useModelContext, useTheme} from '@workday/canvas-kit-react/common';
+import {
+  createComponent,
+  ExtractProps,
+  useModelContext,
+  useTheme,
+  styled,
+  StyledType,
+} from '@workday/canvas-kit-react/common';
 import {space, type} from '@workday/canvas-kit-react/tokens';
-import {Box} from '@workday/canvas-kit-labs-react/common';
+import {Box, BoxProps} from '@workday/canvas-kit-labs-react/common';
 
 import {FormFieldModelContext} from './FormField';
 import {FormFieldModel, useFormFieldHint} from './hooks';
@@ -17,6 +21,10 @@ export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
   children?: React.ReactNode;
 }
 
+const StyledHint = styled(Box)<StyledType & BoxProps>({
+  ...type.levels.subtext.medium,
+});
+
 export const FormFieldHint = createComponent('p')({
   displayName: 'FormField.Hint',
   Component: ({model, children, ...elemProps}: FormFieldHintProps, ref, Element) => {
@@ -30,17 +38,14 @@ export const FormFieldHint = createComponent('p')({
     }
 
     return (
-      <Box
+      <StyledHint
         as={Element}
-        css={{
-          ...type.levels.subtext.medium,
-        }}
         color={localModel.state.hasError ? theme.canvas.palette.error.main : undefined}
         marginY={space.xxs}
         {...props}
       >
         {children}
-      </Box>
+      </StyledHint>
     );
   },
 });

package/form-field/lib/FormFieldLabel.tsx

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import {jsx} from '@emotion/core';
 import React from 'react';
 
 import {
@@ -7,8 +5,10 @@ import {
   ExtractProps,
   useModelContext,
   useTheme,
+  styled,
+  StyledType,
 } from '@workday/canvas-kit-react/common';
-import {ComponentStyles} from '@workday/canvas-kit-labs-react/common';
+import {Box} from '@workday/canvas-kit-labs-react/common';
 import {type} from '@workday/canvas-kit-react/tokens';
 import {HStack, StackSpacing} from '@workday/canvas-kit-labs-react/layout';
 
@@ -28,41 +28,31 @@ export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, ne
   spacing?: StackSpacing;
 }
 
-const styles: ComponentStyles = {
-  label: {
-    ...type.levels.subtext.large,
-    fontWeight: type.properties.fontWeights.medium,
-  },
-  asterisk: {
-    fontSize: type.properties.fontSizes[16],
-    fontWeight: type.properties.fontWeights.regular,
-    textDecoration: 'unset',
-  },
-};
+const StyledFormFieldLabel = styled('span')({
+  ...type.levels.subtext.large,
+  fontWeight: type.properties.fontWeights.medium,
+});
+
+const StyledAsterisk = styled(Box)<StyledType>({
+  fontSize: type.properties.fontSizes[20],
+  fontWeight: type.properties.fontWeights.regular,
+  textDecoration: 'unset',
+});
 
 export const FormFieldLabel = createComponent('label')({
   displayName: 'FormField.Label',
-  Component: ({spacing='xxxs', model, children, ...elemProps}: FormFieldLabelProps, ref) => {
+  Component: ({spacing = 'xxxs', model, children, ...elemProps}: FormFieldLabelProps, ref) => {
     const localModel = useModelContext(FormFieldModelContext, model);
     const props = useFormFieldLabel(localModel, elemProps, ref);
     const theme = useTheme();
 
     return (
-      <HStack
-        as="label"
-        spacing={spacing}
-        css={styles.label}
-        minWidth='180px'
-        {...props}
-      >
-        <span>{children}</span>
+      <HStack as="label" spacing={spacing} minWidth="180px" {...props}>
+        <StyledFormFieldLabel>{children}</StyledFormFieldLabel>
         {localModel.state.isRequired && (
-          <span
-            css={[styles.asterisk, {color: theme.canvas.palette.error.main}]}
-            aria-hidden="true"
-          >
+          <StyledAsterisk as="span" color={theme.canvas.palette.error.main} aria-hidden="true">
             *
-          </span>
+          </StyledAsterisk>
         )}
       </HStack>
     );

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

@@ -6,23 +6,23 @@ import {space} from '@workday/canvas-kit-react/tokens';
  */
 export const useFormFieldOrientation = (orientation: 'horizontal' | 'vertical') => {
   let layoutProps: {
-    flexDirection: StackProps['flexDirection'],
-    alignItems: StackProps['alignItems'],
-    spacing: StackSpacing
-  }
+    flexDirection: StackProps['flexDirection'];
+    alignItems: StackProps['alignItems'];
+    spacing: StackSpacing;
+  };
 
   if (orientation === 'horizontal') {
     layoutProps = {
       flexDirection: 'row',
       spacing: space.l,
       alignItems: 'center',
-    }
+    };
   } else {
     layoutProps = {
       flexDirection: 'column',
       spacing: space.xxxs,
       alignItems: 'flex-start',
-    }
+    };
   }
 
   return layoutProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "7.0.0-alpha.0-next.1+57471fa0",
+  "version": "7.0.0-alpha.0-next.6+54a4c8c1",
   "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.1+57471fa0",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@workday/canvas-kit-react": "^7.0.0-alpha.0-next.6+54a4c8c1",
     "@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.1+57471fa0",
+    "@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.6+54a4c8c1",
     "formik": "^2.2.9",
     "yup": "^0.31.1"
   },
-  "gitHead": "57471fa0c73534126f9ef9a18203d49c5834d21e"
+  "gitHead": "54a4c8c15a1863d7560dc5a1397028c0e6d72236"
 }

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

@@ -1,11 +1,13 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
 import * as React from 'react';
-import {styled, useIsRTL} from '@workday/canvas-kit-react/common';
-import {css, CSSObject, jsx, keyframes} from '@emotion/core';
+import {styled, useIsRTL, StyledType} from '@workday/canvas-kit-react/common';
+import {css, jsx, keyframes} from '@emotion/react';
 import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
-import {space, colors, depth} from '@workday/canvas-kit-react/tokens';
+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';
 
 export type SidePanelVariant = 'standard' | 'alternate';
 export type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
@@ -87,17 +89,7 @@ const createKeyframes = (from: number | string, to: number | string) => {
   `;
 };
 
-const containerVariantStyle: Record<SidePanelVariant, CSSObject> = {
-  alternate: {
-    backgroundColor: colors.frenchVanilla100,
-    ...depth[3],
-  },
-  standard: {
-    backgroundColor: colors.soap100,
-  },
-};
-
-const Panel = styled('section')<Pick<SidePanelProps, 'as'>>({
+const StyledPanel = styled(Box)<StyledType & Pick<SidePanelProps, 'as'>>({
   overflow: 'hidden',
   position: 'relative',
   boxSizing: 'border-box',
@@ -120,7 +112,7 @@ const SidePanel = ({
   onExpandedChange,
   onStateTransition,
   origin = 'left',
-  variant = 'standard',
+  // variant = 'standard',
   touched,
   ...elemProps
 }: SidePanelProps) => {
@@ -177,20 +169,15 @@ const SidePanel = ({
   };
 
   return (
-    <Panel
+    <StyledPanel
       as={as}
-      css={[
-        {
-          width: expanded ? expandedWidth : collapsedWidth,
-          maxWidth: expanded ? expandedWidth : collapsedWidth,
-          // mounted.current will be false on the first render, thus you won't get an unwanted animation here
-          // Will animate again if you force a re-render (like in Storybook)
-          animation: touched
-            ? `${expanded ? motion.expand : motion.collapse} 200ms ease-out`
-            : undefined,
-        },
-        containerVariantStyle[variant],
-      ]}
+      width={expanded ? expandedWidth : collapsedWidth}
+      maxWidth={expanded ? expandedWidth : collapsedWidth}
+      backgroundColor={elemProps.variant === 'alternate' ? colors.frenchVanilla100 : colors.soap100}
+      depth={elemProps.variant === 'alternate' ? 3 : undefined}
+      animation={
+        touched ? `${expanded ? motion.expand : motion.collapse} 200ms ease-out` : undefined
+      }
       onAnimationEnd={handleAnimationEnd}
       onAnimationStart={handleAnimationStart}
       {...elemProps}
@@ -203,7 +190,7 @@ const SidePanel = ({
       >
         {children}
       </SidePanelContext.Provider>
-    </Panel>
+    </StyledPanel>
   );
 };
 

package/text-area/lib/TextArea.tsx

@@ -1,10 +1,14 @@
 import React from 'react';
 
 import {createComponent, ExtractProps, useDefaultModel} from '@workday/canvas-kit-react/common';
-import {FormField, FormFieldModelContext, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
+import {
+  FormField,
+  FormFieldModelContext,
+  useFormFieldOrientation,
+} from '@workday/canvas-kit-preview-react/form-field';
 import {Stack} from '@workday/canvas-kit-labs-react/layout';
 
-import { TextAreaModel, useTextAreaModel } from './hooks';
+import {TextAreaModel, useTextAreaModel} from './hooks';
 import {TextAreaField} from './TextAreaField';
 import {TextAreaLabel} from './TextAreaLabel';
 import {TextAreaHint} from './TextAreaHint';
@@ -22,10 +26,10 @@ export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
 export const TextArea = createComponent()({
   displayName: 'TextArea',
   Component: ({children, model, orientation, ...props}: TextAreaProps, ref) => {
-    const {hasError, id, isRequired, ...elemProps} = props
+    const {hasError, id, isRequired, ...elemProps} = props;
     const value = useDefaultModel(model, {hasError, id, isRequired}, useTextAreaModel);
 
-    const layoutProps = useFormFieldOrientation(orientation)
+    const layoutProps = useFormFieldOrientation(orientation);
 
     return (
       <TextAreaModelContext.Provider value={value}>

package/text-area/lib/TextAreaField.tsx

@@ -1,5 +1,6 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 
 import {
   borderRadius,
@@ -8,12 +9,17 @@ import {
   spaceNumbers,
   type,
 } from '@workday/canvas-kit-react/tokens';
-import {createComponent, ExtractProps, useModelContext, useTheme} from '@workday/canvas-kit-react/common';
+import {
+  createComponent,
+  ExtractProps,
+  useModelContext,
+  useTheme,
+} from '@workday/canvas-kit-react/common';
 import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
 import {FormField} from '@workday/canvas-kit-preview-react/form-field';
 
 import {TextAreaModelContext} from './TextArea';
-import { TextAreaModel } from './hooks';
+import {TextAreaModel} from './hooks';
 
 export interface TextAreaFieldProps extends ExtractProps<typeof FormField.Input, never> {
   model?: TextAreaModel;
@@ -66,9 +72,10 @@ export const TextAreaField = createComponent('textarea')({
       <FormField.Input
         as="textarea"
         ref={ref}
-        css={[baseStyles, focusStyles]} {...elemProps}
+        css={[baseStyles, focusStyles]}
+        {...elemProps}
         border={`1px solid ${inputColors.border}`}
-        display='block'
+        display="block"
         backgroundColor={inputColors.background}
         borderRadius={borderRadius.m}
         minHeight={64}

package/text-area/lib/hooks/useTextAreaModel.ts

@@ -1,7 +1,4 @@
-import {
-  useFormFieldModel,
-  FormFieldModel,
-} from '@workday/canvas-kit-preview-react/form-field';
+import {useFormFieldModel, FormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
 
 export const useTextAreaModel = useFormFieldModel;
 

package/text-input/lib/TextInput.tsx

@@ -1,7 +1,11 @@
 import React from 'react';
 
 import {createComponent, ExtractProps, useDefaultModel} from '@workday/canvas-kit-react/common';
-import {FormField, FormFieldModelContext, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
+import {
+  FormField,
+  FormFieldModelContext,
+  useFormFieldOrientation,
+} from '@workday/canvas-kit-preview-react/form-field';
 import {Stack} from '@workday/canvas-kit-labs-react/layout';
 
 import {useTextInputModel, TextInputModel} from './hooks';
@@ -11,7 +15,7 @@ import {TextInputHint} from './TextInputHint';
 
 export const TextInputModelContext = FormFieldModelContext;
 
-export interface TextInputProps  extends ExtractProps<typeof FormField, never> {
+export interface TextInputProps extends ExtractProps<typeof FormField, never> {
   model?: TextInputModel;
   /**
    * Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
@@ -22,10 +26,10 @@ export interface TextInputProps  extends ExtractProps<typeof FormField, never> {
 export const TextInput = createComponent()({
   displayName: 'TextInput',
   Component: ({children, model, orientation, ...props}: TextInputProps, ref) => {
-    const {hasError, id, isRequired, ...elemProps} = props
+    const {hasError, id, isRequired, ...elemProps} = props;
     const value = useDefaultModel(model, {hasError, id, isRequired}, useTextInputModel);
 
-    const layoutProps = useFormFieldOrientation(orientation)
+    const layoutProps = useFormFieldOrientation(orientation);
 
     return (
       <TextInputModelContext.Provider value={value}>

package/text-input/lib/TextInputField.tsx

@@ -1,5 +1,6 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 
 import {
   borderRadius,
@@ -8,7 +9,12 @@ import {
   space,
   type,
 } from '@workday/canvas-kit-react/tokens';
-import {createComponent, ExtractProps, useModelContext, useTheme} from '@workday/canvas-kit-react/common';
+import {
+  createComponent,
+  ExtractProps,
+  useModelContext,
+  useTheme,
+} from '@workday/canvas-kit-react/common';
 import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
 import {FormField} from '@workday/canvas-kit-preview-react/form-field';
 
@@ -68,9 +74,9 @@ export const TextInputField = createComponent('input')({
         css={[baseStyles, focusStyles]}
         padding={space.xxs}
         margin={0}
-        display='block'
-        height='40px'
-        minWidth='280px'
+        display="block"
+        height="40px"
+        minWidth="280px"
         border={`1px solid ${inputColors.border}`}
         backgroundColor={inputColors.background}
         borderRadius={borderRadius.m}

package/text-input/lib/hooks/useTextInputModel.ts

@@ -1,7 +1,4 @@
-import {
-  useFormFieldModel,
-  FormFieldModel,
-} from '@workday/canvas-kit-preview-react/form-field';
+import {useFormFieldModel, FormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
 
 export const useTextInputModel = useFormFieldModel;
 

package/ts3.5/dist/commonjs/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/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/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/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/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/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/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/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