@workday/canvas-kit-react 6.3.6 → 7.0.0-alpha.0-next.4

package/popup/lib/PopupCard.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {keyframes} from '@emotion/core';
 
 import {Card} from '@workday/canvas-kit-react/card';
-import {space, type} from '@workday/canvas-kit-react/tokens';
+import {space, type, CanvasSpaceKeys} from '@workday/canvas-kit-react/tokens';
 import {
   styled,
   TransformOrigin,
@@ -11,12 +11,14 @@ import {
   StyledType,
   useModelContext,
   ExtractProps,
+  useConstant,
 } from '@workday/canvas-kit-react/common';
+import {Stack, StackStyleProps} from '@workday/canvas-kit-labs-react/layout';
 
 import {getTransformFromPlacement} from './getTransformFromPlacement';
 import {usePopupCard, PopupModel, PopupModelContext} from './hooks';
 
-export interface PopupCardProps extends ExtractProps<typeof Card, never> {
+export interface PopupCardProps extends ExtractProps<typeof Card, never>, Partial<StackStyleProps> {
   /**
    * Optionally pass a model directly to this component. Default is to implicitly use the same
    * model as the container component which uses React context. Only use this for advanced use-cases
@@ -67,14 +69,26 @@ export const PopupCard = createComponent('div')({
       return getTransformFromPlacement(localModel.state.placement || 'bottom');
     }, [localModel.state.placement]);
 
+    // As is a Stack that will render an element of `Element`
+    const As = useConstant(() => Stack.as(Element));
+
     return (
       <StyledPopupCard
-        as={Element}
+        as={As}
         transformOrigin={transformOrigin}
         position="relative"
         padding="l"
         depth={2}
         maxWidth={`calc(100vw - ${space.l})`}
+        spacing={0}
+        flexDirection="column"
+        minHeight={0}
+        maxHeight={`calc(100vh - ${
+          elemProps.margin
+            ? space[elemProps.margin as CanvasSpaceKeys] || elemProps.margin
+            : space.xl
+        } * 2)`}
+        overflowY="auto" // force IE11 to limit the flex size of the card. Without this, the body isn't allowed to overflow properly: https://github.com/philipwalton/flexbugs/issues/216#issuecomment-453053557
         {...props}
       >
         {children}

package/popup/lib/PopupHeading.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 
-import {createComponent, useModelContext} from '@workday/canvas-kit-react/common';
+import {createComponent, useModelContext, ExtractProps} from '@workday/canvas-kit-react/common';
 import {Card} from '@workday/canvas-kit-react/card';
 
 import {usePopupHeading, PopupModel, PopupModelContext} from './hooks';
 
-export interface PopupHeadingProps {
+export interface PopupHeadingProps extends ExtractProps<typeof Card.Heading, never> {
   /**
    * Optionally pass a model directly to this component. Default is to implicitly use the same
    * model as the container component which uses React context. Only use this for advanced use-cases
@@ -21,7 +21,7 @@ export const PopupHeading = createComponent('h2')({
 
     const props = usePopupHeading(localModel, elemProps, ref);
     return (
-      <Card.Heading as={Element} {...props}>
+      <Card.Heading as={Element} marginBottom="s" {...props}>
         {children}
       </Card.Heading>
     );

package/status-indicator/lib/StatusIndicator.tsx

@@ -35,7 +35,6 @@ export const statusIndicatorStyles: StatusIndicatorGenericStyle = {
     display: 'inline-flex',
     alignItems: 'center',
     verticalAlign: 'middle',
-    maxWidth: 150,
     height: space.s,
     padding: `1px ${space.xxxs}`,
     borderRadius: borderRadius.s,
@@ -116,6 +115,11 @@ export interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanEleme
    * @default StatusIndicatorEmphasis.High
    */
   emphasis?: StatusIndicatorEmphasis;
+  /**
+   * The maxWidth of the container before it truncates
+   * @default 200
+   */
+  maxWidth?: number;
   /**
    * The text of the StatusIndicator.
    */
@@ -126,12 +130,12 @@ export interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanEleme
   icon?: CanvasSystemIcon;
 }
 
-const Container = styled('span')<PickRequired<StatusIndicatorProps, 'emphasis', 'type'>>(
-  statusIndicatorStyles.styles,
-  ({type, emphasis}) => ({
-    ...statusIndicatorStyles.variants[type][emphasis],
-  })
-);
+const Container = styled('span')<
+  PickRequired<StatusIndicatorProps, 'emphasis' | 'maxWidth', 'type'>
+>(statusIndicatorStyles.styles, ({type, emphasis, maxWidth}) => ({
+  ...statusIndicatorStyles.variants[type][emphasis],
+  maxWidth: maxWidth,
+}));
 
 const StatusLabel = styled('span')({
   fontWeight: 'bold',
@@ -147,11 +151,18 @@ export default class StatusIndicator extends React.Component<StatusIndicatorProp
   public static Emphasis = StatusIndicatorEmphasis;
 
   public render() {
-    const {emphasis = StatusIndicatorEmphasis.High, type, icon, label, ...elemProps} = this.props;
+    const {
+      emphasis = StatusIndicatorEmphasis.High,
+      maxWidth = 200,
+      type,
+      icon,
+      label,
+      ...elemProps
+    } = this.props;
     const variant = statusIndicatorStyles.variants[type][emphasis]!;
 
     return (
-      <Container type={type} emphasis={emphasis} {...elemProps}>
+      <Container type={type} emphasis={emphasis} maxWidth={maxWidth} {...elemProps}>
         {icon && (
           <SystemIcon
             colorHover={variant.color}

package/toast/lib/Toast.tsx

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import {jsx} from '@emotion/core';
 import * as React from 'react';
 
 import {Popup} from '@workday/canvas-kit-react/popup';
@@ -7,8 +5,8 @@ import {space, colors, type, CanvasColor} from '@workday/canvas-kit-react/tokens
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
 import {checkIcon} from '@workday/canvas-system-icons-web';
 import {CanvasSystemIcon} from '@workday/design-assets-types';
-import {createComponent, ExtractProps, styled} from '@workday/canvas-kit-react/common';
-import {Hyperlink, HyperlinkProps} from '@workday/canvas-kit-react/button';
+import {createComponent, ExtractProps, styled, StyledType} from '@workday/canvas-kit-react/common';
+import {Hyperlink} from '@workday/canvas-kit-react/button';
 
 export interface ToastProps extends ExtractProps<typeof Popup.Card, never> {
   /**
@@ -58,21 +56,13 @@ const ToastSystemIcon = styled(SystemIcon)({
 
 const {color, ...subTextLargeStyles} = type.levels.subtext.large;
 
-const actionButtonStyles = {
+const StyledActionButton = styled(Hyperlink)<StyledType>({
   ...subTextLargeStyles,
   display: 'block',
   backgroundColor: 'transparent', // To prevent Safari from rendering grey 'buttonface' as bgcolor
   border: 'none',
   marginTop: space.xxxs,
-};
-
-interface ActionButtonProps extends HyperlinkProps {
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
-}
-
-const ActionButton = (props: ActionButtonProps) => {
-  return <Hyperlink as="button" css={actionButtonStyles} {...props} />;
-};
+});
 
 const Message = styled('div')({
   wordBreak: 'break-word',
@@ -113,7 +103,11 @@ export const Toast = createComponent('div')({
             {icon && <ToastSystemIcon color={iconColor} colorHover={iconColor} icon={icon} />}
             <Message>
               {children}
-              {onActionClick && <ActionButton onClick={onActionClick}>{actionText}</ActionButton>}
+              {onActionClick && (
+                <StyledActionButton as="button" onClick={onActionClick}>
+                  {actionText}
+                </StyledActionButton>
+              )}
             </Message>
           </ToastContentContainer>
         </Popup.Body>

package/ts3.5/dist/commonjs/action-bar/index.d.ts

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

package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts

@@ -1,12 +1,7 @@
-import * as React from 'react';
-export interface ActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true, fix the ActionBar to the bottom of the screen.
-     * @default false
-     */
-    fixed?: boolean;
-}
-export default class ActionBar extends React.Component<ActionBarProps> {
-    render(): JSX.Element;
+import { HStackProps, StackSpacing } from '@workday/canvas-kit-labs-react';
+interface ActionBarProps extends Omit<HStackProps, 'spacing'> {
+    spacing?: StackSpacing;
 }
+export declare const ActionBar: import("../../common").ElementComponent<"div", ActionBarProps>;
+export {};
 //# sourceMappingURL=ActionBar.d.ts.map

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

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

package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts

@@ -1,38 +1,22 @@
 import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-export declare enum BannerVariant {
-    Full = 0,
-    Sticky = 1
-}
-export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The function called when the Banner is clicked.
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The label of the Banner.
-     */
-    label?: React.ReactNode;
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Flex } from '@workday/canvas-kit-labs-react/layout';
+import { BannerModel, BannerModelConfig } from './hooks';
+export declare const BannerModelContext: React.Context<import("../../common").Model<{
+    hasError?: boolean | undefined;
+    isSticky?: boolean | undefined;
+    id?: string | undefined;
+}, {}>>;
+export interface BannerProps extends BannerModelConfig, ExtractProps<typeof Flex, never> {
+    model?: BannerModel;
     /**
-     * The variant of the Banner. Accepts `Full` or `Sticky`.
-     * @default BannerVariant.Full
+     * Children of the Banner. Should contain a `<Banner.Label>` a <Banner.Icon> and an optional `<Banner.ActionText>`
      */
-    variant?: BannerVariant;
-    /**
-     * The type of error associated with the Banner (if applicable).
-     * @default ErrorType.Alert
-     */
-    error?: ErrorType;
-    /**
-     * The text of the Banner action. This prop is also used as the aria-label for the action in the banner
-     * @default 'View All'
-     */
-    actionText?: string;
-}
-declare class Banner extends React.Component<BannerProps> {
-    static Variant: typeof BannerVariant;
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
+    children?: React.ReactNode;
 }
-export default Banner;
+export declare const Banner: import("../../common").ElementComponent<"button", BannerProps> & {
+    Icon: import("../../common").ElementComponent<"span", import("./BannerIcon").BannerIconProps>;
+    Label: import("../../common").ElementComponent<"div", import("./BannerLabel").BannerLabelProps>;
+    ActionText: import("../../common").ElementComponent<"span", import("./BannerActionText").BannerActionTextProps>;
+};
 //# sourceMappingURL=Banner.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { BannerModel } from './hooks';
+export interface BannerActionTextProps extends ExtractProps<typeof Box, never> {
+    model?: BannerModel;
+    /**
+     * The text of the Banner action.
+     * @default 'View All'
+     */
+    children?: React.ReactNode;
+}
+export declare const BannerActionText: import("../../common").ElementComponent<"span", BannerActionTextProps>;
+//# sourceMappingURL=BannerActionText.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/BannerIcon.d.ts

@@ -0,0 +1,14 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { CanvasSystemIcon } from '@workday/design-assets-types';
+import { BannerModel } from './hooks';
+export interface BannerIconProps extends Omit<ExtractProps<typeof SystemIcon, never>, 'icon'> {
+    model?: BannerModel;
+    /**
+     * Icon to show next to label
+     * @default exclamationTriangleIcon or exclamationCircleIcon when hasError is true
+     */
+    icon?: CanvasSystemIcon;
+}
+export declare const BannerIcon: import("../../common").ElementComponent<"span", BannerIconProps>;
+//# sourceMappingURL=BannerIcon.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Flex } from '@workday/canvas-kit-labs-react/layout';
+import { BannerModel } from './hooks';
+export interface BannerLabelProps extends ExtractProps<typeof Flex, never> {
+    model?: BannerModel;
+    /**
+     * The text of the Banner.
+     */
+    children: React.ReactNode;
+}
+export declare const BannerLabel: import("../../common").ElementComponent<"div", BannerLabelProps>;
+//# sourceMappingURL=BannerLabel.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from './useBannerModel';
+export * from './useThemedPalette';
+export * from './useBannerIcon';
+export * from './useBannerLabel';
+export * from './useBannerActionText';
+export * from './useBanner';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/useBanner.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Banner` component.
+ * Used by the Banner component
+ */
+export declare const useBanner: <P extends {}, R>(model: import("../../../common").Model<{
+    hasError?: boolean | undefined;
+    isSticky?: boolean | undefined;
+    id?: string | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    'aria-describedby': string;
+    'aria-labelledby': string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useBanner.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `ActionText` component.
+ * Used by the Banner.ActionText subcomponent
+ */
+export declare const useBannerActionText: <P extends {}, R>(model: import("../../../common").Model<{
+    hasError?: boolean | undefined;
+    isSticky?: boolean | undefined;
+    id?: string | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useBannerActionText.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Icon` component.
+ * Used by the Banner.Icon subcomponent
+ */
+export declare const useBannerIcon: <P extends {}, R>(model: import("../../../common").Model<{
+    hasError?: boolean | undefined;
+    isSticky?: boolean | undefined;
+    id?: string | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    icon: import("@workday/design-assets-types").CanvasSystemIcon;
+    color: string | undefined;
+    colorHover: string | undefined;
+    size: number;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useBannerIcon.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Label` component.
+ * Used by the Banner.Label subcomponent
+ */
+export declare const useBannerLabel: <P extends {}, R>(model: import("../../../common").Model<{
+    hasError?: boolean | undefined;
+    isSticky?: boolean | undefined;
+    id?: string | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useBannerLabel.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts

@@ -0,0 +1,37 @@
+import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
+declare type BannerState = {
+    /**
+     * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
+     * will be `exclamationCircleIcon`, and a themed error color will be applied.
+     * @default false
+     */
+    hasError?: boolean;
+    /**
+     * Optional flag to denote the banner is stuck to the side of the screen. When true the default `Banner.ActionText`
+     * will be hidden, and some basic styles will be applied.
+     * You will still need to manually set the css `position` value.
+     * @default false
+     */
+    isSticky?: boolean;
+    /**
+     * Optional `id` provided to `Banner`'s subcomponents as HTML attributes:
+     * - `Banner` will set `aria-describedby` to `label-${id}`
+     * - `Banner` will set `aria-label` to `action-${id}`
+     * - `Banner.Label` will set `id` to `label-${id}`
+     * - `Banner.ActionText` will set `id` to `action-${id}`
+     *
+     * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
+     * @default `useUniqueId()`
+     */
+    id?: string;
+};
+declare type BannerEvents = {};
+export declare type BannerModel = Model<BannerState, BannerEvents>;
+declare const BannerEventMap: {
+    guards: {};
+    callbacks: {};
+};
+export declare type BannerModelConfig = BannerState & Partial<ToModelConfig<BannerState, BannerEvents, typeof BannerEventMap>>;
+export declare const useBannerModel: (config?: BannerModelConfig) => Model<BannerState, BannerEvents>;
+export {};
+//# sourceMappingURL=useBannerModel.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts

@@ -0,0 +1,11 @@
+import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
+interface BackgroundColors {
+    normal?: string;
+    hover?: string;
+    contrast?: string;
+}
+export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): BackgroundColors;
+export declare const useThemedPalette: (type: "alert" | "error" | "primary" | "success" | "neutral") => BackgroundColors;
+export {};
+//# sourceMappingURL=useThemedPalette.d.ts.map

package/ts3.5/dist/commonjs/button/lib/IconButton.d.ts

@@ -3,9 +3,12 @@ import { Themeable } from '@workday/canvas-kit-react/common';
 import { CanvasSystemIcon } from '@workday/design-assets-types';
 export interface IconButtonProps extends Themeable {
     /**
-     * The accessibility label to indicate the action triggered by clicking the IconButton.
+     * The accessibility label to indicate the action triggered by clicking the IconButton. This is optional because there are
+     * instances where an Icon Button might already have an `aria-labelledby`. In a case where an `aria-labelledby` is provided
+     * it will take precedence over the `aria-label` as explained here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute
+     * We highly encourage consumers to either provide an `aria-label` OR an `aria-labelledby`
      */
-    'aria-label': string;
+    'aria-label'?: string;
     /**
      * The type of the IconButton.
      * @default 'circle'

package/ts3.5/dist/commonjs/card/lib/Card.d.ts

@@ -8,6 +8,6 @@ export interface CardProps extends BoxProps {
 }
 export declare const Card: import("../../common").ElementComponent<"div", CardProps> & {
     Heading: import("../../common").ElementComponent<"h3", import("./CardHeading").CardHeadingProps>;
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
 };
 //# sourceMappingURL=Card.d.ts.map

package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts

@@ -1,2 +1,2 @@
-export declare const CardBody: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+export declare const CardBody: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
 //# sourceMappingURL=CardBody.d.ts.map

package/ts3.5/dist/commonjs/card/lib/CardHeading.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface CardHeadingProps {
+import { BoxProps } from '@workday/canvas-kit-labs-react/common';
+export interface CardHeadingProps extends BoxProps {
     /**
      * The id of the Card heading. Tie this to an `aria-labelledby` for accessibility.
      */

package/ts3.5/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts

@@ -1,8 +1,9 @@
-import { CSSObject, Interpolation } from '@emotion/core';
+import { Interpolation } from '@emotion/core';
+import { CSSProperties } from '@workday/canvas-kit-react/tokens';
 /**
  * A utility to hide the default canvas style focus ring when using mouse input.
  * Requires wrapping your components in an InputProvider component.
  */
-export declare const hideMouseFocus: CSSObject;
+export declare const hideMouseFocus: CSSProperties;
 export declare const mouseFocusBehavior: (selectors: Record<string, Interpolation<undefined>>) => Record<string, Interpolation<undefined>>;
 //# sourceMappingURL=hideMouseFocus.d.ts.map

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

@@ -10,6 +10,7 @@ export * from './useMount';
 export * from './components';
 export * from './models';
 export * from './elements';
+export * from './useConstant';
 export * from './useIsFullscreen';
 export * from './useWindowSize';
 export * from './useResizeObserver';

package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts

@@ -15,7 +15,7 @@ export interface DialogProps extends PopupModelConfig {
     model?: PopupModel;
 }
 export declare const Dialog: import("../../common").Component<DialogProps> & {
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
     Card: import("../../common").ElementComponent<"div", import("./DialogCard").DialogCardProps>;
     CloseIcon: import("../../common").ElementComponent<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps>;
     Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupTarget").PopupTargetProps>;

package/ts3.5/dist/commonjs/icon/lib/Svg.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { CSSObject } from '@emotion/core';
 import * as React from 'react';
 import { CanvasIcon, CanvasIconTypes } from '@workday/design-assets-types';

package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts

@@ -6,12 +6,13 @@ export interface ModalProps extends ExtractProps<typeof Dialog, never> {
     children: React.ReactNode;
 }
 export declare const Modal: import("../../common").Component<ModalProps> & {
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
     Card: import("../../common").ElementComponent<"div", import("./ModalCard").ModalCardProps>;
     CloseIcon: import("../../common").ElementComponent<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps>;
     Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupTarget").PopupTargetProps>;
     Heading: import("../../common").ElementComponent<"h2", import("./ModalHeading").ModalHeadingProps>;
     Overlay: import("../../common").ElementComponent<"div", import("./ModalOverlay").ModalOverlayProps>;
+    OverflowOverlay: import("../../common").ElementComponent<"div", import("./ModalOverlay").ModalOverlayProps>;
     CloseButton: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupCloseButton").PopupCloseButtonProps>;
 };
 //# sourceMappingURL=Modal.d.ts.map

package/ts3.5/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts

@@ -0,0 +1,2 @@
+export declare const ModalOverflowOverlay: import("../../common").ElementComponent<"div", import("./ModalOverlay").ModalOverlayProps>;
+//# sourceMappingURL=ModalOverflowOverlay.d.ts.map

package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { PopupModel } from '@workday/canvas-kit-react/popup';
-export interface ModalOverlayProps {
+import { BoxProps } from '@workday/canvas-kit-labs-react/common';
+export interface ModalOverlayProps extends BoxProps {
     model?: PopupModel;
     children: React.ReactNode;
 }

package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts

@@ -1,12 +1,11 @@
-/** @jsx jsx */
 import * as React from 'react';
 import { PaginationModel } from './types';
-import { FlexProps } from './common/Flex';
+import { FlexProps } from '@workday/canvas-kit-labs-react/layout';
 export interface AdditionalDetailsProps extends FlexProps {
     children: (model: PaginationModel) => React.ReactNode | React.ReactNode;
     model: PaginationModel;
     shouldAnnounceToScreenReader?: boolean;
     shouldHideDetails?: boolean;
 }
-export declare const AdditionalDetails: ({ model, children, shouldAnnounceToScreenReader, shouldHideDetails, ...elemProps }: AdditionalDetailsProps) => JSX.Element;
+export declare const AdditionalDetails: ({ model, children, shouldAnnounceToScreenReader, ...elemProps }: AdditionalDetailsProps) => JSX.Element;
 //# sourceMappingURL=AdditionalDetails.d.ts.map

package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { HStackProps } from '../common/Stack';
-import { Spacing } from '../common/utils/space';
+import { HStackProps, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
 export declare type GoToFormProps = React.FormHTMLAttributes<HTMLFormElement> & Pick<HStackProps, Exclude<keyof HStackProps, 'spacing'>> & {
-    spacing?: Spacing;
+    spacing?: StackSpacing;
 };
 export declare const GoToForm: ({ children, onSubmit, spacing, ...elemProps }: GoToFormProps) => JSX.Element;
 //# sourceMappingURL=Form.d.ts.map