@kaizen/components 1.38.0 → 1.38.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.38.0",
+  "version": "1.38.2",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

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

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

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

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

package/src/BrandMoment/_docs/BrandMoment.mdx

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

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

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

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

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

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

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

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

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

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

package/src/Collapsible/CollapsibleGroup/_docs/CollapsibleGroup.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 CollapsibleGroupStories from "./CollapsibleGroup.stories"
 
 <Meta of={CollapsibleGroupStories} />
@@ -12,7 +12,7 @@ import * as CollapsibleGroupStories from "./CollapsibleGroup.stories"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible"
   className="!mb-8"
 />
-<KaioNotification />
+
 
 <Installation
   installCommand="yarn add @kaizen/components"

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

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

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

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

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

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

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

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

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

package/src/Filter/Filter/_docs/Filter.mdx

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

package/src/Filter/FilterBar/_docs/FilterBar.mdx

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

package/src/Filter/FilterButton/_docs/filter-buttons.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, DocsStory, Meta } from "@storybook/blocks"
-import { Installation, KaioNotification, ResourceLinks } from "~storybook/components"
+import { Installation, ResourceLinks } from "~storybook/components"
 import * as FilterButtonExamples from "./FilterButton.stories"
 import * as FilterButtonRemovableExamples from "./FilterButtonRemovable.stories"
 
@@ -12,7 +12,6 @@ import * as FilterButtonRemovableExamples from "./FilterButtonRemovable.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 Trigger buttons for use by components using the `<Filter>` abstraction.
 

package/src/Filter/FilterDatePicker/_docs/FilterDatePicker.mdx

@@ -1,5 +1,5 @@
 import { Controls, Description, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, NoClipCanvas } from "~storybook/components"
+import { ResourceLinks, Installation, NoClipCanvas } from "~storybook/components"
 import * as FilterDPStories from "./FilterDatePicker.stories"
 
 <Meta of={FilterDPStories} />
@@ -13,7 +13,6 @@ import * as FilterDPStories from "./FilterDatePicker.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 Date Picker to use for Filtering by a single date.
 

package/src/Filter/FilterDateRangePicker/_docs/FilterDateRangePicker.mdx

@@ -1,5 +1,5 @@
 import { Controls, Description, Meta } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification, Installation, NoClipCanvas } from "~storybook/components"
+import { ResourceLinks, Installation, NoClipCanvas } from "~storybook/components"
 import * as FilterDRPStories from "./FilterDateRangePicker.stories"
 
 <Meta of={FilterDRPStories} />
@@ -13,7 +13,6 @@ import * as FilterDRPStories from "./FilterDateRangePicker.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 Date Range Picker to use for Filtering.
 

package/src/Filter/FilterSelect/_docs/FilterSelect.mdx

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

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

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

package/src/Icon/_docs/Icon.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Controls, Meta, Story } from "@storybook/blocks"
-import { ResourceLinks, KaioNotification } from "~storybook/components"
+import { ResourceLinks } from "~storybook/components"
 import * as IconStories from "./Icon.stories"
 
 <Meta of={IconStories} />
@@ -11,7 +11,6 @@ import * as IconStories from "./Icon.stories"
   className="!mb-8"
 />
 
-<KaioNotification />
 
 ## Installation
 

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

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

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

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

@@ -65,24 +65,7 @@ describe("<VideoPlayer />", () => {
         />
       )
       const videoPlayer = screen.getByTestId("kz-video-player")
-      expect(videoPlayer).toMatchInlineSnapshot(`
-        <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%"
-        >
-          <source
-            src="https://d1e7r7b0lb8p4d.cloudfront.net/illustrations/heart/spot/moods-cautionary.webm.mp4"
-            type="video/mp4"
-          />
-        </video>
-      `)
+      expect(videoPlayer).toMatchSnapshot()
       expect(mockPause).toBeCalled()
     })
 
@@ -98,25 +81,7 @@ describe("<VideoPlayer />", () => {
         />
       )
       const videoPlayer = screen.getByTestId("kz-video-player")
-      expect(videoPlayer).toMatchInlineSnapshot(`
-        <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%"
-        >
-          <source
-            src="https://d1e7r7b0lb8p4d.cloudfront.net/illustrations/heart/spot/moods-cautionary.webm.mp4"
-            type="video/mp4"
-          />
-        </video>
-      `)
+      expect(videoPlayer).toMatchSnapshot()
       expect(mockPlay).toBeCalled()
     })
   })