@workday/canvas-kit-react 8.5.0-339-next.0 → 8.5.0-342-next.2

package/dist/es6/dialog/lib/Dialog.d.ts

@@ -5,7 +5,7 @@ export interface DialogProps {
      */
     children: React.ReactNode;
 }
-export declare const Dialog: import("../../common").ComponentM<DialogProps & Partial<{
+export declare const Dialog: import("@workday/canvas-kit-react/common").ComponentM<DialogProps & Partial<{
     returnFocusRef: React.RefObject<any> | undefined;
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
@@ -20,7 +20,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
@@ -29,7 +29,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         stackRef: React.RefObject<HTMLDivElement>;
@@ -38,7 +38,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldUpdatePlacement?: ((data: {
@@ -50,7 +50,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
@@ -59,7 +59,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         stackRef: React.RefObject<HTMLDivElement>;
@@ -68,7 +68,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }, {
     state: {
@@ -78,7 +78,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -88,7 +88,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
 }> & {
-    Body: import("../../common").ElementComponentM<"div", import("../..").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").GridItemStyleProps & import("../..").LayoutStyleProps & import("../..").OtherStyleProps & import("../..").PositionStyleProps & import("../..").SpaceStyleProps & import("../..").TextStyleProps & React.HTMLAttributes<HTMLDivElement>, {
+    Body: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../..").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").GridItemStyleProps & import("../..").LayoutStyleProps & import("../..").OtherStyleProps & import("../..").PositionStyleProps & import("../..").SpaceStyleProps & import("../..").TextStyleProps & React.HTMLAttributes<HTMLDivElement>, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -96,7 +96,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -106,7 +106,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Card: import("../../common").ElementComponentM<"div", import("../../popup/lib/PopupCard").PopupCardProps & import("../../common").PropsWithModel<{
+    Card: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../popup/lib/PopupCard").PopupCardProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -114,7 +114,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -131,7 +131,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -141,7 +141,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    CloseIcon: import("../../common").ElementComponentM<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps, {
+    CloseIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -149,7 +149,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -159,7 +159,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Target: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, {}, {
+    Target: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, {}, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -167,7 +167,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -177,7 +177,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Heading: import("../../common").ElementComponentM<"h2", import("../../popup/lib/PopupHeading").PopupHeadingProps, {
+    Heading: import("@workday/canvas-kit-react/common").ElementComponentM<"h2", import("../../popup/lib/PopupHeading").PopupHeadingProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -185,7 +185,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -195,7 +195,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Popper: import("../../common").ElementComponentM<"div", import("../../popup/lib/PopupPopper").PopupPopperProps & import("../../common").PropsWithModel<{
+    Popper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../popup/lib/PopupPopper").PopupPopperProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -203,7 +203,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -220,7 +220,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {
@@ -230,7 +230,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    CloseButton: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupCloseButton").PopupCloseButtonProps, {
+    CloseButton: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupCloseButton").PopupCloseButtonProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -238,7 +238,7 @@ export declare const Dialog: import("../../common").ComponentM<DialogProps & Par
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             updatePlacement(data: {

package/dist/es6/dialog/lib/DialogCard.d.ts

@@ -3,7 +3,7 @@ import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { Popup } from '@workday/canvas-kit-react/popup';
 export interface DialogCardProps extends ExtractProps<typeof Popup.Card, never> {
 }
-export declare const DialogCard: import("../../common").ElementComponentM<"div", import("../../popup/lib/PopupCard").PopupCardProps & import("../../common").PropsWithModel<{
+export declare const DialogCard: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../popup/lib/PopupCard").PopupCardProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -11,7 +11,7 @@ export declare const DialogCard: import("../../common").ElementComponentM<"div",
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -28,7 +28,7 @@ export declare const DialogCard: import("../../common").ElementComponentM<"div",
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/es6/dialog/lib/DialogPopper.d.ts

@@ -3,7 +3,7 @@ import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { Popup } from '@workday/canvas-kit-react/popup';
 export interface DialogPopperProps extends ExtractProps<typeof Popup.Popper, never> {
 }
-export declare const DialogPopper: import("../../common").ElementComponentM<"div", import("../../popup/lib/PopupPopper").PopupPopperProps & import("../../common").PropsWithModel<{
+export declare const DialogPopper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../popup/lib/PopupPopper").PopupPopperProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -11,7 +11,7 @@ export declare const DialogPopper: import("../../common").ElementComponentM<"div
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -28,7 +28,7 @@ export declare const DialogPopper: import("../../common").ElementComponentM<"div
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/es6/dialog/lib/DialogPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogPopper.d.ts","sourceRoot":"","sources":["../../../../dialog/lib/DialogPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,KAAK,EAAyB,MAAM,iCAAiC,CAAC;AAI9E,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAAG;AAEtF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaxB,CAAC"}
+{"version":3,"file":"DialogPopper.d.ts","sourceRoot":"","sources":["../../../../dialog/lib/DialogPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,KAAK,EAAyB,MAAM,iCAAiC,CAAC;AAI9E,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAAG;AAEtF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBxB,CAAC"}

package/dist/es6/dialog/lib/DialogPopper.js

@@ -31,6 +31,9 @@ export var DialogPopper = createSubcomponent('div')({
     var children = _a.children, placement = _a.placement, popperOptions = _a.popperOptions, ref = _a.ref, props = __rest(_a, ["children", "placement", "popperOptions", "ref"]);
     var popperProps = usePopupPopper(model, { placement: placement, popperOptions: popperOptions }, ref);
     var elemProps = useDialogPopper(model, props);
+    if (model.state.visibility === 'hidden') {
+        return null;
+    }
     return (React.createElement(Element, __assign({}, elemProps),
         React.createElement(Popper, __assign({}, popperProps), children)));
 });

package/dist/es6/dialog/lib/hooks/useDialogCard.d.ts

@@ -6,7 +6,7 @@ export declare const useDialogCard: <P extends {}, R>(model: {
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -15,7 +15,7 @@ export declare const useDialogCard: <P extends {}, R>(model: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: import("react").Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;
 } : {});
 //# sourceMappingURL=useDialogCard.d.ts.map

package/dist/es6/dialog/lib/hooks/useDialogModel.d.ts

@@ -13,7 +13,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: {
         stackRef: import("react").RefObject<HTMLDivElement>;
@@ -22,7 +22,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: {
         stackRef: import("react").RefObject<HTMLDivElement>;
@@ -31,7 +31,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldUpdatePlacement?: ((data: {
@@ -43,7 +43,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: {
         stackRef: import("react").RefObject<HTMLDivElement>;
@@ -52,7 +52,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: {
         stackRef: import("react").RefObject<HTMLDivElement>;
@@ -61,7 +61,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }) | undefined) => {
     state: {
@@ -71,7 +71,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -80,7 +80,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
-}) & import("../../../common").ModelExtras<{
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
     returnFocusRef: import("react").RefObject<any> | undefined;
     initialFocusRef: import("react").RefObject<any> | undefined;
     id: string;
@@ -92,7 +92,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
     returnFocusRef: import("react").RefObject<any> | undefined;
     placement: import("@popperjs/core").Placement;
     id: string;
-    visibility: import("../../..").Visibility;
+    visibility: "hidden" | "visible";
 }, {
     updatePlacement(data: {
         placement: import("@popperjs/core").Placement;
@@ -107,7 +107,7 @@ export declare const useDialogModel: (<TT_Special_Generic>(config?: (Partial<{
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/es6/dialog/lib/hooks/useDialogPopper.d.ts

@@ -7,7 +7,7 @@ export declare const useDialogPopper: <P extends {}, R>(model: {
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -16,7 +16,7 @@ export declare const useDialogPopper: <P extends {}, R>(model: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, elemProps?: P | undefined, ref?: import("react").Ref<R> | undefined) => {
     'aria-owns': string;
     style: CSSProperties;
 } & P & (R extends HTMLOrSVGElement ? {

package/dist/es6/dialog/lib/hooks/useDialogPopper.js

@@ -4,6 +4,6 @@ export var useDialogPopper = createElemPropsHook(usePopupModel)(function (_a) {
     var state = _a.state;
     return {
         'aria-owns': "dialog-" + state.id,
-        style: { position: 'absolute' },
+        style: { position: 'absolute' }, // make sure the element doesn't participate in Flex
     };
 });

package/dist/es6/disclosure/lib/useDisclosureModel.d.ts

@@ -14,20 +14,20 @@ export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial
         id: string;
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /** ID reference of the list. Children ids can be derived from this id */
         id: string;
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
@@ -35,20 +35,20 @@ export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial
         id: string;
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /** ID reference of the list. Children ids can be derived from this id */
         id: string;
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }) | undefined) => {
     state: {
@@ -56,10 +56,10 @@ export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial
         id: string;
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**
@@ -73,7 +73,7 @@ export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial
          */
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
-}) & import("../../common").ModelExtras<{
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
     /** ID reference of the list. Children ids can be derived from this id */
     id: string;
     /**
@@ -86,10 +86,10 @@ export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial
     id: string;
     /**
      * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-     * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-     * 'hidden'` rather than `visibility === 'visible'`
+     * their needs, so if you need to consistently determine "not hidden", use
+     * `visibility !== 'hidden'` rather than `visibility === 'visible'`
      */
-    visibility: Visibility;
+    visibility: "hidden" | "visible";
 }, {
     /**
      * Start showing the disclosed content. If a DOM event triggered this event, the event data will
@@ -107,10 +107,10 @@ export declare const useDisclosureModel: (<TT_Special_Generic>(config?: (Partial
         id: string;
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**

package/dist/es6/disclosure/lib/useDisclosureModel.js

@@ -18,8 +18,8 @@ export var useDisclosureModel = createModelHook({
         id: id,
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
-         * their needs, so if you need to consistently determine "not hidden", use `visibility !==
-         * 'hidden'` rather than `visibility === 'visible'`
+         * their needs, so if you need to consistently determine "not hidden", use
+         * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
         visibility: visibility,
     };

package/dist/es6/form-field/lib/FormField.d.ts

@@ -55,12 +55,11 @@ export interface FormFieldProps extends Themeable, React.HTMLAttributes<HTMLDivE
 export interface FormFieldErrorBehavior {
     error?: ErrorType;
 }
-declare class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>> {
+export declare class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>> {
     static LabelPosition: typeof FormFieldLabelPosition;
     static ErrorType: typeof ErrorType;
     private inputId;
     private renderChildren;
     render(): JSX.Element;
 }
-export { FormField };
 //# sourceMappingURL=FormField.d.ts.map

package/dist/es6/form-field/lib/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,sBAAsB,EAAiC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC9E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,SAAS,mBAAa;IAE7B,OAAO,CAAC,OAAO,CAAoD;IAEnE,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CA2DP;AAKD,OAAO,EAAC,SAAS,EAAC,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,sBAAsB,EAAiC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACrF,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,SAAS,mBAAa;IAE7B,OAAO,CAAC,OAAO,CAAoD;IAEnE,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CA2DP"}

package/dist/es6/form-field/lib/FormField.js

@@ -6,6 +6,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -140,6 +142,6 @@ var FormField = /** @class */ (function (_super) {
     FormField.ErrorType = ErrorType;
     return FormField;
 }(React.Component));
+export { FormField };
 FormField.LabelPosition = FormFieldLabelPosition;
 FormField.ErrorType = ErrorType;
-export { FormField };

package/dist/es6/form-field/lib/Hint.js

@@ -6,6 +6,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es6/form-field/lib/Label.js

@@ -6,6 +6,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -33,12 +35,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 import * as React from 'react';
 import { colors, space, type } from '@workday/canvas-kit-react/tokens';
@@ -74,7 +74,7 @@ var RequiredAstrisk = styled('abbr')({
     textDecoration: 'unset',
 });
 // Used inside the fieldset component instead of a label for accessible radio groups.
-var LegendComponent = styled('legend').apply(void 0, __spreadArrays(labelStyles, [function (_a) {
+var LegendComponent = styled('legend').apply(void 0, __spreadArray(__spreadArray([], labelStyles), [function (_a) {
         var labelPosition = _a.labelPosition;
         if (labelPosition === Label.Position.Top) {
             return {

package/dist/es6/icon/lib/AccentIcon.d.ts

@@ -25,5 +25,5 @@ export interface AccentIconProps extends AccentIconStyles, Omit<IconProps, 'src'
     size?: number;
 }
 export declare const accentIconStyles: ({ color, transparent, }: AccentIconStyles) => CSSObject;
-export declare const AccentIcon: import("../../common").ElementComponent<"span", AccentIconProps>;
+export declare const AccentIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", AccentIconProps>;
 //# sourceMappingURL=AccentIcon.d.ts.map