diff --git a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx index 3a1768fb64..723f39887f 100644 --- a/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx +++ b/packages/core/src/components/EditableHeading/__stories__/EditableHeading.mdx @@ -16,7 +16,6 @@ export const editableHeadingTemplate = createComponentTemplate(EditableHeading); # EditableHeading - [Overview](#overview) -- [Import](#import) - [Props](#props) - [Usage](#usage) - [Variants](#variants) diff --git a/packages/core/src/components/Heading/__stories__/Heading.mdx b/packages/core/src/components/Heading/__stories__/Heading.mdx index a98c9d90df..0b0403b0a9 100644 --- a/packages/core/src/components/Heading/__stories__/Heading.mdx +++ b/packages/core/src/components/Heading/__stories__/Heading.mdx @@ -13,7 +13,6 @@ import { TipEditableHeading } from "./Heading.stories.helpers"; # Heading - [Overview](#overview) -- [Import](#import) - [Props](#props) - [Usage](#usage) - [Variants](#variants) diff --git a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx index 98f94c23dc..0ef5cc9a9d 100644 --- a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx +++ b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx @@ -17,7 +17,6 @@ import * as ModalStories from "./LegacyModal.stories"; - [Overview](#overview) -- [Import](#import) - [Props](#props) - [Usage](#usage) - [Variants](#variants) diff --git a/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx b/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx index 3b8a2ab391..86aa71f157 100644 --- a/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx +++ b/packages/core/src/components/Modal/Modal/__stories__/Modal.mdx @@ -37,6 +37,26 @@ import { We have 3 different modal component, each one provide a different layout for a different use case:

+### Import + +All the Modal-related components can be imported from `@vibe/core/next`. + +Notice not to import components directly from the `@vibe/core` package, as they are deprecated. + +```ts +import { + Modal, + ModalHeader, + ModalContent, + ModalMedia, + ModalFooter, + ModalFooterWizard, + ModalBasicLayout, + ModalSideBySideLayout, + ModalMediaLayout +} from "@vibe/core/next"; +``` + ### Basic modal The Basic Modal is intended for straightforward tasks, like selecting items or gathering basic information. Basic Modals help users focus on a single task without distractions. These modals do not support images or videos. diff --git a/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx index c7ddf6be76..866e6b3da7 100644 --- a/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx +++ b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx @@ -30,6 +30,16 @@ The Basic Modal is intended for straightforward tasks, like selecting items or g +### Import + +All the Basic Modal layout components can be imported from `@vibe/core/next`. + +Notice not to import components directly from the `@vibe/core` package, as they are deprecated. + +```ts +import { Modal, ModalHeader, ModalContent, ModalFooter, ModalFooterWizard, ModalBasicLayout } from "@vibe/core/next"; +``` + ## Props diff --git a/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx index b60174980b..4e93579af9 100644 --- a/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx +++ b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx @@ -29,6 +29,16 @@ The Media Modal includes a highlighted media section, followed by a textual cont +### Import + +All the Media Modal layout components can be imported from `@vibe/core/next`. + +Notice not to import components directly from the `@vibe/core` package, as they are deprecated. + +```ts +import { Modal, ModalHeader, ModalContent, ModalMedia, ModalFooter, ModalFooterWizard, ModalMediaLayout } from "@vibe/core/next"; +``` + ## Props diff --git a/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx index 92ded1b9f9..cc45ca0dda 100644 --- a/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx +++ b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx @@ -32,6 +32,16 @@ The Side-by-side Modal offers a layout with two distinct sections. The left side +### Import + +All the Side-by-side Modal layout components can be imported from `@vibe/core/next`. + +Notice not to import components directly from the `@vibe/core` package, as they are deprecated. + +```ts +import { Modal, ModalHeader, ModalContent, ModalMedia, ModalFooter, ModalFooterWizard, ModalSideBySideLayout } from "@vibe/core/next"; +``` + ## Props