@kaizen/components 1.52.1 → 1.54.0

package/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.spec.tsx

@@ -1,6 +1,7 @@
 import React from "react"
-import { render, screen } from "@testing-library/react"
+import { screen, waitFor } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
+import { renderWithIntl } from "~tests"
 import { useSelectionContext } from "../../context"
 import { SearchInput } from "."
 
@@ -14,12 +15,14 @@ const SearchInputWrapper = (): JSX.Element => <SearchInput label="label-mock" />
 
 describe("<SearchInput /> - interaction", () => {
   describe("Given searchQuery is provided", () => {
-    it("shows searchQuery as value", () => {
+    it("shows searchQuery as value", async () => {
       ;(useSelectionContext as jest.Mock).mockReturnValue({
         searchQuery: "search-query-mock",
       })
-      render(<SearchInputWrapper />)
-      expect(screen.getByRole("searchbox")).toHaveValue("search-query-mock")
+      renderWithIntl(<SearchInputWrapper />)
+      await waitFor(() => {
+        expect(screen.getByRole("searchbox")).toHaveValue("search-query-mock")
+      })
     })
   })
 
@@ -29,7 +32,7 @@ describe("<SearchInput /> - interaction", () => {
       setSearchQuery: spy,
     })
 
-    render(<SearchInputWrapper />)
+    renderWithIntl(<SearchInputWrapper />)
     const search = screen.getByRole("searchbox")
     await user.type(search, "want to search this text")
 
@@ -43,7 +46,7 @@ describe("<SearchInput /> - interaction", () => {
       setSearchQuery: spy,
     })
 
-    render(<SearchInputWrapper />)
+    renderWithIntl(<SearchInputWrapper />)
     const clearButton = screen.getByRole("button")
     await user.click(clearButton)
 

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

@@ -11,7 +11,7 @@ import * as FilterSelectStories from "./FilterSelect.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/FilterSelect"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?type=design&node-id=6-28579&t=bowQ0LWOQKOd0UYS-0"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093959/Filters"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="FilterSelect" />

package/src/GuidanceBlock/_docs/GuidanceBlock.mdx

@@ -10,7 +10,7 @@ import * as GuidanceBlockStories from "./GuidanceBlock.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/GuidanceBlock"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=622%3A149926&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="GuidanceBlock" />

package/src/Heading/_docs/Heading.mdx

@@ -9,7 +9,7 @@ import * as HeadingStories from "./Heading.stories"
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Heading"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Heading" />

package/src/Icon/_docs/Icon.mdx

@@ -8,7 +8,7 @@ import * as IconStories from "./Icon.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Icons"
-  className="!mb-8"
+
 />
 
 ## Installation

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

@@ -10,7 +10,7 @@ import * as BrandMomentCaptureIntroStories from "./BrandMomentCaptureIntro.stori
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/BrandMomentCaptureIntro"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=50195%3A251126&mode=design&t=AWARn1Fp8ago39Br-1"
   designGuidelines="https://cultureamp.atlassian.net/l/cp/58wsFtBe"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="BrandMomentCaptureIntro" />

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

@@ -9,7 +9,7 @@ import * as SceneStories from "./Scene.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Illustration/Scene"
-  className="!mb-8"
+
 />
 
 

package/src/Illustration/Spot/_docs/Spot.mdx

@@ -11,7 +11,7 @@ import * as SpotIllustrationStories from "./Spot.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Illustration"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=50176%3A251125&mode=design&t=5GnjF9A8Wnd9UmHY-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060340/Illustration"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="CompanyDetails" />

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

@@ -9,7 +9,7 @@ import * as InputStories from "./Input.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Input/Input"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Input" />

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

@@ -8,7 +8,7 @@ import * as InputRangeStories from "./InputRange.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Input/InputRange"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="InputRange" />

package/src/Input/InputSearch/InputSearch.spec.tsx

@@ -1,6 +1,7 @@
 import React from "react"
 import { render, waitFor } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
+import { renderWithIntl } from "~tests"
 import { InputSearchProps } from "./InputSearch"
 import { InputSearch } from "."
 
@@ -17,16 +18,19 @@ const renderInput = (
 ): ReturnType<typeof render> => {
   const mergedInputProps = { ...defaultInputProps, ...props }
 
-  return render(<InputSearch {...mergedInputProps} data-testid="someInputId" />)
+  return renderWithIntl(
+    <InputSearch {...mergedInputProps} data-testid="someInputId" />
+  )
 }
 
 describe("<InputSearch />", () => {
-  it("should render a value inside of input", () => {
+  it("should render a value inside of input", async () => {
     const { container } = renderInput()
-
-    expect(
-      container.querySelector(`[value="${defaultInputProps.value}"]`)
-    ).toBeTruthy()
+    await waitFor(() => {
+      expect(
+        container.querySelector(`[value="${defaultInputProps.value}"]`)
+      ).toBeTruthy()
+    })
   })
 
   it("should call the `onChange` event when text value is updated", async () => {
@@ -37,17 +41,14 @@ describe("<InputSearch />", () => {
 
     await user.type(input, "Hello")
     await waitFor(() => {
-      expect(defaultInputProps.onChange).toBeCalledTimes(5)
+      expect(defaultInputProps.onChange).toHaveBeenCalledTimes(5)
     })
   })
 
-  it("should render a disabled inside of input", () => {
+  it("should render a disabled inside of input", async () => {
     const { container } = renderInput({ disabled: true })
-    expect(container.querySelector("[disabled]")).toBeTruthy()
-  })
-
-  it("should render a reversed input", () => {
-    const { container } = renderInput({ reversed: true })
-    expect(container.querySelector(".reversed")).toBeTruthy()
+    await waitFor(() => {
+      expect(container.querySelector("[disabled]")).toBeTruthy()
+    })
   })
 })

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

@@ -8,7 +8,7 @@ import * as InputSearchStories from "./InputSearch.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Input/InputSearch"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="InputSearch" />

package/src/Label/_docs/Label.mdx

@@ -8,7 +8,7 @@ import * as LabelStories from "./Label.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Label"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Label" />

package/src/LabelledMessage/_docs/LabelledMessage.mdx

@@ -8,7 +8,7 @@ import * as LabelledMessageStories from "./LabelledMessage.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/LabelledMessage"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LabelledMessage" />

package/src/LikertScaleLegacy/_docs/LikertScaleLegacy.mdx

@@ -10,7 +10,7 @@ import * as LikertScaleLegacyStories from "./LikertScaleLegacy.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/LikertScaleLegacy"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39905&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LikertScaleLegacy" />

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

@@ -10,7 +10,7 @@ import * as LoadingGraphicStories from "./LoadingGraphic.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Loading/LoadingGraphic"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=50670%3A115292&mode=design&t=bSqb3WpQ04594DsC-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LoadingGraphic" />

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

@@ -10,7 +10,7 @@ import * as LoadingHeadingStories from "./LoadingHeading.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Loading/LoadingHeading"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=50670%3A115292&mode=design&t=bSqb3WpQ04594DsC-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LoadingHeading" />

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

@@ -10,7 +10,7 @@ import * as LoadingInputStories from "./LoadingInput.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Loading/LoadingInput"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=50670%3A115292&mode=design&t=bSqb3WpQ04594DsC-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LoadingInput" />

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

@@ -10,7 +10,7 @@ import * as LoadingParagraphStories from "./LoadingParagraph.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Loading/LoadingParagraph"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=50670%3A115292&mode=design&t=bSqb3WpQ04594DsC-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LoadingParagraph" />

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

@@ -10,7 +10,7 @@ import * as LoadingSpinnerStories from "./LoadingSpinner.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/LoadingSpinner"
   figma=""
   designGuidelines=""
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="LoadingSpinner" />

package/src/Menu/_docs/Menu.mdx

@@ -10,7 +10,7 @@ import * as MenuStories from "./Menu.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Menu"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39909&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082059782/Menu"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Menu" />

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

@@ -10,7 +10,7 @@ import * as ConfirmationModalStories from "./ConfirmationModal.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Modal/ConfirmationModal"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39910&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="ConfirmationModal" />

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

@@ -10,7 +10,7 @@ import * as ContextModalStories from "./ContextModal.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/ContextModal"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39910&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="ContextModal" />

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

@@ -9,7 +9,7 @@ import * as GenericModal from "./GenericModal.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Modal/GenericModal"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="GenericModal" />

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

@@ -10,7 +10,7 @@ import * as InputEditModalStories from "./InputEditModal.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Modal/InputEditModal"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39910&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="InputEditModal" />

package/src/MultiSelect/_docs/MultiSelect.mdx

@@ -9,7 +9,7 @@ import * as MultiSelectStories from "./MultiSelect.stories"
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/MultiSelect"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="MultiSelect" />

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

@@ -10,7 +10,7 @@ import * as GlobalNotificationExamples from "./GlobalNotification.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Notification/GlobalNotification"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A21283&mode=design&t=HmSOpdHdka19ZmTO-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="GlobalNotification" />

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

@@ -10,7 +10,7 @@ import * as InlineNotificationExamples from "./InlineNotification.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Notification/InlineNotification"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A21594&mode=design&t=HmSOpdHdka19ZmTO-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="InlineNotification" />

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

@@ -10,7 +10,7 @@ import * as ToastNotificationStories from "./ToastNotification.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Notification/ToastNotification"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A21829&mode=design&t=QHnBiBn4stf5UxJ3-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638310/Toast+Notification"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="useToastNotification" />

package/src/Pagination/_docs/Pagination.mdx

@@ -10,7 +10,7 @@ import * as PaginationStories from "./Pagination.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Pagination"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39913&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Pagination" />

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

@@ -10,7 +10,7 @@ import * as DirectionalLinkStories from "./DirectionalLink.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/DirectionalLink"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?type=design&node-id=9-39913&mode=design&t=ktWFeE0DneVQfysI-0"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="DirectionalLink" />

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

@@ -10,7 +10,7 @@ import * as PaginationLinkStories from "./PaginationLink.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/PaginationLink"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?type=design&mode=design&t=ktWFeE0DneVQfysI-0"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="PaginationLink" />

package/src/Popover/_docs/Popover.mdx

@@ -10,7 +10,7 @@ import * as PopoverStories from "./Popover.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Popover"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9:86401&mode=dev"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929552/Popover"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Popover" />

package/src/ProgressBar/_docs/ProgressBar.mdx

@@ -11,7 +11,7 @@ import * as ProgressBarStories from "./ProgressBar.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/ProgressBar"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A20889&mode=design&t=mSqG0g2n5Iquqx6m-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="ProgressBar" />

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

@@ -9,7 +9,7 @@ import * as RadioStories from "./Radio.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Radio/Radio"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Radio" />

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

@@ -10,7 +10,7 @@ import * as RadioFieldStories from "./RadioField.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RadioField"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A86404&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="RadioField" />

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

@@ -10,7 +10,7 @@ import * as RadioGroupStories from "./RadioGroup.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RadioGroup"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A86405&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929413/Radio+Group"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="RadioGroup" />

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

@@ -8,7 +8,7 @@ import * as EditableRichTextContentStories from "./EditableRichTextContent.stori
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RichTextEditor/EditableRichTextContent"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="EditableRichTextContent" />

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

@@ -8,7 +8,7 @@ import * as RichTextContentStories from "./RichTextContent.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RichTextEditor/RichTextContent"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="RichTextContent" />

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

@@ -12,7 +12,7 @@ import * as RichTextEditorStories from "./RichTextEditor.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RichTextEditor/RichTextEditor"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A86406&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="RichTextEditor" />

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

@@ -8,7 +8,7 @@ import * as ToggleIconButtonStories from "./ToggleIconButton.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RichTextEditor/subcomponents/ToggleIconButton"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="ToggleIconButton" />

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

@@ -8,7 +8,7 @@ import * as ToolbarStories from "./Toolbar.stories"
 
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/RichTextEditor/subcomponents/Toolbar"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Toolbar" />

package/src/SearchField/_docs/SearchField.mdx

@@ -10,7 +10,7 @@ import * as SearchFieldStories from "./SearchField.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/SearchField"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A39914&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="SearchField" />

package/src/Select/_docs/Select.mdx

@@ -10,7 +10,7 @@ import * as SelectStories from "./Select.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Select"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9:37837&mode=dev"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Select" />

package/src/Skirt/_docs/Skirt.mdx

@@ -10,7 +10,7 @@ import * as SkirtStories from "./Skirt.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Skirt"
   figma=""
   designGuidelines=""
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames={["Skirt", "SkirtCard"]} />

package/src/Slider/_docs/Slider.mdx

@@ -10,7 +10,7 @@ import * as SliderStories from "./Slider.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Slider"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A37839&t=P1w10jr2cpPuaayw-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="Slider" />

package/src/SplitButton/SplitButton.spec.tsx

@@ -1,6 +1,7 @@
 import React from "react"
-import { render, screen, waitFor } from "@testing-library/react"
+import { screen, waitFor } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
+import { renderWithIntl } from "~tests"
 import { MenuItem, MenuList } from "~components/Menu"
 import { SplitButton, SplitButtonProps } from "./SplitButton"
 
@@ -29,8 +30,10 @@ const SplitButtonWrapper = (
 
 describe("<SplitButton />", () => {
   it("renders the correct structure", async () => {
-    render(<SplitButtonWrapper />)
-    expect(screen.getByText("Action Text")).toBeInTheDocument()
+    renderWithIntl(<SplitButtonWrapper />)
+    await waitFor(() => {
+      expect(screen.getByText("Action Text")).toBeInTheDocument()
+    })
 
     const dropdownButton = screen.getByLabelText("Dropdown Label")
     expect(dropdownButton).toBeInTheDocument()
@@ -42,9 +45,11 @@ describe("<SplitButton />", () => {
     })
   })
 
-  it("disables both buttons when disabled is true", () => {
-    render(<SplitButtonWrapper disabled />)
-    expect(screen.getByText("Action Text").closest("button")).toBeDisabled()
+  it("disables both buttons when disabled is true", async () => {
+    renderWithIntl(<SplitButtonWrapper disabled />)
+    await waitFor(() => {
+      expect(screen.getByText("Action Text").closest("button")).toBeDisabled()
+    })
     expect(
       screen.getByLabelText("Dropdown Label").closest("button")
     ).toBeDisabled()

package/src/SplitButton/_docs/SplitButton.mdx

@@ -10,7 +10,7 @@ import * as SplitButtonStories from "./SplitButton.stories"
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/SplitButton"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A27099&mode=design&t=RLNQBBYrMF21quZb-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button"
-  className="!mb-8"
+
 />
 
 <KAIOInstallation exportNames="SplitButton" />