@kaizen/components 1.38.1 → 1.38.2

package/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.tsx

@@ -51,6 +51,7 @@ export const VideoPlayer = ({
   const videoRef = useRef<HTMLVideoElement>(null)
   const [prefersReducedMotion, setPrefersReducedMotion] =
     React.useState<boolean>(true)
+  const [sourceEl, setSourceEl] = React.useState<React.ReactNode>()
 
   useEffect(() => {
     /**
@@ -149,6 +150,24 @@ export const VideoPlayer = ({
     }
   }, [videoRef])
 
+  useEffect(() => {
+    /**
+     * This seems counter-intuitive, but webm support is codec specific.
+     * Only offer webm if we are positive the browser supports it.
+     * Reference: https://bugs.webkit.org/show_bug.cgi?id=216652#c1
+     */
+    canPlayWebm() ? (
+      setSourceEl(
+        <>
+          <source src={assetUrl(`${source}.webm`)} type="video/webm" />
+          <source src={assetUrl(`${source}.mp4`)} type="video/mp4" />
+        </>
+      )
+    ) : (
+      <source src={assetUrl(`${source}.mp4`)} type="video/mp4" />
+    )
+  }, [setSourceEl])
+
   const pausePlay = usePausePlay(videoRef)
 
   return (
@@ -172,15 +191,7 @@ export const VideoPlayer = ({
         playsInline={true}
         tabIndex={-1}
       >
-        {/**
-         * This seems counter-intuitive, but webm support is codec specific.
-         * Only offer webm if we are positive the browser supports it.
-         * Reference: https://bugs.webkit.org/show_bug.cgi?id=216652#c1
-         */}
-        {canPlayWebm() && (
-          <source src={assetUrl(`${source}.webm`)} type="video/webm" />
-        )}
-        <source src={assetUrl(`${source}.mp4`)} type="video/mp4" />
+        {sourceEl}
       </video>
       <IconButton
         onClick={(): void => pausePlay.toggle()}

package/src/Illustration/subcomponents/VideoPlayer/__snapshots__/VideoPlayer.spec.tsx.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<VideoPlayer /> use-reduced-motion defaults to autoplay when user does not set use-reduced-motion preferences 1`] = `
+<video
+  aria-hidden="true"
+  autoplay=""
+  class="wrapper"
+  data-testid="kz-video-player"
+  muted=""
+  playsinline=""
+  poster="https://d1e7r7b0lb8p4d.cloudfront.net/illustrations/heart/spot/moods-cautionary.svg.png"
+  preload="metadata"
+  tabindex="-1"
+  width="100%"
+/>
+`;
+
+exports[`<VideoPlayer /> use-reduced-motion respects the use-reduced-motion preferences of the user 1`] = `
+<video
+  aria-hidden="true"
+  class="wrapper"
+  data-testid="kz-video-player"
+  muted=""
+  playsinline=""
+  poster="https://d1e7r7b0lb8p4d.cloudfront.net/illustrations/heart/spot/moods-cautionary.svg.png"
+  preload="metadata"
+  tabindex="-1"
+  width="100%"
+/>
+`;

package/src/Input/Input/_docs/Input.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import { LinkTo } from "~storybook/components/LinkTo"
 import * as InputStories from "./Input.stories"
 
@@ -12,7 +12,6 @@ import * as InputStories from "./Input.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Input/InputRange/_docs/InputRange.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as InputRangeStories from "./InputRange.stories"
 
 <Meta of={InputRangeStories} />
@@ -11,7 +11,6 @@ import * as InputRangeStories from "./InputRange.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Input/InputSearch/_docs/InputSearch.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as InputSearchStories from "./InputSearch.stories"
 
 <Meta of={InputSearchStories} />
@@ -11,7 +11,6 @@ import * as InputSearchStories from "./InputSearch.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/KaizenProvider/_docs/KaizenProvider.mdx

@@ -1,6 +1,5 @@
 import { Meta } from "@storybook/blocks"
 import Highlight from "react-highlight"
-import { KaioNotification } from "~storybook/components"
 import migrationBonus from "!!raw-loader!./code-diffs/migration-bonus.diff"
 import migrationFETBonus from "!!raw-loader!./code-diffs/migration-fe-template-bonus.diff"
 import migrationFETToV1 from "!!raw-loader!./code-diffs/migration-fe-template-to-v1.diff"
@@ -12,7 +11,6 @@ import migrationToV1 from "!!raw-loader!./code-diffs/migration-to-v1.diff"
 
 Provides the necessary global contexts for all Kaizen components, as well as any global level Kaizen component/wrappers.
 
-<KaioNotification />
 
 ## Usage
 

package/src/Label/_docs/Label.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as LabelStories from "./Label.stories"
 
 <Meta of={LabelStories} />
@@ -11,7 +11,6 @@ import * as LabelStories from "./Label.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/LikertScaleLegacy/_docs/LikertScaleLegacy.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as LikertScaleLegacyStories from "./LikertScaleLegacy.stories"
 
 <Meta of={LikertScaleLegacyStories} />
@@ -13,7 +13,6 @@ import * as LikertScaleLegacyStories from "./LikertScaleLegacy.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Loading/LoadingGraphic/_docs/LoadingGraphic.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as LoadingGraphicStories from "./LoadingGraphic.stories"
 
 <Meta of={LoadingGraphicStories} />
@@ -13,7 +13,6 @@ import * as LoadingGraphicStories from "./LoadingGraphic.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Loading/LoadingHeading/_docs/LoadingHeading.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as LoadingHeadingStories from "./LoadingHeading.stories"
 
 <Meta of={LoadingHeadingStories} />
@@ -13,7 +13,6 @@ import * as LoadingHeadingStories from "./LoadingHeading.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Loading/LoadingInput/_docs/LoadingInput.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as LoadingInputStories from "./LoadingInput.stories"
 
 <Meta of={LoadingInputStories} />
@@ -13,7 +13,6 @@ import * as LoadingInputStories from "./LoadingInput.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Loading/LoadingParagraph/_docs/LoadingParagraph.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as LoadingParagraphStories from "./LoadingParagraph.stories"
 
 <Meta of={LoadingParagraphStories} />
@@ -13,7 +13,6 @@ import * as LoadingParagraphStories from "./LoadingParagraph.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Loading/LoadingSpinner/_docs/LoadingSpinner.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as LoadingSpinnerStories from "./LoadingSpinner.stories"
 
 <Meta of={LoadingSpinnerStories} />
@@ -18,7 +18,6 @@ import * as LoadingSpinnerStories from "./LoadingSpinner.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Menu/_docs/Menu.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as MenuStories from "./Menu.stories"
 
 <Meta of={MenuStories} />
@@ -13,7 +13,6 @@ import * as MenuStories from "./Menu.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Modal/ConfirmationModal/_docs/ConfirmationModal.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as ConfirmationModalStories from "./ConfirmationModal.stories"
 
 <Meta of={ConfirmationModalStories} />
@@ -13,7 +13,6 @@ import * as ConfirmationModalStories from "./ConfirmationModal.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Modal/ContextModal/_docs/ContextModal.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as ContextModalStories from "./ContextModal.stories"
 
 <Meta of={ContextModalStories} />
@@ -13,7 +13,6 @@ import * as ContextModalStories from "./ContextModal.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Modal/GenericModal/_docs/GenericModal.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import { LinkTo } from "~storybook/components/LinkTo"
 import * as GenericModal from "./GenericModal.stories"
 
@@ -12,7 +12,6 @@ import * as GenericModal from "./GenericModal.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Modal/InputEditModal/_docs/InputEditModal.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as InputEditModalStories from "./InputEditModal.stories"
 
 <Meta of={InputEditModalStories} />
@@ -13,7 +13,6 @@ import * as InputEditModalStories from "./InputEditModal.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/MultiSelect/_docs/MultiSelect.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation, SbReleaseNotification} from "~storybook/components"
 import * as MultiSelectStories from "./MultiSelect.stories"
 
 <Meta of={MultiSelectStories} />
@@ -12,7 +12,7 @@ import * as MultiSelectStories from "./MultiSelect.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
+<SbReleaseNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Notification/GlobalNotification/_docs/GlobalNotification.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta, Description} from "@storybook/blocks"
-import { Installation, KaioNotification, ResourceLinks } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as GlobalNotificationExamples from "./GlobalNotification.stories"
 
 <Meta title="Components/Notifications/Global Notification" />
@@ -13,7 +13,6 @@ import * as GlobalNotificationExamples from "./GlobalNotification.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Notification/InlineNotification/_docs/InlineNotification.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta, Description} from "@storybook/blocks"
-import { Installation, KaioNotification, ResourceLinks } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as InlineNotificationExamples from "./InlineNotification.stories"
 
 <Meta title="Components/Notifications/Inline Notification" />
@@ -13,7 +13,6 @@ import * as InlineNotificationExamples from "./InlineNotification.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Notification/ToastNotification/_docs/ToastNotification.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as ToastNotificationStories from "./ToastNotification.stories"
 
 <Meta title="Components/Notifications/ToastNotification" />
@@ -13,7 +13,6 @@ import * as ToastNotificationStories from "./ToastNotification.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Pagination/_docs/Pagination.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as PaginationStories from "./Pagination.stories"
 
 <Meta of={PaginationStories} />
@@ -13,7 +13,6 @@ import * as PaginationStories from "./Pagination.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Pagination/subcomponents/DirectionalLink/_docs/DirectionalLink.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as DirectionalLinkStories from "./DirectionalLink.stories"
 
 <Meta of={DirectionalLinkStories} />
@@ -13,7 +13,6 @@ import * as DirectionalLinkStories from "./DirectionalLink.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Pagination/subcomponents/PaginationLink/_docs/PaginationLink.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as PaginationLinkStories from "./PaginationLink.stories"
 
 <Meta of={PaginationLinkStories} />
@@ -13,7 +13,6 @@ import * as PaginationLinkStories from "./PaginationLink.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Popover/_docs/Popover.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as PopoverStories from "./Popover.stories"
 
 <Meta of={PopoverStories} />
@@ -13,7 +13,6 @@ import * as PopoverStories from "./Popover.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/ProgressBar/_docs/ProgressBar.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as ProgressBarStickersheetStories from "./ProgressBar.stickersheet.stories"
 import * as ProgressBarStories from "./ProgressBar.stories"
 
@@ -14,7 +14,6 @@ import * as ProgressBarStories from "./ProgressBar.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Radio/Radio/_docs/Radio.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import { LinkTo } from "~storybook/components/LinkTo"
 import * as RadioStories from "./Radio.stories"
 
@@ -12,7 +12,6 @@ import * as RadioStories from "./Radio.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Radio/RadioField/_docs/RadioField.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as RadioFieldStories from "./RadioField.stories"
 
 <Meta of={RadioFieldStories} />
@@ -13,7 +13,6 @@ import * as RadioFieldStories from "./RadioField.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Radio/RadioGroup/_docs/RadioGroup.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as RadioGroupStories from "./RadioGroup.stories"
 
 <Meta of={RadioGroupStories} />
@@ -13,7 +13,6 @@ import * as RadioGroupStories from "./RadioGroup.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/RichTextEditor/EditableRichTextContent/_docs/EditableRichTextContent.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, LinkTo } from "~storybook/components"
+import { ResourceLinks, Installation, LinkTo } from "~storybook/components"
 import * as EditableRichTextContentStories from "./EditableRichTextContent.stories"
 
 <Meta of={EditableRichTextContentStories} />
@@ -11,7 +11,6 @@ import * as EditableRichTextContentStories from "./EditableRichTextContent.stori
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/RichTextEditor/RichTextContent/_docs/RichTextContent.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as RichTextContentStories from "./RichTextContent.stories"
 
 <Meta of={RichTextContentStories} />
@@ -11,7 +11,6 @@ import * as RichTextContentStories from "./RichTextContent.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/RichTextEditor/RichTextEditor/_docs/RichTextEditor.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as RichTextEditorStories from "./RichTextEditor.stories"
 
 <Meta of={RichTextEditorStories} />
@@ -13,7 +13,6 @@ import * as RichTextEditorStories from "./RichTextEditor.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/_docs/ToggleIconButton.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as ToggleIconButtonStories from "./ToggleIconButton.stories"
 
 <Meta of={ToggleIconButtonStories} />
@@ -11,7 +11,6 @@ import * as ToggleIconButtonStories from "./ToggleIconButton.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/_docs/Toolbar.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as ToolbarStories from "./Toolbar.stories"
 
 <Meta of={ToolbarStories} />
@@ -11,7 +11,6 @@ import * as ToolbarStories from "./Toolbar.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/SearchField/_docs/SearchField.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as SearchFieldStories from "./SearchField.stories"
 
 <Meta of={SearchFieldStories} />
@@ -13,7 +13,6 @@ import * as SearchFieldStories from "./SearchField.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Select/_docs/Select.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as SelectStories from "./Select.stories"
 
 <Meta of={SelectStories} />
@@ -13,7 +13,6 @@ import * as SelectStories from "./Select.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Skirt/_docs/Skirt.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as SkirtStories from "./Skirt.stories"
 
 <Meta of={SkirtStories} />
@@ -13,7 +13,6 @@ import * as SkirtStories from "./Skirt.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"