@kaizen/components 1.40.1 → 1.40.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.40.1",
+  "version": "1.40.3",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -31,15 +31,15 @@
     "@internationalized/date": "^3.5.1",
     "@popperjs/core": "^2.11.8",
     "@reach/tabs": "^0.18.0",
-    "@react-aria/button": "^3.9.1",
-    "@react-aria/datepicker": "^3.9.1",
-    "@react-aria/focus": "^3.16.0",
-    "@react-aria/i18n": "^3.10.0",
-    "@react-aria/listbox": "^3.11.3",
-    "@react-aria/menu": "^3.12.0",
-    "@react-aria/overlays": "^3.20.0",
-    "@react-aria/select": "^3.14.1",
-    "@react-aria/utils": "^3.23.0",
+    "@react-aria/button": "^3.9.2",
+    "@react-aria/datepicker": "^3.9.2",
+    "@react-aria/focus": "^3.16.1",
+    "@react-aria/i18n": "^3.10.1",
+    "@react-aria/listbox": "^3.11.4",
+    "@react-aria/menu": "^3.13.0",
+    "@react-aria/overlays": "^3.21.0",
+    "@react-aria/select": "^3.14.2",
+    "@react-aria/utils": "^3.23.1",
     "@react-stately/collections": "^3.10.4",
     "@react-stately/datepicker": "^3.9.1",
     "@react-stately/list": "^3.10.2",
@@ -102,7 +102,7 @@
     "rollup": "^4.9.6",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-ignore": "^1.0.10",
-    "rollup-plugin-node-externals": "^6.1.2",
+    "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.70.0",
     "serialize-query-params": "^2.0.2",
@@ -110,8 +110,8 @@
     "ts-jest": "^29.1.2",
     "ts-patch": "^3.1.2",
     "typescript-transform-paths": "^3.4.6",
-    "@kaizen/tailwind": "1.2.4",
-    "@kaizen/design-tokens": "10.3.18"
+    "@kaizen/design-tokens": "10.3.18",
+    "@kaizen/tailwind": "1.2.4"
   },
   "peerDependencies": {
     "@cultureamp/i18n-react-intl": "^2.4.0",

package/src/Illustration/Scene/_docs/Scene.mdx

@@ -14,6 +14,7 @@ import * as SceneStories from "./Scene.stories"
 
 
 <KAIOInstallation
+  exportNames="BrandMomentPositiveOutro"
 />
 
 ## Overview

package/src/Modal/GenericModal/GenericModal.tsx

@@ -1,4 +1,4 @@
-import React, { useId, useState } from "react"
+import React, { useEffect, useId, useState } from "react"
 import { createPortal } from "react-dom"
 import { Transition } from "@headlessui/react"
 import FocusLock from "react-focus-lock"
@@ -102,7 +102,7 @@ export const GenericModal = ({
     }
   }
 
-  const onAfterLeaveHandler = (): void => {
+  const cleanUpAfterClose = (): void => {
     document.documentElement.classList.remove(
       styles.unscrollable,
       styles.pseudoScrollbar
@@ -111,7 +111,13 @@ export const GenericModal = ({
     if (onEscapeKeyup) {
       document.removeEventListener("keyup", onEscapeKeyup)
     }
+  }
 
+  /* Ensure sure add-on styles (e.g. unscrollable) and key event is cleaned up when the modal is unmounted*/
+  useEffect(() => () => cleanUpAfterClose(), [])
+
+  const onAfterLeaveHandler = (): void => {
+    cleanUpAfterClose()
     propsOnAfterLeave?.()
   }