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

package/card/lib/CardHeading.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
-import {type, space} from '@workday/canvas-kit-react/tokens';
+import {type} from '@workday/canvas-kit-react/tokens';
 import {StyledType, createComponent} from '@workday/canvas-kit-react/common';
+import {Box, BoxProps} from '@workday/canvas-kit-labs-react/common';
 
-export interface CardHeadingProps {
+export interface CardHeadingProps extends BoxProps {
   /**
    * The id of the Card heading. Tie this to an `aria-labelledby` for accessibility.
    */
@@ -12,17 +13,15 @@ export interface CardHeadingProps {
   children?: React.ReactNode;
 }
 
-const Heading = styled('h3')<StyledType>(type.levels.body.large, {
+const Heading = styled(Box.as('h3'))<StyledType>(type.levels.body.large, {
   fontWeight: type.properties.fontWeights.bold,
-  marginBottom: space.m,
-  marginTop: 0,
 });
 
 export const CardHeading = createComponent('h3')({
   displayName: 'Card.Heading',
   Component: ({children, ...elemProps}: CardHeadingProps, ref, Element) => {
     return (
-      <Heading ref={ref} as={Element} {...elemProps}>
+      <Heading ref={ref} marginBottom="m" marginTop={0} as={Element} {...elemProps}>
         {children}
       </Heading>
     );

package/common/lib/utils/index.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/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/dist/commonjs/card/lib/CardHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD,eAAO,MAAM,WAAW,iEAStB,CAAC"}
+{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,eAAO,MAAM,WAAW,iEAStB,CAAC"}

package/dist/commonjs/card/lib/CardHeading.js

@@ -36,15 +36,14 @@ var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
-var Heading = styled_1.default('h3')(tokens_1.type.levels.body.large, {
+var common_2 = require("@workday/canvas-kit-labs-react/common");
+var Heading = styled_1.default(common_2.Box.as('h3'))(tokens_1.type.levels.body.large, {
     fontWeight: tokens_1.type.properties.fontWeights.bold,
-    marginBottom: tokens_1.space.m,
-    marginTop: 0,
 });
 exports.CardHeading = common_1.createComponent('h3')({
     displayName: 'Card.Heading',
     Component: function (_a, ref, Element) {
         var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(Heading, __assign({ ref: ref, as: Element }, elemProps), children));
+        return (React.createElement(Heading, __assign({ ref: ref, marginBottom: "m", marginTop: 0, as: Element }, elemProps), children));
     },
 });

package/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/dist/commonjs/common/lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/commonjs/common/lib/utils/index.js

@@ -15,6 +15,7 @@ __export(require("./useMount"));
 __export(require("./components"));
 __export(require("./models"));
 __export(require("./elements"));
+__export(require("./useConstant"));
 __export(require("./useIsFullscreen"));
 __export(require("./useWindowSize"));
 __export(require("./useResizeObserver"));

package/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/dist/commonjs/modal/lib/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAOxD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC;IACpE,qFAAqF;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;;;;;;;CAiBhB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAQxD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC;IACpE,qFAAqF;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;;;;;;;;CAkBhB,CAAC"}

package/dist/commonjs/modal/lib/Modal.js

@@ -25,6 +25,7 @@ var ModalOverlay_1 = require("./ModalOverlay");
 var ModalCard_1 = require("./ModalCard");
 var hooks_1 = require("./hooks");
 var ModalHeading_1 = require("./ModalHeading");
+var ModalOverflowOverlay_1 = require("./ModalOverflowOverlay");
 exports.Modal = common_1.createComponent()({
     displayName: 'Modal',
     Component: function (_a) {
@@ -39,6 +40,7 @@ exports.Modal = common_1.createComponent()({
         Target: popup_1.Popup.Target,
         Heading: ModalHeading_1.ModalHeading,
         Overlay: ModalOverlay_1.ModalOverlay,
+        OverflowOverlay: ModalOverflowOverlay_1.ModalOverflowOverlay,
         CloseButton: popup_1.Popup.CloseButton,
     },
 });

package/dist/commonjs/modal/lib/ModalCard.js

@@ -39,6 +39,6 @@ exports.ModalCard = common_1.createComponent('div')({
         var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
         var localModel = common_1.useModelContext(popup_1.PopupModelContext, model);
         var props = hooks_1.useModalCard(localModel, elemProps, ref);
-        return (React.createElement(popup_1.Popup.Card, __assign({ as: Element, width: 440, borderWidth: 0 }, props), children));
+        return (React.createElement(popup_1.Popup.Card, __assign({ as: Element, width: 440, borderWidth: 0, margin: "xl" }, props), children));
     },
 });

package/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/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverflowOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverflowOverlay.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB,4FAa/B,CAAC"}

package/dist/commonjs/modal/lib/ModalOverflowOverlay.js

@@ -0,0 +1,48 @@
+"use strict";
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var ModalOverlay_1 = require("./ModalOverlay");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledOverlay = styled_1.default(ModalOverlay_1.ModalOverlay)({
+    '& > div': { maxHeight: 'inherit' },
+});
+exports.ModalOverflowOverlay = common_1.createComponent('div')({
+    displayName: 'Modal.OverflowOverlay',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
+        return (React.createElement(StyledOverlay, __assign({ as: Element, ref: ref, overflow: "auto" }, elemProps), children));
+    },
+});

package/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/dist/commonjs/modal/lib/ModalOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAI7F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}
+{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAG7F,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+CD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}

package/dist/commonjs/modal/lib/ModalOverlay.js

@@ -35,8 +35,9 @@ var common_1 = require("@workday/canvas-kit-react/common");
 var popup_1 = require("@workday/canvas-kit-react/popup");
 var core_1 = require("@emotion/core");
 var styled_1 = __importDefault(require("@emotion/styled"));
+var common_2 = require("@workday/canvas-kit-labs-react/common");
 var fadeIn = core_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"], ["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"])));
-var Container = styled_1.default('div')({
+var Container = styled_1.default(common_2.Box)({
     position: 'fixed',
     top: 0,
     left: 0,
@@ -55,13 +56,19 @@ var Container = styled_1.default('div')({
 // the Modal. The centering container forces a "center" pixel calculation by making sure the width
 // is always an even number
 var CenteringContainer = styled_1.default('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',
+    },
 });
 exports.ModalOverlay = common_1.createComponent('div')({
     displayName: 'Modal.Overlay',

package/dist/commonjs/popup/lib/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,UAAU,EAAmC,MAAM,SAAS,CAAC;AAQrE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,KAAK;;;;;;;;CAehB,CAAC"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,UAAU,EAAmC,MAAM,SAAS,CAAC;AASrE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,KAAK;;;;;;;;CAehB,CAAC"}

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

@@ -19,7 +19,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
-var card_1 = require("@workday/canvas-kit-react/card");
 var common_1 = require("@workday/canvas-kit-react/common");
 var hooks_1 = require("./hooks");
 var PopupCard_1 = require("./PopupCard");
@@ -28,6 +27,7 @@ var PopupPopper_1 = require("./PopupPopper");
 var PopupHeading_1 = require("./PopupHeading");
 var PopupCloseIcon_1 = require("./PopupCloseIcon");
 var PopupCloseButton_1 = require("./PopupCloseButton");
+var PopupBody_1 = require("./PopupBody");
 exports.Popup = common_1.createComponent()({
     displayName: 'Popup',
     Component: function (_a) {
@@ -37,7 +37,7 @@ exports.Popup = common_1.createComponent()({
     },
     subComponents: {
         Heading: PopupHeading_1.PopupHeading,
-        Body: card_1.Card.Body,
+        Body: PopupBody_1.PopupBody,
         Card: PopupCard_1.PopupCard,
         CloseIcon: PopupCloseIcon_1.PopupCloseIcon,
         Target: PopupTarget_1.PopupTarget,

package/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/dist/commonjs/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/commonjs/popup/lib/PopupBody.js

@@ -0,0 +1,29 @@
+"use strict";
+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);
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var card_1 = require("@workday/canvas-kit-react/card");
+exports.PopupBody = common_1.createComponent('div')({
+    displayName: 'Popup.Body',
+    Component: function (props, ref) {
+        return React.createElement(card_1.Card.Body, __assign({ overflowY: "auto" }, props));
+    },
+});

package/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/dist/commonjs/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/commonjs/popup/lib/PopupCard.js

@@ -38,6 +38,7 @@ var core_1 = require("@emotion/core");
 var card_1 = require("@workday/canvas-kit-react/card");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
+var layout_1 = require("@workday/canvas-kit-labs-react/layout");
 var getTransformFromPlacement_1 = require("./getTransformFromPlacement");
 var hooks_1 = require("./hooks");
 var popupAnimation = function (transformOrigin) {
@@ -69,7 +70,12 @@ exports.PopupCard = common_1.createComponent('div')({
         var transformOrigin = React.useMemo(function () {
             return getTransformFromPlacement_1.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 - " + tokens_1.space.l + ")" }, props), children));
+        // As is a Stack that will render an element of `Element`
+        var As = common_1.useConstant(function () { return layout_1.Stack.as(Element); });
+        return (React.createElement(StyledPopupCard, __assign({ as: As, transformOrigin: transformOrigin, position: "relative", padding: "l", depth: 2, maxWidth: "calc(100vw - " + tokens_1.space.l + ")", spacing: 0, flexDirection: "column", minHeight: 0, maxHeight: "calc(100vh - " + (elemProps.margin
+                ? tokens_1.space[elemProps.margin] || elemProps.margin
+                : tokens_1.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/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/dist/commonjs/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/commonjs/popup/lib/PopupHeading.js

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

package/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/dist/es6/card/lib/CardHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD,eAAO,MAAM,WAAW,iEAStB,CAAC"}
+{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,eAAO,MAAM,WAAW,iEAStB,CAAC"}

package/dist/es6/card/lib/CardHeading.js

@@ -22,17 +22,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import styled from '@emotion/styled';
-import { type, space } from '@workday/canvas-kit-react/tokens';
+import { type } from '@workday/canvas-kit-react/tokens';
 import { createComponent } from '@workday/canvas-kit-react/common';
-var Heading = styled('h3')(type.levels.body.large, {
+import { Box } from '@workday/canvas-kit-labs-react/common';
+var Heading = styled(Box.as('h3'))(type.levels.body.large, {
     fontWeight: type.properties.fontWeights.bold,
-    marginBottom: space.m,
-    marginTop: 0,
 });
 export var CardHeading = createComponent('h3')({
     displayName: 'Card.Heading',
     Component: function (_a, ref, Element) {
         var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(Heading, __assign({ ref: ref, as: Element }, elemProps), children));
+        return (React.createElement(Heading, __assign({ ref: ref, marginBottom: "m", marginTop: 0, as: Element }, elemProps), children));
     },
 });

package/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/dist/es6/common/lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/es6/common/lib/utils/index.js

@@ -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/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/dist/es6/modal/lib/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAOxD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC;IACpE,qFAAqF;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;;;;;;;CAiBhB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAQxD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC;IACpE,qFAAqF;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;;;;;;;;CAkBhB,CAAC"}

package/dist/es6/modal/lib/Modal.js

@@ -16,6 +16,7 @@ import { ModalOverlay } from './ModalOverlay';
 import { ModalCard } from './ModalCard';
 import { useModalModel } from './hooks';
 import { ModalHeading } from './ModalHeading';
+import { ModalOverflowOverlay } from './ModalOverflowOverlay';
 export var Modal = createComponent()({
     displayName: 'Modal',
     Component: function (_a) {
@@ -30,6 +31,7 @@ export var Modal = createComponent()({
         Target: Popup.Target,
         Heading: ModalHeading,
         Overlay: ModalOverlay,
+        OverflowOverlay: ModalOverflowOverlay,
         CloseButton: Popup.CloseButton,
     },
 });

package/dist/es6/modal/lib/ModalCard.js

@@ -30,6 +30,6 @@ export var ModalCard = createComponent('div')({
         var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
         var localModel = useModelContext(PopupModelContext, model);
         var props = useModalCard(localModel, elemProps, ref);
-        return (React.createElement(Popup.Card, __assign({ as: Element, width: 440, borderWidth: 0 }, props), children));
+        return (React.createElement(Popup.Card, __assign({ as: Element, width: 440, borderWidth: 0, margin: "xl" }, props), children));
     },
 });

package/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/dist/es6/modal/lib/ModalOverflowOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverflowOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverflowOverlay.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB,4FAa/B,CAAC"}

package/dist/es6/modal/lib/ModalOverflowOverlay.js

@@ -0,0 +1,36 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { ModalOverlay } from './ModalOverlay';
+import styled from '@emotion/styled';
+var StyledOverlay = styled(ModalOverlay)({
+    '& > div': { maxHeight: 'inherit' },
+});
+export var ModalOverflowOverlay = createComponent('div')({
+    displayName: 'Modal.OverflowOverlay',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
+        return (React.createElement(StyledOverlay, __assign({ as: Element, ref: ref, overflow: "auto" }, elemProps), children));
+    },
+});

package/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/dist/es6/modal/lib/ModalOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAI7F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}
+{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAG7F,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+CD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}

package/dist/es6/modal/lib/ModalOverlay.js

@@ -30,8 +30,9 @@ import { createComponent, useModelContext, createHook, useWindowSize, useForkRef
 import { PopupModelContext, usePopupStack } from '@workday/canvas-kit-react/popup';
 import { keyframes } from '@emotion/core';
 import styled from '@emotion/styled';
+import { Box } from '@workday/canvas-kit-labs-react/common';
 var fadeIn = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"], ["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"])));
-var Container = styled('div')({
+var Container = styled(Box)({
     position: 'fixed',
     top: 0,
     left: 0,
@@ -50,13 +51,19 @@ var Container = styled('div')({
 // the Modal. The centering container forces a "center" pixel calculation by making sure the width
 // is always an even number
 var 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 var ModalOverlay = createComponent('div')({
     displayName: 'Modal.Overlay',

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,UAAU,EAAmC,MAAM,SAAS,CAAC;AAQrE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,KAAK;;;;;;;;CAehB,CAAC"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,UAAU,EAAmC,MAAM,SAAS,CAAC;AASrE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,KAAK;;;;;;;;CAehB,CAAC"}