@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

package/dist/commonjs/popup/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/popup/lib/Popper.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Placement as PopperJSPlacement, Options, Instance } from '@popperjs/core';
-export declare type Placement = `${PopperJSPlacement}`;
-export declare type PopperOptions = Options;
+export type Placement = `${PopperJSPlacement}`;
+export type PopperOptions = Options;
 export declare const defaultFallbackPlacements: Placement[];
 export interface PopperProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,SAAS,IAAI,iBAAiB,EAC9B,OAAO,EACP,QAAQ,EAGT,MAAM,gBAAgB,CAAC;AAExB,oBAAY,SAAS,GAAG,GAAG,iBAAiB,EAAE,CAAC;AAC/C,oBAAY,aAAa,GAAG,OAAO,CAAC;AACpC,eAAO,MAAM,yBAAyB,EAAE,SAAS,EAAuC,CAAC;AAMzF,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACjF;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;CACzC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,oFAQlB,CAAC"}
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,SAAS,IAAI,iBAAiB,EAC9B,OAAO,EACP,QAAQ,EAGT,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,SAAS,GAAG,GAAG,iBAAiB,EAAE,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;AACpC,eAAO,MAAM,yBAAyB,EAAE,SAAS,EAAuC,CAAC;AAMzF,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACjF;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;CACzC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,oFAQlB,CAAC"}

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -46,7 +50,7 @@ exports.Popper = React.forwardRef(({ portal = true, open = true, ...elemProps },
     if (!open) {
         return null;
     }
-    return React.createElement(OpenPopper, Object.assign({ ref: ref, portal: portal }, elemProps));
+    return React.createElement(OpenPopper, { ref: ref, portal: portal, ...elemProps });
 });
 const getElementFromRefOrElement = (input) => {
     if (input === null) {
@@ -65,9 +69,9 @@ const defaultPopperOptions = {};
 // so we're breaking out the open version into another component.
 const OpenPopper = React.forwardRef(({ anchorElement, getAnchorClientRect, popperOptions = defaultPopperOptions, placement: popperPlacement = 'bottom', fallbackPlacements = exports.defaultFallbackPlacements, onPlacementChange, children, portal, popperInstanceRef, }, ref) => {
     const firstRender = React.useRef(true);
-    const { localRef, elementRef } = common_1.useLocalRef(popperInstanceRef);
+    const { localRef, elementRef } = (0, common_1.useLocalRef)(popperInstanceRef);
     const [placement, setPlacement] = React.useState(popperPlacement);
-    const stackRef = hooks_1.usePopupStack(ref, anchorElement);
+    const stackRef = (0, hooks_1.usePopupStack)(ref, anchorElement);
     const placementRef = React.useRef(popperPlacement);
     placementRef.current = placement;
     const placementModifier = React.useMemo(() => {
@@ -91,7 +95,7 @@ const OpenPopper = React.forwardRef(({ anchorElement, getAnchorClientRect, poppe
             return undefined;
         }
         if (stackRef.current) {
-            const instance = core_1.createPopper(anchorEl, stackRef.current, {
+            const instance = (0, core_1.createPopper)(anchorEl, stackRef.current, {
                 placement: popperPlacement,
                 ...popperOptions,
                 modifiers: [

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,7 +51,7 @@ const PopupBody_1 = require("./PopupBody");
  * </>
  * ```
  */
-exports.Popup = common_1.createContainer()({
+exports.Popup = (0, common_1.createContainer)()({
     displayName: 'Popup',
     modelHook: hooks_1.usePopupModel,
     subComponents: {

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,12 +31,12 @@ const hooks_1 = require("./hooks");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const layout_1 = require("../../layout");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-exports.popupBodyStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "6a8871", styles: "box-sizing:border-box;overflow-y:auto;padding:var(--cnvs-sys-space-x2);" }
+exports.popupBodyStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk2i", styles: "box-sizing:border-box;overflow-y:auto;padding:var(--cnvs-sys-space-x2);" }
 }, "popup-body-1fee86");
-exports.PopupBody = common_1.createSubcomponent('div')({
+exports.PopupBody = (0, common_1.createSubcomponent)('div')({
     displayName: 'Popup.Body',
     modelHook: hooks_1.usePopupModel,
 })(elemProps => {
-    return React.createElement(card_1.Card.Body, Object.assign({}, layout_1.mergeStyles(elemProps, exports.popupBodyStencil())));
+    return React.createElement(card_1.Card.Body, { ...(0, layout_1.mergeStyles)(elemProps, (0, exports.popupBodyStencil)()) });
 });

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { FlexStyleProps } from '@workday/canvas-kit-react/layout';
-export declare type FlexAndBoxProps = ExtractProps<typeof Card, never> & FlexStyleProps;
+export type FlexAndBoxProps = ExtractProps<typeof Card, never> & FlexStyleProps;
 export interface PopupCardProps extends FlexAndBoxProps {
     children?: React.ReactNode;
 }

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;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAc,MAAM,kCAAkC,CAAC;AAO7E,oBAAY,eAAe,GAAG,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAChF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA+CD,eAAO,MAAM,gBAAgB;;;;;;;;gBA6B3B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EA0BpB,CAAC"}
+{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAc,MAAM,kCAAkC,CAAC;AAO7E,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAChF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA+CD,eAAO,MAAM,gBAAgB;;;;;;;;gBA6B3B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EA0BpB,CAAC"}

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -29,11 +33,11 @@ const getTransformFromPlacement_1 = require("./getTransformFromPlacement");
 const hooks_1 = require("./hooks");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const translateVars = canvas_kit_styling_1.createVars({ id: "696a04", args: ["positionX", "positionY"] });
+const translateVars = (0, canvas_kit_styling_1.createVars)({ id: "696a04", args: ["positionX", "positionY"] });
 /**
  * Keyframe for the dots loading animation.
  */
-const fadeIn = canvas_kit_styling_1.keyframes({ name: "c0610e", styles: "0%{opacity:1;transform:translate(var(--positionX-696a04), var(--positionY-696a04));}100%{opacity:1;transform:translate(0);}" });
+const fadeIn = (0, canvas_kit_styling_1.keyframes)({ name: "ksnkx", styles: "0%{opacity:1;transform:translate(var(--positionX-696a04), var(--positionY-696a04));}100%{opacity:1;transform:translate(0);}" });
 function getSpace(value) {
     if (value && value in tokens_1.space) {
         return tokens_1.space[value];
@@ -44,7 +48,7 @@ function getSpace(value) {
 }
 function getMaxHeight(margin) {
     // set the default margin offset to space.xl
-    let marginOffset = canvas_kit_styling_1.cssVar(canvas_tokens_web_1.system.space.x10);
+    let marginOffset = (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x10);
     if (margin) {
         // parse the margin prop
         if (typeof margin === 'string') {
@@ -61,30 +65,30 @@ function getMaxHeight(margin) {
     }
     return `calc(100vh - ${marginOffset})`;
 }
-exports.popupCardStencil = canvas_kit_styling_1.createStencil({
+exports.popupCardStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         maxHeight: '',
         transformOriginHorizontal: '',
         transformOriginVertical: '',
     },
-    base: { name: "ed2f7f", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;position:relative;max-width:calc(100vw - var(--cnvs-sys-space-x8));flex-direction:column;box-shadow:var(--cnvs-sys-depth-5);min-height:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x6);max-height:var(--maxHeight-popup-card-36628b);overflow-y:auto;animation-name:animation-c0610e;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--transformOriginVertical-popup-card-36628b) var(--transformOriginHorizontal-popup-card-36628b);.wd-no-animation &{animation:none;}@media screen and (max-width: 768px){transform-origin:bottom center;}" }
+    base: { name: "ksnky", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;position:relative;max-width:calc(100vw - var(--cnvs-sys-space-x8));flex-direction:column;box-shadow:var(--cnvs-sys-depth-5);min-height:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x6);max-height:var(--maxHeight-popup-card-36628b);overflow-y:auto;animation-name:animation-ksnkx;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--transformOriginVertical-popup-card-36628b) var(--transformOriginHorizontal-popup-card-36628b);.wd-no-animation &{animation:none;}@media screen and (max-width: 768px){transform-origin:bottom center;}" }
 }, "popup-card-36628b");
-exports.PopupCard = common_1.createSubcomponent('div')({
+exports.PopupCard = (0, common_1.createSubcomponent)('div')({
     displayName: 'Popup.Card',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupCard,
 })(({ children, ref, ...elemProps }, Element, model) => {
     const transformOrigin = React.useMemo(() => {
-        return getTransformFromPlacement_1.getTransformFromPlacement(model.state.placement || 'bottom');
+        return (0, getTransformFromPlacement_1.getTransformFromPlacement)(model.state.placement || 'bottom');
     }, [model.state.placement]);
-    const translate = common_1.getTransformOrigin(transformOrigin, canvas_kit_styling_1.cssVar(canvas_tokens_web_1.system.space.x2));
+    const translate = (0, common_1.getTransformOrigin)(transformOrigin, (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x2));
     const cardMaxHeight = getMaxHeight(elemProps.margin);
-    return (React.createElement(card_1.Card, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, [
-        exports.popupCardStencil({
-            transformOriginHorizontal: transformOrigin.horizontal,
-            transformOriginVertical: transformOrigin.vertical,
-            maxHeight: cardMaxHeight,
-        }),
-        translateVars({ positionX: translate.x, positionY: translate.y }),
-    ])), children));
+    return (React.createElement(card_1.Card, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, [
+            (0, exports.popupCardStencil)({
+                transformOriginHorizontal: transformOrigin.horizontal,
+                transformOriginVertical: transformOrigin.vertical,
+                maxHeight: cardMaxHeight,
+            }),
+            translateVars({ positionX: translate.x, positionY: translate.y }),
+        ]) }, children));
 });

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,10 +28,10 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const button_1 = require("@workday/canvas-kit-react/button");
 const hooks_1 = require("./hooks");
-exports.PopupCloseButton = common_1.createSubcomponent(button_1.SecondaryButton)({
+exports.PopupCloseButton = (0, common_1.createSubcomponent)(button_1.SecondaryButton)({
     displayName: 'Popup.CloseButton',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupCloseButton,
 })(({ children, ...elemProps }, Element) => {
-    return (React.createElement(Element, Object.assign({ type: "button" }, elemProps), children));
+    return (React.createElement(Element, { type: "button", ...elemProps }, children));
 });

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

@@ -12,13 +12,13 @@ const hooks_1 = require("./hooks");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const layout_1 = require("../../layout");
-exports.popupCloseIconStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "259736", styles: "box-sizing:border-box;position:absolute;inset-inline-end:var(--cnvs-sys-space-x1);top:var(--cnvs-sys-space-x1);" }
+exports.popupCloseIconStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk2h", styles: "box-sizing:border-box;position:absolute;inset-inline-end:var(--cnvs-sys-space-x1);top:var(--cnvs-sys-space-x1);" }
 }, "popup-close-icon-111273");
-exports.PopupCloseIcon = common_1.createSubcomponent('button')({
+exports.PopupCloseIcon = (0, common_1.createSubcomponent)('button')({
     displayName: 'Popup.CloseIcon',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupCloseButton,
 })(({ children, ...elemProps }, Element) => {
-    return (react_1.default.createElement(button_1.TertiaryButton, Object.assign({ as: Element, size: "medium", icon: canvas_system_icons_web_1.xIcon, type: "button" }, layout_1.mergeStyles(elemProps, exports.popupCloseIconStencil()))));
+    return (react_1.default.createElement(button_1.TertiaryButton, { as: Element, size: "medium", icon: canvas_system_icons_web_1.xIcon, type: "button", ...(0, layout_1.mergeStyles)(elemProps, (0, exports.popupCloseIconStencil)()) }));
 });

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,13 +31,13 @@ const hooks_1 = require("./hooks");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const layout_1 = require("../../layout");
-exports.popupHeadingStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "019f21", styles: "box-sizing:border-box;margin-block-end:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);" }
+exports.popupHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk2g", styles: "box-sizing:border-box;margin-block-end:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);" }
 }, "popup-heading-3e49bb");
-exports.PopupHeading = common_1.createSubcomponent('h2')({
+exports.PopupHeading = (0, common_1.createSubcomponent)('h2')({
     displayName: 'Popup.Heading',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupHeading,
 })(({ children, ...elemProps }, Element) => {
-    return (React.createElement(card_1.Card.Heading, Object.assign({ as: Element }, layout_1.mergeStyles(elemProps, exports.popupHeadingStencil())), children));
+    return (React.createElement(card_1.Card.Heading, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.popupHeadingStencil)()) }, children));
 });

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -35,10 +39,10 @@ const popperOptions = {
         },
     ],
 };
-exports.PopupPopper = common_1.createSubcomponent('div')({
+exports.PopupPopper = (0, common_1.createSubcomponent)('div')({
     displayName: 'Popup.Popper',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupPopper,
 })(({ children, ...elemProps }) => {
-    return (React.createElement(Popper_1.Popper, Object.assign({}, elemProps, { popperOptions: popperOptions }, elemProps), children));
+    return (React.createElement(Popper_1.Popper, { ...elemProps, popperOptions: popperOptions, ...elemProps }, children));
 });

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,10 +28,10 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const button_1 = require("@workday/canvas-kit-react/button");
 const hooks_1 = require("./hooks");
-exports.PopupTarget = common_1.createSubcomponent(button_1.SecondaryButton)({
+exports.PopupTarget = (0, common_1.createSubcomponent)(button_1.SecondaryButton)({
     displayName: 'Popup.Target',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupTarget,
 })((elemProps, Element) => {
-    return React.createElement(Element, Object.assign({}, elemProps));
+    return React.createElement(Element, { ...elemProps });
 });

package/dist/commonjs/popup/lib/fallbackPlacements.d.ts

@@ -1,6 +1,6 @@
 import { Placement as PopperJSPlacement, Modifier } from '@popperjs/core';
-export declare type Placement = PopperJSPlacement;
-export declare type Options = {
+export type Placement = PopperJSPlacement;
+export type Options = {
     fallbackPlacements: Placement[];
 };
 declare const name = "fallbackModifier";

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

@@ -1 +1 @@
-{"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAI9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AA6E1C,oBAAY,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}
+{"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAI9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC;AA6E1C,MAAM,MAAM,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}

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

@@ -52,7 +52,7 @@ const choseAvailablePlacement = (placements, state, preferredPlacement) => {
         return preferredPlacement;
     }
     const { reference, popper } = state.rects;
-    const overflow = core_1.detectOverflow({ ...state, placement: placements[0] });
+    const overflow = (0, core_1.detectOverflow)({ ...state, placement: placements[0] });
     const direction = /left|right/.test(placements[0].split('-')[0]) ? 'horizontal' : 'vertical';
     const isOverflowed = (overflow.top > 0 || overflow.bottom > 0 || overflow.left > 0 || overflow.right > 0) &&
         (direction === 'horizontal'

package/dist/commonjs/popup/lib/hooks/focus-trap-js.js

@@ -81,7 +81,7 @@ function tabTrappingKey(event, parentElem, onlyTabbable = null) {
         return;
     }
     if (!parentElem || !parentElem.contains) {
-        if (process && process.env.NODE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
             console.warn('focus-trap-js: parent element is not defined');
         }
         return false;

package/dist/commonjs/popup/lib/hooks/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/popup/lib/hooks/useAlwaysCloseOnOutsideClick.js

@@ -17,7 +17,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * This should be used with popup elements that should close no matter their position in the stack
  * (i.e. Tooltips).
  */
-exports.useAlwaysCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useAlwaysCloseOnOutsideClick = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const onClick = react_1.default.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;

package/dist/commonjs/popup/lib/hooks/useAssistiveHideSiblings.js

@@ -18,7 +18,7 @@ const usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useAssistiveHideSiblings = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useAssistiveHideSiblings = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const visible = model.state.visibility !== 'hidden';
     react_1.default.useEffect(() => {
         var _a, _b;
@@ -26,7 +26,7 @@ exports.useAssistiveHideSiblings = common_1.createElemPropsHook(usePopupModel_1.
             return;
         }
         const siblings = [
-            ...(_b = (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children,
+            ...(((_b = (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children) || []),
         ].filter(el => el !== model.state.stackRef.current);
         const prevAriaHidden = siblings.map(el => el.getAttribute('aria-hidden'));
         siblings.forEach(el => {

package/dist/commonjs/popup/lib/hooks/useBringToTopOnClick.js

@@ -17,7 +17,7 @@ const usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-exports.useBringToTopOnClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useBringToTopOnClick = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const timer = react_1.default.useRef(-1);
     const onClick = react_1.default.useCallback((event) => {
         // requestAnimationFrame is used to control timing of when `bringToTop` is called.

package/dist/commonjs/popup/lib/hooks/useCloseOnEscape.js

@@ -15,7 +15,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-exports.useCloseOnEscape = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useCloseOnEscape = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const onKeyDown = react_1.default.useCallback((event) => {
         if ((event.key === 'Esc' || event.key === 'Escape') &&
             canvas_kit_popup_stack_1.PopupStack.isTopmost(model.state.stackRef.current)) {

package/dist/commonjs/popup/lib/hooks/useCloseOnFullscreenExit.js

@@ -13,7 +13,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-exports.useCloseOnFullscreenExit = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useCloseOnFullscreenExit = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const handler = react_1.default.useCallback((event) => {
         if (!screenfull_1.default.isFullscreen) {
             model.events.hide(event);

package/dist/commonjs/popup/lib/hooks/useCloseOnOutsideClick.js

@@ -18,7 +18,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * dropdown menus, etc. Tooltips and hierarchical menus should use
  * {@link useAlwaysCloseOnClickOutside} instead.
  */
-exports.useCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useCloseOnOutsideClick = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const onClick = react_1.default.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;

package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js

@@ -29,7 +29,7 @@ function getScrollParent(element) {
  *
  * This should be used with popup elements that are transitory like Tooltips and dropdown menus.
  */
-exports.useCloseOnTargetHidden = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useCloseOnTargetHidden = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const visible = model.state.visibility !== 'hidden';
     const callback = react_1.default.useCallback(entries => {
         if (entries[0].intersectionRatio < 0.5) {

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js

@@ -14,7 +14,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * This should be used with popup elements that hide all other content and force the user to accept
  * or dismiss the popup before continuing (i.e. Modals).
  */
-exports.useDisableBodyScroll = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useDisableBodyScroll = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const visible = model.state.visibility !== 'hidden';
     react_1.default.useLayoutEffect(() => {
         if (!visible) {

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.js

@@ -19,11 +19,11 @@ const usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used with non-modal dialogs.
  */
-exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useFocusRedirect = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const onKeyDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current && event.key === 'Tab') {
-            const firstFocusableElement = common_1.getFirstFocusableElement(model.state.stackRef.current);
-            const lastFocusableElement = common_1.getLastFocusableElement(model.state.stackRef.current);
+            const firstFocusableElement = (0, common_1.getFirstFocusableElement)(model.state.stackRef.current);
+            const lastFocusableElement = (0, common_1.getLastFocusableElement)(model.state.stackRef.current);
             if (event.getModifierState('Shift') && document.activeElement === firstFocusableElement) {
                 event.preventDefault();
                 model.events.hide(event);

package/dist/commonjs/popup/lib/hooks/useFocusTrap.js

@@ -17,10 +17,10 @@ const usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useFocusTrap = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useFocusTrap = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const onKeyDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current) {
-            focus_trap_js_1.tabTrappingKey(event, model.state.stackRef.current);
+            (0, focus_trap_js_1.tabTrappingKey)(event, model.state.stackRef.current);
         }
     }, [model.state.stackRef]);
     const visible = model.state.visibility !== 'hidden';

package/dist/commonjs/popup/lib/hooks/useInitialFocus.js

@@ -15,7 +15,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+exports.useInitialFocus = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(model => {
     const visible = model.state.visibility !== 'hidden';
     // Using `useEffect` instead of `useLayoutEffect` so that focus doesn't change _before_ PopperJS
     // has positioned the Popup. If we change focus before positioning, the browser will scroll to the
@@ -24,10 +24,10 @@ exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupM
         var _a;
         if (visible && model.state.stackRef.current) {
             const element = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
-                common_1.getFirstFocusableElement(model.state.stackRef.current);
-            common_1.assert(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
+                (0, common_1.getFirstFocusableElement)(model.state.stackRef.current);
+            (0, common_1.assert)(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
             requestAnimationFrame(() => {
-                common_1.changeFocus(element);
+                (0, common_1.changeFocus)(element);
             });
         }
     }, [model.state.initialFocusRef, model.state.stackRef, visible]);

package/dist/commonjs/popup/lib/hooks/usePopupCard.js

@@ -6,7 +6,7 @@ const usePopupModel_1 = require("./usePopupModel");
 /**
  * Adds the necessary props to a {@link PopupCard Popup.Card} subcomponent.
  */
-exports.usePopupCard = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ state }) => {
+exports.usePopupCard = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(({ state }) => {
     return {
         role: 'dialog',
         'aria-labelledby': state.id,

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.js

@@ -8,7 +8,7 @@ const usePopupModel_1 = require("./usePopupModel");
  * {@link PopupCloseButton Popup.CloseButton} subcomponent and
  * {@link PopupCloseIcon Popup.CloseIcon} subcomponent.
  */
-exports.usePopupCloseButton = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ events }) => {
+exports.usePopupCloseButton = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(({ events }) => {
     return {
         onClick: events.hide,
     };

package/dist/commonjs/popup/lib/hooks/usePopupHeading.js

@@ -6,7 +6,7 @@ const usePopupModel_1 = require("./usePopupModel");
 /**
  * Adds the necessary props to the {@link PopupHeading Popup.Heading} subcomponent.
  */
-exports.usePopupHeading = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ state }) => {
+exports.usePopupHeading = (0, common_1.createElemPropsHook)(usePopupModel_1.usePopupModel)(({ state }) => {
     return {
         id: state.id,
     };

package/dist/commonjs/popup/lib/hooks/usePopupModel.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,7 +29,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const disclosure_1 = require("@workday/canvas-kit-react/disclosure");
 // eslint-disable-next-line no-empty-function
 const noop = () => { };
-exports.usePopupModel = common_1.createModelHook({
+exports.usePopupModel = (0, common_1.createModelHook)({
     // create enough of a model to use `Popup.Card` without a `Popup` container component.
     defaultContext: { state: {}, events: { show: noop, hide: noop } },
     defaultConfig: {
@@ -46,7 +50,7 @@ exports.usePopupModel = common_1.createModelHook({
     const stackRef = React.useRef(null);
     const targetRef = React.useRef(null);
     const [placement, setPlacement] = React.useState('bottom');
-    const disclosure = disclosure_1.useDisclosureModel(config);
+    const disclosure = (0, disclosure_1.useDisclosureModel)(config);
     const state = {
         ...disclosure.state,
         /**