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

package/dist/es6/popup/lib/Popup.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { Card } from '@workday/canvas-kit-react/card';
 import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
 import { usePopupModel, PopupModelContext } from './hooks';
 import { PopupCard } from './PopupCard';
@@ -19,6 +18,7 @@ import { PopupPopper } from './PopupPopper';
 import { PopupHeading } from './PopupHeading';
 import { PopupCloseIcon } from './PopupCloseIcon';
 import { PopupCloseButton } from './PopupCloseButton';
+import { PopupBody } from './PopupBody';
 export var Popup = createComponent()({
     displayName: 'Popup',
     Component: function (_a) {
@@ -28,7 +28,7 @@ export var Popup = createComponent()({
     },
     subComponents: {
         Heading: PopupHeading,
-        Body: Card.Body,
+        Body: PopupBody,
         Card: PopupCard,
         CloseIcon: PopupCloseIcon,
         Target: PopupTarget,

package/dist/es6/popup/lib/PopupBody.d.ts

@@ -0,0 +1,2 @@
+export declare const PopupBody: 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>;
+//# sourceMappingURL=PopupBody.d.ts.map

package/dist/es6/popup/lib/PopupBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupBody.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupBody.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,2uCAKpB,CAAC"}

package/dist/es6/popup/lib/PopupBody.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Card } from '@workday/canvas-kit-react/card';
+export var PopupBody = createComponent('div')({
+    displayName: 'Popup.Body',
+    Component: function (props, ref) {
+        return React.createElement(Card.Body, __assign({ overflowY: "auto" }, props));
+    },
+});

package/dist/es6/popup/lib/PopupCard.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { StackStyleProps } from '@workday/canvas-kit-labs-react/layout';
 import { PopupModel } 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

package/dist/es6/popup/lib/PopupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAOL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAe,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACtE;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAmCD,eAAO,MAAM,SAAS,gEAuBpB,CAAC"}
+{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAOL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAQ,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAG7E,OAAO,EAAe,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC;IAChG;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAmCD,eAAO,MAAM,SAAS,gEAmCpB,CAAC"}

package/dist/es6/popup/lib/PopupCard.js

@@ -28,7 +28,8 @@ 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 { styled, getTranslateFromOrigin, createComponent, useModelContext, } from '@workday/canvas-kit-react/common';
+import { styled, getTranslateFromOrigin, createComponent, useModelContext, useConstant, } from '@workday/canvas-kit-react/common';
+import { Stack } from '@workday/canvas-kit-labs-react/layout';
 import { getTransformFromPlacement } from './getTransformFromPlacement';
 import { usePopupCard, PopupModelContext } from './hooks';
 var popupAnimation = function (transformOrigin) {
@@ -60,7 +61,12 @@ export var PopupCard = createComponent('div')({
         var transformOrigin = React.useMemo(function () {
             return getTransformFromPlacement(localModel.state.placement || 'bottom');
         }, [localModel.state.placement]);
-        return (React.createElement(StyledPopupCard, __assign({ as: Element, transformOrigin: transformOrigin, position: "relative", padding: "l", depth: 2, maxWidth: "calc(100vw - " + space.l + ")" }, props), children));
+        // As is a Stack that will render an element of `Element`
+        var As = useConstant(function () { return Stack.as(Element); });
+        return (React.createElement(StyledPopupCard, __assign({ 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] || 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));
     },
 });
 var templateObject_1;

package/dist/es6/popup/lib/PopupHeading.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Card } from '@workday/canvas-kit-react/card';
 import { PopupModel } 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

package/dist/es6/popup/lib/PopupHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupHeading.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAkB,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,kEAYvB,CAAC"}
+{"version":3,"file":"PopupHeading.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAAkB,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;IACjF;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,kEAYvB,CAAC"}

package/dist/es6/popup/lib/PopupHeading.js

@@ -30,6 +30,6 @@ export var PopupHeading = createComponent('h2')({
         var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
         var localModel = useModelContext(PopupModelContext, model);
         var props = usePopupHeading(localModel, elemProps, ref);
-        return (React.createElement(Card.Heading, __assign({ as: Element }, props), children));
+        return (React.createElement(Card.Heading, __assign({ as: Element, marginBottom: "s" }, props), children));
     },
 });

package/modal/lib/Modal.tsx

@@ -6,6 +6,7 @@ import {ModalOverlay} from './ModalOverlay';
 import {ModalCard} from './ModalCard';
 import {useModalModel} from './hooks';
 import {ModalHeading} from './ModalHeading';
+import {ModalOverflowOverlay} from './ModalOverflowOverlay';
 
 export interface ModalProps extends ExtractProps<typeof Dialog, never> {
   /** The contents of the Modal. Can be `Modal` subcomponents or any valid elements. */
@@ -27,6 +28,7 @@ export const Modal = createComponent()({
     Target: Popup.Target,
     Heading: ModalHeading,
     Overlay: ModalOverlay,
+    OverflowOverlay: ModalOverflowOverlay,
     CloseButton: Popup.CloseButton,
   },
 });

package/modal/lib/ModalCard.tsx

@@ -14,7 +14,7 @@ export const ModalCard = createComponent('div')({
 
     const props = useModalCard(localModel, elemProps, ref);
     return (
-      <Popup.Card as={Element} width={440} borderWidth={0} {...props}>
+      <Popup.Card as={Element} width={440} borderWidth={0} margin="xl" {...props}>
         {children}
       </Popup.Card>
     );

package/modal/lib/ModalOverflowOverlay.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+import {createComponent, ExtractProps, StyledType} from '@workday/canvas-kit-react/common';
+
+import {ModalOverlay} from './ModalOverlay';
+import styled from '@emotion/styled';
+
+const StyledOverlay = styled(ModalOverlay)<StyledType>({
+  '& > div': {maxHeight: 'inherit'}, // reset maxHeight of centering div
+});
+
+export const ModalOverflowOverlay = createComponent('div')({
+  displayName: 'Modal.OverflowOverlay',
+  Component: (
+    {children, model, ...elemProps}: ExtractProps<typeof ModalOverlay, never>,
+    ref,
+    Element
+  ) => {
+    return (
+      <StyledOverlay as={Element} ref={ref} overflow="auto" {...elemProps}>
+        {children}
+      </StyledOverlay>
+    );
+  },
+});

package/modal/lib/ModalOverlay.tsx

@@ -12,8 +12,9 @@ import {
 import {PopupModel, PopupModelContext, usePopupStack} from '@workday/canvas-kit-react/popup';
 import {keyframes} from '@emotion/core';
 import styled from '@emotion/styled';
+import {Box, BoxProps} from '@workday/canvas-kit-labs-react/common';
 
-export interface ModalOverlayProps {
+export interface ModalOverlayProps extends BoxProps {
   model?: PopupModel;
   children: React.ReactNode;
 }
@@ -27,7 +28,7 @@ const fadeIn = keyframes`
   }
 `;
 
-const Container = styled('div')<StyledType>({
+const Container = styled(Box)<StyledType>({
   position: 'fixed',
   top: 0,
   left: 0,
@@ -47,13 +48,20 @@ const Container = styled('div')<StyledType>({
 // the Modal. The centering container forces a "center" pixel calculation by making sure the width
 // is always an even number
 const CenteringContainer = styled('div')({
-  height: '100vh',
+  maxHeight: '100vh',
   display: 'flex',
   position: 'absolute',
   left: 0,
   top: 0,
   alignItems: 'center',
   justifyContent: 'center',
+
+  // IE11 fix for setting min-height in a flex container
+  ':before': {
+    display: 'block',
+    content: "''",
+    height: '100vh',
+  },
 });
 
 export const ModalOverlay = createComponent('div')({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "7.0.0-alpha.0-next.3+14a81c7e",
+  "version": "7.0.0-alpha.0-next.4+bdd1ec94",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -57,9 +57,9 @@
     "@emotion/styled": "^10.0.27",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.3+14a81c7e",
-    "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.0-next.3+14a81c7e",
-    "@workday/canvas-kit-preview-react": "^7.0.0-alpha.0-next.3+14a81c7e",
+    "@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.4+bdd1ec94",
+    "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.0-next.4+bdd1ec94",
+    "@workday/canvas-kit-preview-react": "^7.0.0-alpha.0-next.4+bdd1ec94",
     "@workday/canvas-system-icons-web": "1.0.41",
     "@workday/design-assets-types": "^0.2.4",
     "chroma-js": "^2.1.0",
@@ -77,5 +77,5 @@
     "@workday/canvas-accent-icons-web": "^1.0.0",
     "@workday/canvas-applet-icons-web": "^0.17.50"
   },
-  "gitHead": "14a81c7ef3deb9efaf67fa3ec9cc2d2a3161b00b"
+  "gitHead": "bdd1ec9493a5a2dc4d67e4cc33adcba13efee4b7"
 }

package/popup/lib/Popup.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 
-import {Card} from '@workday/canvas-kit-react/card';
 import {createComponent, useDefaultModel} from '@workday/canvas-kit-react/common';
 
 import {PopupModel, usePopupModel, PopupModelContext} from './hooks';
@@ -10,6 +9,7 @@ import {PopupPopper} from './PopupPopper';
 import {PopupHeading} from './PopupHeading';
 import {PopupCloseIcon} from './PopupCloseIcon';
 import {PopupCloseButton} from './PopupCloseButton';
+import {PopupBody} from './PopupBody';
 
 export interface PopupProps {
   /**
@@ -30,7 +30,7 @@ export const Popup = createComponent()({
   },
   subComponents: {
     Heading: PopupHeading,
-    Body: Card.Body,
+    Body: PopupBody,
     Card: PopupCard,
     CloseIcon: PopupCloseIcon,
     Target: PopupTarget,

package/popup/lib/PopupBody.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
+import {Card} from '@workday/canvas-kit-react/card';
+
+export const PopupBody = createComponent('div')({
+  displayName: 'Popup.Body',
+  Component: (props: ExtractProps<typeof Card.Body, never>, ref) => {
+    return <Card.Body overflowY="auto" {...props} />;
+  },
+});

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/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/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/modal/lib/Modal.d.ts

@@ -12,6 +12,7 @@ export declare const Modal: import("../../common").Component<ModalProps> & {
     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/popup/lib/PopupBody.d.ts

@@ -0,0 +1,2 @@
+export declare const PopupBody: 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>;
+//# sourceMappingURL=PopupBody.d.ts.map

package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { StackStyleProps } from '@workday/canvas-kit-labs-react/layout';
 import { PopupModel } 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

package/ts3.5/dist/commonjs/popup/lib/PopupHeading.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Card } from '@workday/canvas-kit-react/card';
 import { PopupModel } 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

package/ts3.5/dist/es6/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/es6/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/es6/modal/lib/Modal.d.ts

@@ -12,6 +12,7 @@ export declare const Modal: import("../../common").Component<ModalProps> & {
     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/es6/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/es6/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/es6/popup/lib/PopupBody.d.ts

@@ -0,0 +1,2 @@
+export declare const PopupBody: 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>;
+//# sourceMappingURL=PopupBody.d.ts.map

package/ts3.5/dist/es6/popup/lib/PopupCard.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { StackStyleProps } from '@workday/canvas-kit-labs-react/layout';
 import { PopupModel } 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

package/ts3.5/dist/es6/popup/lib/PopupHeading.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Card } from '@workday/canvas-kit-react/card';
 import { PopupModel } 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