@kaizen/components 0.0.0-canary-rollup-plugin-node-externals-v7-20240206233319 → 0.0.0-canary-unscrollable-20240221032028

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-rollup-plugin-node-externals-v7-20240206233319",
+  "version": "0.0.0-canary-unscrollable-20240221032028",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -26,20 +26,20 @@
     "styles.css"
   ],
   "dependencies": {
-    "@floating-ui/react-dom": "^2.0.5",
+    "@floating-ui/react-dom": "^2.0.8",
     "@headlessui/react": "<=1.5.0",
     "@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",
@@ -47,12 +47,12 @@
     "@react-stately/select": "^3.6.1",
     "@react-types/shared": "^3.22.0",
     "classnames": "^2.5.1",
-    "date-fns": "^3.0.6",
+    "date-fns": "^3.3.1",
     "lodash.debounce": "^4.0.8",
     "nanobus": "^4.5.0",
     "prosemirror-commands": "^1.5.2",
     "prosemirror-history": "^1.3.2",
-    "prosemirror-inputrules": "^1.3.0",
+    "prosemirror-inputrules": "^1.4.0",
     "prosemirror-keymap": "^1.2.2",
     "prosemirror-model": "^1.19.4",
     "prosemirror-schema-basic": "^1.2.2",
@@ -63,7 +63,7 @@
     "prosemirror-view": "^1.32.7",
     "react-animate-height": "^3.2.3",
     "react-day-picker": "^8.10.0",
-    "react-focus-lock": "^2.9.6",
+    "react-focus-lock": "^2.9.7",
     "react-focus-on": "^3.9.1",
     "react-media": "^1.10.0",
     "react-popper": "^2.3.0",
@@ -80,8 +80,8 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
-    "@cultureamp/frontend-apis": "^9.2.0",
-    "@cultureamp/i18n-react-intl": "^2.1.10",
+    "@cultureamp/frontend-apis": "^9.3.4",
+    "@cultureamp/i18n-react-intl": "^2.4.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -92,31 +92,31 @@
     "@types/lodash.debounce": "^4.0.9",
     "@types/react-dom": "^18.2.18",
     "@types/react-textfit": "^1.1.4",
-    "@types/uuid": "^9.0.7",
+    "@types/uuid": "^9.0.8",
     "agadoo": "^3.0.0",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.17",
     "babel-plugin-pure-static-props": "^0.2.0",
     "concat-cli": "^4.0.0",
-    "query-string": "^8.1.0",
-    "react-intl": "^6.6.0",
-    "rollup": "^4.9.5",
+    "query-string": "^8.2.0",
+    "react-intl": "^6.6.2",
+    "rollup": "^4.9.6",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-ignore": "^1.0.10",
     "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.69.7",
+    "sass": "^1.70.0",
     "serialize-query-params": "^2.0.2",
     "svgo": "^3.2.0",
-    "ts-jest": "^29.1.1",
+    "ts-jest": "^29.1.2",
     "ts-patch": "^3.1.2",
     "typescript-transform-paths": "^3.4.6",
-    "@kaizen/design-tokens": "10.3.17",
-    "@kaizen/tailwind": "1.2.3"
+    "@kaizen/tailwind": "1.2.4",
+    "@kaizen/design-tokens": "10.3.18"
   },
   "peerDependencies": {
-    "@cultureamp/i18n-react-intl": "^2.1.10",
+    "@cultureamp/i18n-react-intl": "^2.4.0",
     "react": "^18.2.0",
-    "react-intl": "^6.6.0"
+    "react-intl": "^6.6.2"
   },
   "scripts": {
     "build": "pnpm clean && pnpm prepublishOnly",

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?.()
   }