@kaizen/components 1.38.1 → 1.38.3

package/src/Slider/_docs/Slider.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 SliderStories from "./Slider.stories"
 
 <Meta of={SliderStories} />
@@ -13,7 +13,6 @@ import * as SliderStories from "./Slider.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/SplitButton/_docs/SplitButton.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 SplitButtonStories from "./SplitButton.stories"
 
 <Meta of={SplitButtonStories} />
@@ -13,7 +13,6 @@ import * as SplitButtonStories from "./SplitButton.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Table/_docs/Table.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation } from "~storybook/components"
+import { ResourceLinks, Installation } from "~storybook/components"
 import * as TableStories from "./Table.stories"
 
 <Meta of={TableStories} />
@@ -13,11 +13,10 @@ import * as TableStories from "./Table.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"
-  importStatement='import { TableCard, TableContainer, TableHeader, TableHeaderRow, TableHeaderRowCell, TableRow, TableRowCell } from "@kaizen/components"'
+  importStatement='import { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell } from "@kaizen/components"'
 />
 
 ## Overview

package/src/Tabs/_docs/Tabs.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 TabsStories from "./Tabs.stories"
 
 <Meta of={TabsStories} />
@@ -13,7 +13,6 @@ import * as TabsStories from "./Tabs.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Tabs/subcomponents/TabList.tsx

