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

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

@@ -13,7 +13,7 @@ export interface PopupPopperProps extends PopperProps {
      */
     popperOptions?: Partial<PopperOptions>;
 }
-export declare const PopupPopper: import("../../common").ElementComponentM<"div", PopupPopperProps, {
+export declare const PopupPopper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", PopupPopperProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -21,7 +21,7 @@ export declare const PopupPopper: 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/popup/lib/PopupTarget.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface PopupTargetProps {
 }
-export declare const PopupTarget: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, {}, {
+export declare const PopupTarget: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("@workday/canvas-kit-react/button").SecondaryButtonProps>, {}, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -9,7 +9,7 @@ export declare const PopupTarget: import("../../common").ElementComponentM<impor
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/es6/popup/lib/hooks/useAlwaysCloseOnOutsideClick.d.ts

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

package/dist/es6/popup/lib/hooks/useAssistiveHideSiblings.d.ts

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

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

@@ -1,9 +1,7 @@
-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 React from 'react';
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
@@ -26,7 +24,7 @@ export var useAssistiveHideSiblings = createElemPropsHook(usePopupModel)(functio
         if (!visible) {
             return;
         }
-        var siblings = __spreadArrays((_b = (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children).filter(function (el) { return el !== model.state.stackRef.current; });
+        var siblings = __spreadArray([], (_b = (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children).filter(function (el) { return el !== model.state.stackRef.current; });
         var prevAriaHidden = siblings.map(function (el) { return el.getAttribute('aria-hidden'); });
         siblings.forEach(function (el) {
             el.setAttribute('aria-hidden', 'true');

package/dist/es6/popup/lib/hooks/useBringToTopOnClick.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 /**
  * This hook will bring an element to the top of the stack when any element inside the provided
- * PopupModel's `state.stackRef` element is clicked. If `Popup.Popper` was used or `PopupStack.add`
- * provided an `owner`, all "child" popups will also be brought to the top. A "child" popup is a
- * Popup that was opened from another Popup. Usually this is a Tooltip or Select component inside
- * something like a Modal.
+ * {@link PopupModel}'s `state.stackRef` element is clicked. If {@link PopupPopper Popup.Popper} was
+ * used or `PopupStack.add` provided an `owner`, all "child" popups will also be brought to the top.
+ * A "child" popup is a Popup that was opened from another Popup. Usually this is a Tooltip or
+ * Select component inside something like a Modal.
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
@@ -16,7 +16,7 @@ export declare const useBringToTopOnClick: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -25,7 +25,7 @@ export declare const useBringToTopOnClick: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 //# sourceMappingURL=useBringToTopOnClick.d.ts.map

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

@@ -4,10 +4,10 @@ import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
  * This hook will bring an element to the top of the stack when any element inside the provided
- * PopupModel's `state.stackRef` element is clicked. If `Popup.Popper` was used or `PopupStack.add`
- * provided an `owner`, all "child" popups will also be brought to the top. A "child" popup is a
- * Popup that was opened from another Popup. Usually this is a Tooltip or Select component inside
- * something like a Modal.
+ * {@link PopupModel}'s `state.stackRef` element is clicked. If {@link PopupPopper Popup.Popper} was
+ * used or `PopupStack.add` provided an `owner`, all "child" popups will also be brought to the top.
+ * A "child" popup is a Popup that was opened from another Popup. Usually this is a Tooltip or
+ * Select component inside something like a Modal.
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */

package/dist/es6/popup/lib/hooks/useCloseOnEscape.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
- * Registers global detection of the Escape key. It will only call the PopupModel's `hide` event if the
- * provided model's `state.stackRef` element is the topmost in the stack.
+ * Registers global detection of the Escape key. It will only call the {@link PopupModel}'s `hide`
+ * event if the provided model's `state.stackRef` element is the topmost in the stack.
  *
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
@@ -14,7 +14,7 @@ export declare const useCloseOnEscape: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -23,7 +23,7 @@ export declare const useCloseOnEscape: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 //# sourceMappingURL=useCloseOnEscape.d.ts.map

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

@@ -3,8 +3,8 @@ import { PopupStack } from '@workday/canvas-kit-popup-stack';
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
- * Registers global detection of the Escape key. It will only call the PopupModel's `hide` event if the
- * provided model's `state.stackRef` element is the topmost in the stack.
+ * Registers global detection of the Escape key. It will only call the {@link PopupModel}'s `hide`
+ * event if the provided model's `state.stackRef` element is the topmost in the stack.
  *
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.

package/dist/es6/popup/lib/hooks/useCloseOnFullscreenExit.d.ts

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

package/dist/es6/popup/lib/hooks/useCloseOnOutsideClick.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 /**
- * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
- * click happened outside the PopupModel's `state.stackRef` element and its children _and_ the
- * provided `stackRef` element is the topmost element with this behavior applied in the stack. Adds
- * a `data-behavior-click-outside-close="topmost"` attribute to ensure proper functionality.
+ * Registers global listener for all clicks. It will only call the {@link PopupModel}'s `hide` event
+ * if the click happened outside the PopupModel's `state.stackRef` element and its children _and_
+ * the provided `stackRef` element is the topmost element with this behavior applied in the stack.
+ * Adds a `data-behavior-click-outside-close="topmost"` attribute to ensure proper functionality.
  *
  * This should be used with popup elements that are dismissible like Modals, non-modal dialogs,
- * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
- * instead.
+ * dropdown menus, etc. Tooltips and hierarchical menus should use
+ * {@link useAlwaysCloseOnClickOutside} instead.
  */
 export declare const useCloseOnOutsideClick: <P extends {}, R>(model: {
     state: {
@@ -17,7 +17,7 @@ export declare const useCloseOnOutsideClick: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -26,7 +26,7 @@ export declare const useCloseOnOutsideClick: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 //# sourceMappingURL=useCloseOnOutsideClick.d.ts.map

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

@@ -3,14 +3,14 @@ import { PopupStack } from '@workday/canvas-kit-popup-stack';
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
- * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
- * click happened outside the PopupModel's `state.stackRef` element and its children _and_ the
- * provided `stackRef` element is the topmost element with this behavior applied in the stack. Adds
- * a `data-behavior-click-outside-close="topmost"` attribute to ensure proper functionality.
+ * Registers global listener for all clicks. It will only call the {@link PopupModel}'s `hide` event
+ * if the click happened outside the PopupModel's `state.stackRef` element and its children _and_
+ * the provided `stackRef` element is the topmost element with this behavior applied in the stack.
+ * Adds a `data-behavior-click-outside-close="topmost"` attribute to ensure proper functionality.
  *
  * This should be used with popup elements that are dismissible like Modals, non-modal dialogs,
- * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
- * instead.
+ * dropdown menus, etc. Tooltips and hierarchical menus should use
+ * {@link useAlwaysCloseOnClickOutside} instead.
  */
 export var useCloseOnOutsideClick = createElemPropsHook(usePopupModel)(function (model) {
     var onClick = React.useCallback(function (event) {

package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.d.ts

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

package/dist/es6/popup/lib/hooks/useDisableBodyScroll.d.ts

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

package/dist/es6/popup/lib/hooks/useFocusRedirect.d.ts

@@ -19,7 +19,7 @@ export declare const useFocusRedirect: <P extends {}, R>(model: {
         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 useFocusRedirect: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 //# sourceMappingURL=useFocusRedirect.d.ts.map

package/dist/es6/popup/lib/hooks/useFocusTrap.d.ts

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

package/dist/es6/popup/lib/hooks/useInitialFocus.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 /**
  * Moves focus within the popup when the popup becomes visible. This is useful for keyboard and
- * screen reader users alike. This should be used with `useFocusRedirect` or `useFocusTrap` for a
- * complete focus management solution.
+ * screen reader users alike. This should be used with {@link useFocusRedirect} or
+ * {@link useFocusTrap} for a complete focus management solution.
  *
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
@@ -15,7 +15,7 @@ export declare const useInitialFocus: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -24,7 +24,7 @@ export declare const useInitialFocus: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 //# sourceMappingURL=useInitialFocus.d.ts.map

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

@@ -3,8 +3,8 @@ import { changeFocus, assert, getFirstFocusableElement, createElemPropsHook, } f
 import { usePopupModel } from './usePopupModel';
 /**
  * Moves focus within the popup when the popup becomes visible. This is useful for keyboard and
- * screen reader users alike. This should be used with `useFocusRedirect` or `useFocusTrap` for a
- * complete focus management solution.
+ * screen reader users alike. This should be used with {@link useFocusRedirect} or
+ * {@link useFocusTrap} for a complete focus management solution.
  *
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.

package/dist/es6/popup/lib/hooks/usePopupCard.d.ts

@@ -1,5 +1,5 @@
 /**
- * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
+ * Adds the necessary props to a {@link PopupCard Popup.Card} subcomponent.
  */
 export declare const usePopupCard: <P extends {}, R>(model: {
     state: {
@@ -9,7 +9,7 @@ export declare const usePopupCard: <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: {
@@ -18,7 +18,7 @@ export declare const usePopupCard: <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) => {
     role: string;
     'aria-labelledby': string;
 } & P & (R extends HTMLOrSVGElement ? {

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

@@ -1,7 +1,7 @@
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
- * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
+ * Adds the necessary props to a {@link PopupCard Popup.Card} subcomponent.
  */
 export var usePopupCard = createElemPropsHook(usePopupModel)(function (_a) {
     var state = _a.state;

package/dist/es6/popup/lib/hooks/usePopupCloseButton.d.ts

@@ -1,6 +1,7 @@
 /**
- * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`
- * subcomponent and `Popup.CloseIcon` subcomponent.
+ * Adds the necessary props to a close button component. Used by the
+ * {@link PopupCloseButton Popup.CloseButton} subcomponent and
+ * {@link PopupCloseIcon Popup.CloseIcon} subcomponent.
  */
 export declare const usePopupCloseButton: <P extends {}, R>(model: {
     state: {
@@ -10,7 +11,7 @@ export declare const usePopupCloseButton: <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: {
@@ -19,7 +20,7 @@ export declare const usePopupCloseButton: <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) => {
     onClick: (event?: Event | import("react").SyntheticEvent<Element, Event> | undefined) => void;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;

package/dist/es6/popup/lib/hooks/usePopupCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;OAI9B,CAAC"}
+{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;OAI9B,CAAC"}

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

@@ -1,8 +1,9 @@
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
- * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`
- * subcomponent and `Popup.CloseIcon` subcomponent.
+ * Adds the necessary props to a close button component. Used by the
+ * {@link PopupCloseButton Popup.CloseButton} subcomponent and
+ * {@link PopupCloseIcon Popup.CloseIcon} subcomponent.
  */
 export var usePopupCloseButton = createElemPropsHook(usePopupModel)(function (_a) {
     var events = _a.events;

package/dist/es6/popup/lib/hooks/usePopupHeading.d.ts

@@ -1,5 +1,5 @@
 /**
- * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.
+ * Adds the necessary props to the {@link PopupHeading Popup.Heading} subcomponent.
  */
 export declare const usePopupHeading: <P extends {}, R>(model: {
     state: {
@@ -9,7 +9,7 @@ export declare const usePopupHeading: <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: {
@@ -18,7 +18,7 @@ export declare const usePopupHeading: <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) => {
     id: string;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;

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

@@ -1,7 +1,7 @@
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
- * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.
+ * Adds the necessary props to the {@link PopupHeading Popup.Heading} subcomponent.
  */
 export var usePopupHeading = createElemPropsHook(usePopupModel)(function (_a) {
     var state = _a.state;

package/dist/es6/popup/lib/hooks/usePopupModel.d.ts

@@ -12,7 +12,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
-    initialVisibility: import("../../../disclosure").Visibility;
+    initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }> & {
     onUpdatePlacement?: ((data: {
         placement: Placement;
@@ -44,7 +44,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /**
@@ -74,7 +74,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /**
@@ -104,7 +104,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldUpdatePlacement?: ((data: {
@@ -137,7 +137,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /**
@@ -167,7 +167,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /**
@@ -197,7 +197,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }) | undefined) => {
     state: {
@@ -228,7 +228,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**
@@ -244,7 +244,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          * Popup and is used in Popup-related behaviors.
          */
     };
-}) & import("../../../common").ModelExtras<{
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
     /**
      * Optional reference to an element that should receive focus when a popup is hidden. If left
      * blank, focus will return to the `targetRef`
@@ -256,7 +256,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
-    initialVisibility: import("../../../disclosure").Visibility;
+    initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }, {}, {
     /**
      * Reference of the stack item used in the PopupStack. This value will be used in all
@@ -285,7 +285,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     placement: import("@popperjs/core").Placement;
     id: string;
-    visibility: import("../../../disclosure").Visibility;
+    visibility: "hidden" | "visible";
 }, {
     /**
      * Called whenever a popup placement changes around a target. This is useful for animations that
@@ -328,7 +328,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**
@@ -374,7 +374,7 @@ export declare const PopupModelContext: React.Context<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**