@workday/canvas-kit-docs 8.0.0-alpha.229-next.11 → 8.0.0-alpha.231-next.2

package/dist/commonjs/lib/specs.js

@@ -2779,6 +2779,17 @@ module.exports = {specifications: [
               }
             ]
           },
+          {
+            "type": "describe",
+            "name": "given the [Testing/React/Popups/Popup, CloseOnTargetHiddenTest] story is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Open Popup\" is clicked",
+                "children": []
+              }
+            ]
+          },
           {
             "type": "describe",
             "name": "given the [Testing/React/Popups/Popup, TooltipReturnFocus] example is rendered",

package/dist/es6/lib/specs.js

@@ -2779,6 +2779,17 @@ module.exports = {specifications: [
               }
             ]
           },
+          {
+            "type": "describe",
+            "name": "given the [Testing/React/Popups/Popup, CloseOnTargetHiddenTest] story is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Open Popup\" is clicked",
+                "children": []
+              }
+            ]
+          },
           {
             "type": "describe",
             "name": "given the [Testing/React/Popups/Popup, TooltipReturnFocus] example is rendered",

package/dist/mdx/react/popup/Popup.mdx

@@ -426,6 +426,20 @@ useCloseOnFullscreenExit(model: PopupModel): {}
 Closes the popup when fullscreen is exited. Entering/exiting fullscreen changes the context of the
 entire screen. This should be added to popup types that are very context sensitive like Tooltips.
 
+### useCloseOnTargetHidden
+
+```ts
+useCloseOnTargetHidden(model: PopupModel): {}
+```
+
+Sets up an
+[IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)
+for the target element. When the target is detected as being less than 50% visible, the popup will
+close. Most likely, this will happen if the user scrolls an overflowed content area of the page and
+the target is no longer visible.
+
+This should be used with popup elements that are transitory like Tooltips and dropdown menus.
+
 ### useDisableBodyScroll
 
 ```ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "8.0.0-alpha.229-next.11+d6a34633",
+  "version": "8.0.0-alpha.231-next.2+70fa2acc",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -42,7 +42,7 @@
   ],
   "dependencies": {
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-react": "^8.0.0-alpha.229-next.11+d6a34633"
+    "@workday/canvas-kit-react": "^8.0.0-alpha.231-next.2+70fa2acc"
   },
   "devDependencies": {
     "fs-extra": "^10.0.0",
@@ -50,5 +50,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.1"
   },
-  "gitHead": "d6a34633dc59aead1f124b17d80c086d9b09b5fc"
+  "gitHead": "70fa2accf9253bf24c1dd7edb2abe4e99d1a8435"
 }