@@ -24,12 +24,17 @@ export const TabList = (props: TabListProps): JSX.Element => {
     "aria-label": ariaLabel,
     noPadding = false,
     children,
+    classNameOverride,
     ...restProps
   } = props
   return (
     <ReachTabList
       aria-label={ariaLabel}
-      className={classnames(styles.tabList, noPadding && styles.noPadding)}
+      className={classnames(
+        styles.tabList,
+        classNameOverride,
+        noPadding && styles.noPadding
+      )}
       {...restProps}
     >
       {children}

package/src/Tag/_docs/Tag.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 TagStories from "./Tag.stories"
 
 <Meta of={TagStories} />
@@ -13,7 +13,6 @@ import * as TagStories from "./Tag.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Text/_docs/Text.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 TextStories from "./Text.stories"
 
 <Meta of={TextStories} />
@@ -12,7 +12,6 @@ import * as TextStories from "./Text.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/TextArea/_docs/TextArea.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 TextAreaStories from "./TextArea.stories"
 
@@ -12,7 +12,6 @@ import * as TextAreaStories from "./TextArea.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/TextAreaField/_docs/TextAreaField.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 TextAreaFieldStories from "./TextAreaField.stories"
 
 <Meta of={TextAreaFieldStories} />
@@ -13,7 +13,6 @@ import * as TextAreaFieldStories from "./TextAreaField.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/TextField/_docs/TextField.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 TextFieldStories from "./TextField.stories"
 
@@ -14,7 +14,6 @@ import * as TextFieldStories from "./TextField.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Tile/InformationTile/_docs/InformationTile.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 InformationTileStories from "./InformationTile.stories"
 
 <Meta of={InformationTileStories} />
@@ -13,7 +13,6 @@ import * as InformationTileStories from "./InformationTile.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Tile/MultiActionTile/_docs/MultiActionTile.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 MultiActionTileStories from "./MultiActionTile.stories"
 
 <Meta of={MultiActionTileStories} />
@@ -13,7 +13,6 @@ import * as MultiActionTileStories from "./MultiActionTile.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Tile/TileGrid/_docs/TileGrid.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 TileGridStories from "./TileGrid.stories"
 
 <Meta of={TileGridStories} />
@@ -12,7 +12,6 @@ import * as TileGridStories from "./TileGrid.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/TimeField/_docs/TimeField.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 TimeFieldStories from "./TimeField.stories"
 
 <Meta of={TimeFieldStories} />
@@ -13,7 +13,6 @@ import * as TimeFieldStories from "./TimeField.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/TitleBlockZen/_docs/TitleBlockZen.mdx

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

package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx

@@ -51,12 +51,10 @@ const meta = {
     secondaryActions: SECONDARY_ACTIONS,
     secondaryOverflowMenuItems: [
       {
-        action: (): void => alert("test"),
         label: "Overflow action 1",
         icon: <StarOnIcon role="presentation" />,
       },
       {
-        action: "#",
         label: "Overflow link 1",
         icon: <StarOnIcon role="presentation" />,
       },

package/src/TitleBlockZen/subcomponents/MainActions.tsx

@@ -2,12 +2,13 @@ import React from "react"
 import { Button, IconButton } from "~components/Button"
 import { ChevronDownIcon, MeatballsIcon } from "~components/Icon"
 import { Menu, MenuList } from "~components/Menu"
-import { DefaultActionProps, PrimaryActionProps } from "../types"
-import { isMenuGroupNotButton } from "../utils"
 import {
-  TitleBlockMenuItem,
+  DefaultActionProps,
+  PrimaryActionProps,
   TitleBlockMenuItemProps,
-} from "./TitleBlockMenuItem"
+} from "../types"
+import { isMenuGroupNotButton } from "../utils"
+import { TitleBlockMenuItem } from "./TitleBlockMenuItem"
 import { Toolbar } from "./Toolbar"
 import styles from "./MainActions.module.scss"
 
@@ -32,7 +33,7 @@ export const MainActions = ({
       <TitleBlockMenuItem
         {...item}
         key={`main-action-primary-menu-item-${idx}`}
-        automationId={`main-action-primary-menu-item-${idx}`}
+        data-automation-id={`main-action-primary-menu-item-${idx}`}
         data-testid={`main-action-primary-menu-item-${idx}`}
       />
     ))

package/src/TitleBlockZen/subcomponents/MobileActions.spec.tsx

@@ -8,11 +8,11 @@ const user = userEvent.setup()
 const MENU_LINKS = [
   {
     label: "Primary menu link 1",
-    action: "#",
+    href: "#",
   },
   {
     label: "Primary menu action 2",
-    action: (): void => alert("test"),
+    onClick: (): void => alert("test"),
   },
 ]
 

package/src/TitleBlockZen/subcomponents/MobileActions.tsx

@@ -10,15 +10,13 @@ import {
   SecondaryActionsProps,
   TitleBlockButtonProps,
   TitleBlockMenuGroup,
+  TitleBlockMenuItemProps,
 } from "../types"
 import {
   convertSecondaryActionsToMenuItems,
   isMenuGroupNotButton,
 } from "../utils"
-import {
-  TitleBlockMenuItem,
-  TitleBlockMenuItemProps,
-} from "./TitleBlockMenuItem"
+import { TitleBlockMenuItem } from "./TitleBlockMenuItem"
 
 import styles from "./MobileActions.module.scss"
 
@@ -57,7 +55,7 @@ const renderPrimaryActionDrawerContent = (
         <TitleBlockMenuItem
           {...item}
           key={`title-block-mobile-actions-primary-${itemType}-${idx}`}
-          automationId={`title-block-mobile-actions-primary-${itemType}-${idx}`}
+          data-automation-id={`title-block-mobile-actions-primary-${itemType}-${idx}`}
           data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}
         />
       )
@@ -76,7 +74,7 @@ const renderDefaultLink = (
       <TitleBlockMenuItem
         {...defaultAction}
         key="title-block-mobile-actions-default-link"
-        automationId="title-block-mobile-actions-default-link"
+        data-automation-id="title-block-mobile-actions-default-link"
         data-testid="title-block-mobile-actions-default-link"
       />
     )
@@ -88,7 +86,7 @@ const renderDefaultLink = (
       icon={defaultAction.icon}
       disabled={defaultAction.disabled}
       key="title-block-mobile-actions-default-link"
-      automationId="title-block-mobile-actions-default-link"
+      data-automation-id="title-block-mobile-actions-default-link"
       data-testid="title-block-mobile-actions-default-link"
     />
   )
@@ -102,7 +100,7 @@ const renderDefaultAction = (
       <TitleBlockMenuItem
         {...defaultAction}
         key="title-block-mobile-actions-default-action"
-        automationId="title-block-mobile-actions-default-action"
+        data-automation-id="title-block-mobile-actions-default-action"
         data-testid="title-block-mobile-actions-default-action"
       />
     )

package/src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx

@@ -1,15 +1,9 @@
 import React from "react"
 import classnames from "classnames"
-import { CustomButtonProps } from "~components/Button"
-import { MenuItem, MenuItemProps } from "~components/Menu"
+import { MenuItem } from "~components/Menu"
+import { TitleBlockMenuItemProps } from "../types"
 import styles from "./TitleBlockMenuItem.module.scss"
 
-export type TitleBlockMenuItemProps =
-  | ({
-      component: (props: CustomButtonProps) => JSX.Element
-    } & MenuItemProps)
-  | MenuItemProps
-
 export const TitleBlockMenuItem = (
   props: TitleBlockMenuItemProps
 ): JSX.Element => {

package/src/TitleBlockZen/types.ts

@@ -125,9 +125,7 @@ export type TitleBlockCustomButtonProps = TitleBlockDistributiveOmit<
 }
 
 export type TitleBlockMenuItemProps =
-  | (Omit<MenuItemProps, "action"> & {
-      action: ((e: any) => void) | string
-    })
+  | MenuItemProps
   | TitleBlockCustomButtonProps
 
 export type ButtonWithHrefNotOnClick = TitleBlockDistributiveOmit<

package/src/TitleBlockZen/utils.ts

@@ -1,4 +1,3 @@
-import { MenuItemProps } from "~components/Menu"
 import {
   TitleBlockButtonProps,
   TitleBlockCustomButtonProps,
@@ -8,10 +7,6 @@ import {
   TitleBlockMenuItemProps,
 } from "./types"
 
-export const isMenuItemNotButton = (
-  value: TitleBlockButtonProps | MenuItemProps
-): value is MenuItemProps => "action" in value
-
 export const isMenuGroupNotButton = (
   value:
     | (TitleBlockButtonProps | TitleBlockCustomButtonProps)

package/src/ToggleSwitch/ToggleSwitch/_docs/ToggleSwitch.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 ToggleSwitchStories from "./ToggleSwitch.stories"
 
 <Meta of={ToggleSwitchStories} />
@@ -11,7 +11,6 @@ import * as ToggleSwitchStories from "./ToggleSwitch.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/ToggleSwitch/ToggleSwitchField/_docs/ToggleSwitchField.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 ToggleSwitchFieldStories from "./ToggleSwitchField.stories"
 
 <Meta of={ToggleSwitchFieldStories} />
@@ -12,7 +12,6 @@ import * as ToggleSwitchFieldStories from "./ToggleSwitchField.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Tooltip/_docs/Tooltip.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 TooltipStories from "./Tooltip.stories"
 
 <Meta of={TooltipStories} />
@@ -13,7 +13,6 @@ import * as TooltipStories from "./Tooltip.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/VisuallyHidden/_docs/VisuallyHidden.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 VisuallyHiddenStories from "./VisuallyHidden.stories"
 
 <Meta of={VisuallyHiddenStories} />
@@ -11,7 +11,6 @@ import * as VisuallyHiddenStories from "./VisuallyHidden.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Well/_docs/Well.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 WellStories from "./Well.stories"
 
 <Meta of={WellStories} />
@@ -13,7 +13,6 @@ import * as WellStories from "./Well.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/Workflow/_docs/Workflow.mdx

@@ -1,6 +1,6 @@
 import { ArgTypes, Canvas, Meta } from "@storybook/blocks"
 import { InlineNotification } from "~components/Notification"
-import { Installation, KaioNotification, ResourceLinks } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as Workflow from "./Workflow.stories"
 import * as WorkflowFooter from "./WorkflowFooter.stories"
 import * as WorkflowHeader from "./WorkflowHeader.stories"
@@ -14,7 +14,6 @@ import * as WorkflowHeader from "./WorkflowHeader.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <InlineNotification type="negative" persistent>
   {`This version of the Workflow is deprecated and will be removed in the next major release.

package/src/__future__/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/__future__/Tag/RemovableTag/_docs/RemovableTag.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 RemovableTagStories from "./RemovableTag.stories"
 
 <Meta of={RemovableTagStories} />
@@ -10,7 +10,6 @@ import * as RemovableTagStories from "./RemovableTag.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__future__/Tag/RemovableTag.tsx"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/__future__/Tag/Tag/_docs/Tag.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 TagStories from "./Tag.stories"
 
 <Meta of={TagStories} />
@@ -12,7 +12,6 @@ import * as TagStories from "./Tag.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <Installation
   installCommand="yarn add @kaizen/components"

package/src/__future__/Workflow/_docs/ProgressStepper.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { Installation, KaioNotification, ResourceLinks, KaioLegacyDocsNotification } from "~storybook/components"
+import { Installation, ResourceLinks, KaioLegacyDocsNotification } from "~storybook/components"
 import * as ProgressStepperStories from "./ProgressStepper.stories"
 
 <Meta of={ProgressStepperStories} />
@@ -13,7 +13,6 @@ import * as ProgressStepperStories from "./ProgressStepper.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <KaioLegacyDocsNotification version="1.16.0" />
 

package/src/__future__/Workflow/_docs/Workflow.mdx

@@ -1,5 +1,5 @@
 import { ArgTypes, Canvas, Meta } from "@storybook/blocks"
-import { Installation, KaioNotification, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
+import { Installation, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
 import * as Workflow from "./Workflow.stories"
 import * as WorkflowFooter from "./WorkflowFooter.stories"
 import * as WorkflowHeader from "./WorkflowHeader.stories"
@@ -13,7 +13,6 @@ import * as WorkflowHeader from "./WorkflowHeader.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <KaioLegacyDocsNotification version="1.16.0" />
 

package/src/__future__/Workflow/_docs/WorkflowFooter.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { Installation, KaioNotification, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
+import { Installation, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
 import * as WorkflowFooterStories from "./WorkflowFooter.stories"
 
 <Meta of={WorkflowFooterStories} />
@@ -13,7 +13,6 @@ import * as WorkflowFooterStories from "./WorkflowFooter.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <KaioLegacyDocsNotification version="1.16.0" />
 

package/src/__future__/Workflow/_docs/WorkflowHeader.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { Installation, KaioNotification, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
+import { Installation, KaioLegacyDocsNotification, ResourceLinks } from "~storybook/components"
 import * as WorkflowHeaderStories from "./WorkflowHeader.stories"
 
 <Meta of={WorkflowHeaderStories} />
@@ -13,7 +13,6 @@ import * as WorkflowHeaderStories from "./WorkflowHeader.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 <KaioLegacyDocsNotification version="1.16.0" />