From 244c1cbfa80641f8e3a07270a0dfb4fd3e488bc7 Mon Sep 17 00:00:00 2001 From: Yossi Saadi Date: Tue, 17 Dec 2024 15:28:16 +0200 Subject: [PATCH] feat(Modal): export new Modal component to /next (#2641) --- packages/core/.storybook/manager.jsx | 2 +- .../__snapshots__/exports.test.ts.snap | 14 ++++- .../LegacyModal/__stories__/LegacyModal.mdx | 7 +-- .../__stories__/LegacyModal.stories.tsx | 2 +- .../Modal/Modal.module.scss | 2 +- .../{ModalNew => Modal}/Modal/Modal.tsx | 2 +- .../{ModalNew => Modal}/Modal/Modal.types.tsx | 0 .../Modal/__stories__/Modal.mdx | 2 +- .../__stories__/Modal.stories.helpers.tsx | 5 +- .../__stories__/Modal.stories.module.scss | 2 +- .../Modal/__stories__/assets/backdrop-do.png | Bin .../__stories__/assets/backdrop-dont.png | Bin .../Modal/__stories__/assets/cta-do.png | Bin .../Modal/__stories__/assets/cta-dont.png | Bin .../Modal/__stories__/assets/loading-do.png | Bin .../Modal/__stories__/assets/loading-dont.png | Bin .../Modal/__tests__/Modal.test.tsx | 0 .../core/src/components/Modal/Modal/index.ts | 2 + .../ModalContent/ModalContent.tsx | 0 .../ModalContent/ModalContent.types.ts | 0 .../components/Modal/ModalContent/index.ts | 2 + .../ModalHeader/ModalHeader.module.scss | 0 .../ModalHeader/ModalHeader.tsx | 0 .../ModalHeader/ModalHeader.types.ts | 0 .../__tests__/ModalHeader.test.tsx | 0 .../src/components/Modal/ModalHeader/index.ts | 2 + .../ModalMedia}/ModalMedia.module.scss | 0 .../ModalMedia}/ModalMedia.tsx | 0 .../ModalMedia}/ModalMedia.types.ts | 0 .../src/components/Modal/ModalMedia/index.ts | 2 + .../ModalTopActions.module.scss | 0 .../ModalTopActions/ModalTopActions.tsx | 0 .../ModalTopActions/ModalTopActions.types.ts | 0 .../__tests__/ModalTopActions.test.tsx | 0 .../context/ModalContext.tsx | 0 .../context/ModalContext.types.ts | 0 .../ModalFooter/ModalFooter.module.scss | 0 .../footers/ModalFooter/ModalFooter.tsx | 0 .../footers/ModalFooter/ModalFooter.types.ts | 0 .../ModalFooterBase.module.scss | 0 .../ModalFooterBase/ModalFooterBase.tsx | 0 .../ModalFooterBase/ModalFooterBase.types.ts | 0 .../__tests__/ModalFooterBase.test.tsx | 0 .../ModalFooterWizard.module.scss | 0 .../ModalFooterWizard/ModalFooterWizard.tsx | 0 .../ModalFooterWizard.types.ts | 0 .../src/components/Modal/footers/index.ts | 5 ++ .../hooks/usePortalTarget/usePortalTarget.ts | 0 .../usePortalTarget/usePortalTarget.types.ts | 0 packages/core/src/components/Modal/index.ts | 6 ++ .../ModalBasicLayout.module.scss | 0 .../ModalBasicLayout/ModalBasicLayout.tsx | 0 .../ModalBasicLayout.types.ts | 0 .../__stories__/ModalBasicLayout.mdx | 0 .../ModalBasicLayout.stories.helpers.tsx | 0 .../__stories__/ModalBasicLayout.stories.tsx | 19 +++++-- .../ModalBasicLayoutRelatedComponent.tsx | 0 .../__stories__/assets/action-do.png | Bin .../__stories__/assets/action-dont.png | Bin .../__stories__/assets/related-component.png | Bin .../layouts/ModalFooterShadow.module.scss | 0 .../layouts/ModalFooterShadow.tsx | 0 .../layouts/ModalFooterShadow.types.ts | 0 .../ModalLayoutScrollableContent.module.scss | 0 .../layouts/ModalLayoutScrollableContent.tsx | 0 .../ModalLayoutScrollableContent.types.ts | 0 .../ModalMediaLayout.module.scss | 0 .../ModalMediaLayout/ModalMediaLayout.tsx | 0 .../ModalMediaLayout.types.ts | 0 .../__stories__/ModalMediaLayout.mdx | 0 .../ModalMediaLayout.stories.helpers.tsx | 0 .../__stories__/ModalMediaLayout.stories.tsx | 8 ++- .../ModalMediaLayoutRelatedComponent.tsx | 0 .../__stories__/assets/media-image.png | Bin 0 -> 9843 bytes .../__stories__/assets/ratio-do.png | Bin .../__stories__/assets/ratio-dont.png | Bin .../__stories__/assets/related-component.png | Bin .../ModalSideBySideLayout.module.scss | 0 .../ModalSideBySideLayout.tsx | 0 .../ModalSideBySideLayout.types.ts | 0 .../__stories__/ModalSideBySideLayout.mdx | 0 .../ModalSideBySideLayout.stories.helpers.tsx | 0 .../ModalSideBySideLayout.stories.tsx | 8 ++- .../ModalSideBySideLayoutRelatedComponent.tsx | 0 .../__stories__/assets/breakdown-do.png | Bin .../__stories__/assets/breakdown-dont.png | Bin .../__stories__/assets/columns-do.png | Bin .../__stories__/assets/columns-dont.png | Bin .../__stories__/assets/media-image.png | Bin 0 -> 7520 bytes .../__stories__/assets/related-component.png | Bin .../__stories__/assets/wizard-do.png | Bin .../__stories__/assets/wizard-dont.png | Bin .../src/components/Modal/layouts/index.ts | 8 +++ .../layouts/useLayoutScrolledContent.ts | 0 .../utils/animationVariants.ts | 53 +++++++++++++----- .../__stories__/assets/media-image.png | Bin 9861 -> 0 bytes .../__stories__/assets/media-image.png | Bin 7685 -> 0 bytes packages/core/src/components/next.ts | 2 +- .../component-description-map.tsx | 6 +- .../__stories__/status-tag.stories.tsx | 1 + .../status-tag/status-tag.module.scss | 5 ++ .../src/components/status-tag/status-tag.tsx | 3 +- 102 files changed, 127 insertions(+), 43 deletions(-) rename packages/core/src/components/{ModalNew => Modal}/Modal/Modal.module.scss (95%) rename packages/core/src/components/{ModalNew => Modal}/Modal/Modal.tsx (99%) rename packages/core/src/components/{ModalNew => Modal}/Modal/Modal.types.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/Modal.mdx (99%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/Modal.stories.helpers.tsx (94%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/Modal.stories.module.scss (98%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/assets/backdrop-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/assets/backdrop-dont.png (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/assets/cta-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/assets/cta-dont.png (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/assets/loading-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__stories__/assets/loading-dont.png (100%) rename packages/core/src/components/{ModalNew => Modal}/Modal/__tests__/Modal.test.tsx (100%) create mode 100644 packages/core/src/components/Modal/Modal/index.ts rename packages/core/src/components/{ModalNew => Modal}/ModalContent/ModalContent.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalContent/ModalContent.types.ts (100%) create mode 100644 packages/core/src/components/Modal/ModalContent/index.ts rename packages/core/src/components/{ModalNew => Modal}/ModalHeader/ModalHeader.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalHeader/ModalHeader.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalHeader/ModalHeader.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalHeader/__tests__/ModalHeader.test.tsx (100%) create mode 100644 packages/core/src/components/Modal/ModalHeader/index.ts rename packages/core/src/components/{ModalNew/layouts => Modal/ModalMedia}/ModalMedia.module.scss (100%) rename packages/core/src/components/{ModalNew/layouts => Modal/ModalMedia}/ModalMedia.tsx (100%) rename packages/core/src/components/{ModalNew/layouts => Modal/ModalMedia}/ModalMedia.types.ts (100%) create mode 100644 packages/core/src/components/Modal/ModalMedia/index.ts rename packages/core/src/components/{ModalNew => Modal}/ModalTopActions/ModalTopActions.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalTopActions/ModalTopActions.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalTopActions/ModalTopActions.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/ModalTopActions/__tests__/ModalTopActions.test.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/context/ModalContext.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/context/ModalContext.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooter/ModalFooter.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooter/ModalFooter.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooter/ModalFooter.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterBase/ModalFooterBase.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterBase/ModalFooterBase.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterBase/ModalFooterBase.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterBase/__tests__/ModalFooterBase.test.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterWizard/ModalFooterWizard.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterWizard/ModalFooterWizard.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/footers/ModalFooterWizard/ModalFooterWizard.types.ts (100%) create mode 100644 packages/core/src/components/Modal/footers/index.ts rename packages/core/src/components/{ModalNew => Modal}/hooks/usePortalTarget/usePortalTarget.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/hooks/usePortalTarget/usePortalTarget.types.ts (100%) create mode 100644 packages/core/src/components/Modal/index.ts rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/ModalBasicLayout.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/ModalBasicLayout.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/ModalBasicLayout.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.helpers.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx (97%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/assets/action-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/assets/action-dont.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalBasicLayout/__stories__/assets/related-component.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalFooterShadow.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalFooterShadow.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalFooterShadow.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalLayoutScrollableContent.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalLayoutScrollableContent.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalLayoutScrollableContent.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/ModalMediaLayout.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/ModalMediaLayout.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/ModalMediaLayout.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.helpers.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx (98%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent.tsx (100%) create mode 100644 packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/media-image.png rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/assets/ratio-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/assets/ratio-dont.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalMediaLayout/__stories__/assets/related-component.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.helpers.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx (98%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent.tsx (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-dont.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/columns-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/columns-dont.png (100%) create mode 100644 packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/media-image.png rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/related-component.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/wizard-do.png (100%) rename packages/core/src/components/{ModalNew => Modal}/layouts/ModalSideBySideLayout/__stories__/assets/wizard-dont.png (100%) create mode 100644 packages/core/src/components/Modal/layouts/index.ts rename packages/core/src/components/{ModalNew => Modal}/layouts/useLayoutScrolledContent.ts (100%) rename packages/core/src/components/{ModalNew => Modal}/utils/animationVariants.ts (60%) delete mode 100644 packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/media-image.png delete mode 100644 packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/media-image.png diff --git a/packages/core/.storybook/manager.jsx b/packages/core/.storybook/manager.jsx index 47e73d451d..26e7a5d6a6 100644 --- a/packages/core/.storybook/manager.jsx +++ b/packages/core/.storybook/manager.jsx @@ -16,7 +16,7 @@ addons.setConfig({ const [statusMatch, statusType] = statusRegex.exec(name) || []; if (statusMatch) { - return {name.replace(statusMatch, "").trim()}; + return {name.replace(statusMatch, "").trim()}; } const { status: storyStatus } = parameters; diff --git a/packages/core/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/core/src/__tests__/__snapshots__/exports.test.ts.snap index a3e52b242a..101cef8d4c 100644 --- a/packages/core/src/__tests__/__snapshots__/exports.test.ts.snap +++ b/packages/core/src/__tests__/__snapshots__/exports.test.ts.snap @@ -110,4 +110,16 @@ exports[`exports should export all components 1`] = ` ] `; -exports[`exports should export next all components 1`] = `[]`; +exports[`exports should export next all components 1`] = ` +[ + "Modal", + "ModalBasicLayout", + "ModalContent", + "ModalFooter", + "ModalFooterWizard", + "ModalHeader", + "ModalMedia", + "ModalMediaLayout", + "ModalSideBySideLayout", +] +`; diff --git a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx index 43244b7099..98f94c23dc 100644 --- a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx +++ b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.mdx @@ -1,4 +1,4 @@ -import { ComponentRules/*, DeprecatedWarning*/, UsageGuidelines } from "vibe-storybook-components"; +import { ComponentRules, DeprecatedWarning, UsageGuidelines } from "vibe-storybook-components"; import { Canvas, Meta } from "@storybook/blocks"; import { DIALOG, TIPSEEN, TOOLTIP } from "../../../storybook/components/related-components/component-description-map"; import { @@ -12,10 +12,9 @@ import * as ModalStories from "./LegacyModal.stories"; -# Modal +# Modal - Deprecated -[//]: # (// TODO should be added once new Modal is exported) -[//]: # () + - [Overview](#overview) - [Import](#import) diff --git a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.stories.tsx b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.stories.tsx index b0d6579237..80b82c978f 100644 --- a/packages/core/src/components/LegacyModal/__stories__/LegacyModal.stories.tsx +++ b/packages/core/src/components/LegacyModal/__stories__/LegacyModal.stories.tsx @@ -53,7 +53,7 @@ const modalTemplate = ({ onClose, ...modalProps }: ModalProps) => { }; export default { - title: "Components/Modal", + title: "Components/Modal [Deprecated]", component: Modal, subcomponents: { ModalHeader, diff --git a/packages/core/src/components/ModalNew/Modal/Modal.module.scss b/packages/core/src/components/Modal/Modal/Modal.module.scss similarity index 95% rename from packages/core/src/components/ModalNew/Modal/Modal.module.scss rename to packages/core/src/components/Modal/Modal/Modal.module.scss index 4da8d1afa2..ea27b4abdd 100644 --- a/packages/core/src/components/ModalNew/Modal/Modal.module.scss +++ b/packages/core/src/components/Modal/Modal/Modal.module.scss @@ -2,7 +2,7 @@ --monday-modal-z-index: 10000; position: fixed; inset: 0; - background-color: rgba(41, 47, 76, 0.7); + background-color: var(--color-surface); z-index: var(--monday-modal-z-index); } diff --git a/packages/core/src/components/ModalNew/Modal/Modal.tsx b/packages/core/src/components/Modal/Modal/Modal.tsx similarity index 99% rename from packages/core/src/components/ModalNew/Modal/Modal.tsx rename to packages/core/src/components/Modal/Modal/Modal.tsx index 0a0a7fae54..d40514e829 100644 --- a/packages/core/src/components/ModalNew/Modal/Modal.tsx +++ b/packages/core/src/components/Modal/Modal/Modal.tsx @@ -98,7 +98,7 @@ const Modal = forwardRef( + # Modal diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/Modal.stories.helpers.tsx b/packages/core/src/components/Modal/Modal/__stories__/Modal.stories.helpers.tsx similarity index 94% rename from packages/core/src/components/ModalNew/Modal/__stories__/Modal.stories.helpers.tsx rename to packages/core/src/components/Modal/Modal/__stories__/Modal.stories.helpers.tsx index fa63e02beb..8d289468df 100644 --- a/packages/core/src/components/ModalNew/Modal/__stories__/Modal.stories.helpers.tsx +++ b/packages/core/src/components/Modal/Modal/__stories__/Modal.stories.helpers.tsx @@ -4,7 +4,6 @@ import { StorybookLink, Tip } from "vibe-storybook-components"; import { useAfterFirstRender } from "../../../../hooks"; import cx from "classnames"; import styles from "./Modal.stories.module.scss"; -import { createPortal } from "react-dom"; import { getStyle } from "../../../../helpers/typesciptCssModulesHelper"; export const OpenedModalPreview = forwardRef( @@ -25,14 +24,14 @@ export const OpenedModalPreview = forwardRef( const isAfterFirstRender = useAfterFirstRender(); return (
- {isDocsView ? modal : createPortal(modal, document.body)} + {modal}
); } diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/Modal.stories.module.scss b/packages/core/src/components/Modal/Modal/__stories__/Modal.stories.module.scss similarity index 98% rename from packages/core/src/components/ModalNew/Modal/__stories__/Modal.stories.module.scss rename to packages/core/src/components/Modal/Modal/__stories__/Modal.stories.module.scss index c54af9e71a..d98b242a65 100644 --- a/packages/core/src/components/ModalNew/Modal/__stories__/Modal.stories.module.scss +++ b/packages/core/src/components/Modal/Modal/__stories__/Modal.stories.module.scss @@ -7,7 +7,7 @@ .preview { padding-inline-start: 32px; padding-block-start: 40px; - height: 360px; + height: 100vh; width: 100%; container-type: inline-size; diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/assets/backdrop-do.png b/packages/core/src/components/Modal/Modal/__stories__/assets/backdrop-do.png similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__stories__/assets/backdrop-do.png rename to packages/core/src/components/Modal/Modal/__stories__/assets/backdrop-do.png diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/assets/backdrop-dont.png b/packages/core/src/components/Modal/Modal/__stories__/assets/backdrop-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__stories__/assets/backdrop-dont.png rename to packages/core/src/components/Modal/Modal/__stories__/assets/backdrop-dont.png diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/assets/cta-do.png b/packages/core/src/components/Modal/Modal/__stories__/assets/cta-do.png similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__stories__/assets/cta-do.png rename to packages/core/src/components/Modal/Modal/__stories__/assets/cta-do.png diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/assets/cta-dont.png b/packages/core/src/components/Modal/Modal/__stories__/assets/cta-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__stories__/assets/cta-dont.png rename to packages/core/src/components/Modal/Modal/__stories__/assets/cta-dont.png diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/assets/loading-do.png b/packages/core/src/components/Modal/Modal/__stories__/assets/loading-do.png similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__stories__/assets/loading-do.png rename to packages/core/src/components/Modal/Modal/__stories__/assets/loading-do.png diff --git a/packages/core/src/components/ModalNew/Modal/__stories__/assets/loading-dont.png b/packages/core/src/components/Modal/Modal/__stories__/assets/loading-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__stories__/assets/loading-dont.png rename to packages/core/src/components/Modal/Modal/__stories__/assets/loading-dont.png diff --git a/packages/core/src/components/ModalNew/Modal/__tests__/Modal.test.tsx b/packages/core/src/components/Modal/Modal/__tests__/Modal.test.tsx similarity index 100% rename from packages/core/src/components/ModalNew/Modal/__tests__/Modal.test.tsx rename to packages/core/src/components/Modal/Modal/__tests__/Modal.test.tsx diff --git a/packages/core/src/components/Modal/Modal/index.ts b/packages/core/src/components/Modal/Modal/index.ts new file mode 100644 index 0000000000..a310840d40 --- /dev/null +++ b/packages/core/src/components/Modal/Modal/index.ts @@ -0,0 +1,2 @@ +export { default as Modal } from "./Modal"; +export { ModalProps } from "./Modal.types"; diff --git a/packages/core/src/components/ModalNew/ModalContent/ModalContent.tsx b/packages/core/src/components/Modal/ModalContent/ModalContent.tsx similarity index 100% rename from packages/core/src/components/ModalNew/ModalContent/ModalContent.tsx rename to packages/core/src/components/Modal/ModalContent/ModalContent.tsx diff --git a/packages/core/src/components/ModalNew/ModalContent/ModalContent.types.ts b/packages/core/src/components/Modal/ModalContent/ModalContent.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/ModalContent/ModalContent.types.ts rename to packages/core/src/components/Modal/ModalContent/ModalContent.types.ts diff --git a/packages/core/src/components/Modal/ModalContent/index.ts b/packages/core/src/components/Modal/ModalContent/index.ts new file mode 100644 index 0000000000..824254b460 --- /dev/null +++ b/packages/core/src/components/Modal/ModalContent/index.ts @@ -0,0 +1,2 @@ +export { default as ModalContent } from "./ModalContent"; +export { ModalContentProps } from "./ModalContent.types"; diff --git a/packages/core/src/components/ModalNew/ModalHeader/ModalHeader.module.scss b/packages/core/src/components/Modal/ModalHeader/ModalHeader.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/ModalHeader/ModalHeader.module.scss rename to packages/core/src/components/Modal/ModalHeader/ModalHeader.module.scss diff --git a/packages/core/src/components/ModalNew/ModalHeader/ModalHeader.tsx b/packages/core/src/components/Modal/ModalHeader/ModalHeader.tsx similarity index 100% rename from packages/core/src/components/ModalNew/ModalHeader/ModalHeader.tsx rename to packages/core/src/components/Modal/ModalHeader/ModalHeader.tsx diff --git a/packages/core/src/components/ModalNew/ModalHeader/ModalHeader.types.ts b/packages/core/src/components/Modal/ModalHeader/ModalHeader.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/ModalHeader/ModalHeader.types.ts rename to packages/core/src/components/Modal/ModalHeader/ModalHeader.types.ts diff --git a/packages/core/src/components/ModalNew/ModalHeader/__tests__/ModalHeader.test.tsx b/packages/core/src/components/Modal/ModalHeader/__tests__/ModalHeader.test.tsx similarity index 100% rename from packages/core/src/components/ModalNew/ModalHeader/__tests__/ModalHeader.test.tsx rename to packages/core/src/components/Modal/ModalHeader/__tests__/ModalHeader.test.tsx diff --git a/packages/core/src/components/Modal/ModalHeader/index.ts b/packages/core/src/components/Modal/ModalHeader/index.ts new file mode 100644 index 0000000000..97fb693bfe --- /dev/null +++ b/packages/core/src/components/Modal/ModalHeader/index.ts @@ -0,0 +1,2 @@ +export { default as ModalHeader } from "./ModalHeader"; +export { ModalHeaderProps } from "./ModalHeader.types"; diff --git a/packages/core/src/components/ModalNew/layouts/ModalMedia.module.scss b/packages/core/src/components/Modal/ModalMedia/ModalMedia.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMedia.module.scss rename to packages/core/src/components/Modal/ModalMedia/ModalMedia.module.scss diff --git a/packages/core/src/components/ModalNew/layouts/ModalMedia.tsx b/packages/core/src/components/Modal/ModalMedia/ModalMedia.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMedia.tsx rename to packages/core/src/components/Modal/ModalMedia/ModalMedia.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalMedia.types.ts b/packages/core/src/components/Modal/ModalMedia/ModalMedia.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMedia.types.ts rename to packages/core/src/components/Modal/ModalMedia/ModalMedia.types.ts diff --git a/packages/core/src/components/Modal/ModalMedia/index.ts b/packages/core/src/components/Modal/ModalMedia/index.ts new file mode 100644 index 0000000000..6a93bd4004 --- /dev/null +++ b/packages/core/src/components/Modal/ModalMedia/index.ts @@ -0,0 +1,2 @@ +export { default as ModalMedia } from "./ModalMedia"; +export { ModalMediaProps } from "./ModalMedia.types"; diff --git a/packages/core/src/components/ModalNew/ModalTopActions/ModalTopActions.module.scss b/packages/core/src/components/Modal/ModalTopActions/ModalTopActions.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/ModalTopActions/ModalTopActions.module.scss rename to packages/core/src/components/Modal/ModalTopActions/ModalTopActions.module.scss diff --git a/packages/core/src/components/ModalNew/ModalTopActions/ModalTopActions.tsx b/packages/core/src/components/Modal/ModalTopActions/ModalTopActions.tsx similarity index 100% rename from packages/core/src/components/ModalNew/ModalTopActions/ModalTopActions.tsx rename to packages/core/src/components/Modal/ModalTopActions/ModalTopActions.tsx diff --git a/packages/core/src/components/ModalNew/ModalTopActions/ModalTopActions.types.ts b/packages/core/src/components/Modal/ModalTopActions/ModalTopActions.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/ModalTopActions/ModalTopActions.types.ts rename to packages/core/src/components/Modal/ModalTopActions/ModalTopActions.types.ts diff --git a/packages/core/src/components/ModalNew/ModalTopActions/__tests__/ModalTopActions.test.tsx b/packages/core/src/components/Modal/ModalTopActions/__tests__/ModalTopActions.test.tsx similarity index 100% rename from packages/core/src/components/ModalNew/ModalTopActions/__tests__/ModalTopActions.test.tsx rename to packages/core/src/components/Modal/ModalTopActions/__tests__/ModalTopActions.test.tsx diff --git a/packages/core/src/components/ModalNew/context/ModalContext.tsx b/packages/core/src/components/Modal/context/ModalContext.tsx similarity index 100% rename from packages/core/src/components/ModalNew/context/ModalContext.tsx rename to packages/core/src/components/Modal/context/ModalContext.tsx diff --git a/packages/core/src/components/ModalNew/context/ModalContext.types.ts b/packages/core/src/components/Modal/context/ModalContext.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/context/ModalContext.types.ts rename to packages/core/src/components/Modal/context/ModalContext.types.ts diff --git a/packages/core/src/components/ModalNew/footers/ModalFooter/ModalFooter.module.scss b/packages/core/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooter/ModalFooter.module.scss rename to packages/core/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss diff --git a/packages/core/src/components/ModalNew/footers/ModalFooter/ModalFooter.tsx b/packages/core/src/components/Modal/footers/ModalFooter/ModalFooter.tsx similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooter/ModalFooter.tsx rename to packages/core/src/components/Modal/footers/ModalFooter/ModalFooter.tsx diff --git a/packages/core/src/components/ModalNew/footers/ModalFooter/ModalFooter.types.ts b/packages/core/src/components/Modal/footers/ModalFooter/ModalFooter.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooter/ModalFooter.types.ts rename to packages/core/src/components/Modal/footers/ModalFooter/ModalFooter.types.ts diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.module.scss b/packages/core/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.module.scss rename to packages/core/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.tsx b/packages/core/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.tsx rename to packages/core/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.types.ts b/packages/core/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.types.ts rename to packages/core/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.ts diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterBase/__tests__/ModalFooterBase.test.tsx b/packages/core/src/components/Modal/footers/ModalFooterBase/__tests__/ModalFooterBase.test.tsx similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterBase/__tests__/ModalFooterBase.test.tsx rename to packages/core/src/components/Modal/footers/ModalFooterBase/__tests__/ModalFooterBase.test.tsx diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.module.scss b/packages/core/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.module.scss rename to packages/core/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.tsx b/packages/core/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.tsx rename to packages/core/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx diff --git a/packages/core/src/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.types.ts b/packages/core/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.types.ts rename to packages/core/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.types.ts diff --git a/packages/core/src/components/Modal/footers/index.ts b/packages/core/src/components/Modal/footers/index.ts new file mode 100644 index 0000000000..8914e818e0 --- /dev/null +++ b/packages/core/src/components/Modal/footers/index.ts @@ -0,0 +1,5 @@ +export { default as ModalFooter } from "./ModalFooter/ModalFooter"; +export { ModalFooterProps } from "./ModalFooter/ModalFooter.types"; + +export { default as ModalFooterWizard } from "./ModalFooterWizard/ModalFooterWizard"; +export { ModalFooterWizardProps } from "./ModalFooterWizard/ModalFooterWizard.types"; diff --git a/packages/core/src/components/ModalNew/hooks/usePortalTarget/usePortalTarget.ts b/packages/core/src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts similarity index 100% rename from packages/core/src/components/ModalNew/hooks/usePortalTarget/usePortalTarget.ts rename to packages/core/src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts diff --git a/packages/core/src/components/ModalNew/hooks/usePortalTarget/usePortalTarget.types.ts b/packages/core/src/components/Modal/hooks/usePortalTarget/usePortalTarget.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/hooks/usePortalTarget/usePortalTarget.types.ts rename to packages/core/src/components/Modal/hooks/usePortalTarget/usePortalTarget.types.ts diff --git a/packages/core/src/components/Modal/index.ts b/packages/core/src/components/Modal/index.ts new file mode 100644 index 0000000000..04a7ebd0a8 --- /dev/null +++ b/packages/core/src/components/Modal/index.ts @@ -0,0 +1,6 @@ +export * from "./footers"; +export * from "./layouts"; +export * from "./Modal"; +export * from "./ModalHeader"; +export * from "./ModalContent"; +export * from "./ModalMedia"; diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.module.scss b/packages/core/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.module.scss rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.tsx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.tsx rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.types.ts b/packages/core/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.types.ts rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.types.ts diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.mdx diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.helpers.tsx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.helpers.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.helpers.tsx rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.helpers.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx similarity index 97% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx index 087bba2df2..34b72ef104 100644 --- a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx +++ b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayout.stories.tsx @@ -25,12 +25,14 @@ const metaSettings = createStoryMetaSettingsDecorator({ }); export default { - title: "Internal/Components/Modal [New]/Basic modal", + title: "Components/Modal [New]/Basic modal", component: Modal, subcomponents: { ModalBasicLayout, ModalHeader, ModalContent, ModalFooter, ModalFooterWizard, TransitionView }, argTypes: metaSettings.argTypes, decorators: metaSettings.decorators, - tags: ["internal"] + parameters: { + layout: "fullscreen" + } } satisfies Meta; export const Overview: Story = { @@ -165,7 +167,9 @@ export const AlertModal: Story = { - This will allow closing the modal only by the close buttons and not by ESC or by clicking outside. + + This will allow closing the modal only by the close buttons and not by ESC or by clicking outside. + withOpenedModalPreview(Story, { isDocsView: context.viewMode === "docs" })], render: (_, { show, setShow, container }) => { return ( - setShow(false)} container={container}> + setShow(false)} + container={container} + style={{ height: 400 }} + > diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent.tsx b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent.tsx rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/assets/action-do.png b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/assets/action-do.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/assets/action-do.png rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/assets/action-do.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/assets/action-dont.png b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/assets/action-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/assets/action-dont.png rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/assets/action-dont.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/assets/related-component.png b/packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/assets/related-component.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalBasicLayout/__stories__/assets/related-component.png rename to packages/core/src/components/Modal/layouts/ModalBasicLayout/__stories__/assets/related-component.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalFooterShadow.module.scss b/packages/core/src/components/Modal/layouts/ModalFooterShadow.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalFooterShadow.module.scss rename to packages/core/src/components/Modal/layouts/ModalFooterShadow.module.scss diff --git a/packages/core/src/components/ModalNew/layouts/ModalFooterShadow.tsx b/packages/core/src/components/Modal/layouts/ModalFooterShadow.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalFooterShadow.tsx rename to packages/core/src/components/Modal/layouts/ModalFooterShadow.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalFooterShadow.types.ts b/packages/core/src/components/Modal/layouts/ModalFooterShadow.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalFooterShadow.types.ts rename to packages/core/src/components/Modal/layouts/ModalFooterShadow.types.ts diff --git a/packages/core/src/components/ModalNew/layouts/ModalLayoutScrollableContent.module.scss b/packages/core/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalLayoutScrollableContent.module.scss rename to packages/core/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss diff --git a/packages/core/src/components/ModalNew/layouts/ModalLayoutScrollableContent.tsx b/packages/core/src/components/Modal/layouts/ModalLayoutScrollableContent.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalLayoutScrollableContent.tsx rename to packages/core/src/components/Modal/layouts/ModalLayoutScrollableContent.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalLayoutScrollableContent.types.ts b/packages/core/src/components/Modal/layouts/ModalLayoutScrollableContent.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalLayoutScrollableContent.types.ts rename to packages/core/src/components/Modal/layouts/ModalLayoutScrollableContent.types.ts diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.module.scss b/packages/core/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.module.scss rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.tsx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.tsx rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.types.ts b/packages/core/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.types.ts rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.types.ts diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.mdx diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.helpers.tsx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.helpers.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.helpers.tsx rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.helpers.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx similarity index 98% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx index a0ec2dd916..a537e6caa8 100644 --- a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx +++ b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayout.stories.tsx @@ -4,7 +4,7 @@ import Modal from "../../../Modal/Modal"; import { createStoryMetaSettingsDecorator } from "../../../../../storybook"; import ModalHeader from "../../../ModalHeader/ModalHeader"; import ModalContent from "../../../ModalContent/ModalContent"; -import ModalMedia from "../../ModalMedia"; +import ModalMedia from "../../../ModalMedia/ModalMedia"; import mediaImage from "./assets/media-image.png"; import ModalFooter from "../../../footers/ModalFooter/ModalFooter"; import ModalMediaLayout from "../ModalMediaLayout"; @@ -26,7 +26,7 @@ const metaSettings = createStoryMetaSettingsDecorator({ }); export default { - title: "Internal/Components/Modal [New]/Media modal", + title: "Components/Modal [New]/Media modal", component: Modal, subcomponents: { ModalMediaLayout, @@ -39,7 +39,9 @@ export default { }, argTypes: metaSettings.argTypes, decorators: metaSettings.decorators, - tags: ["internal"] + parameters: { + layout: "fullscreen" + } } satisfies Meta; export const Overview: Story = { diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent.tsx b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent.tsx rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent.tsx diff --git a/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/media-image.png b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/media-image.png new file mode 100644 index 0000000000000000000000000000000000000000..376635d2f5f912db7c36badcc90a45de2c9c09f1 GIT binary patch literal 9843 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/ratio-do.png b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/ratio-do.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/ratio-do.png rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/ratio-do.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/ratio-dont.png b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/ratio-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/ratio-dont.png rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/ratio-dont.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/related-component.png b/packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/related-component.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/related-component.png rename to packages/core/src/components/Modal/layouts/ModalMediaLayout/__stories__/assets/related-component.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.ts b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.ts rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.ts diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.mdx diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.helpers.tsx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.helpers.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.helpers.tsx rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.helpers.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx similarity index 98% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx index 4406f5f30d..fa49a4346a 100644 --- a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx +++ b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayout.stories.tsx @@ -6,7 +6,7 @@ import { withOpenedModalPreview } from "../../../Modal/__stories__/Modal.stories import ModalHeader from "../../../ModalHeader/ModalHeader"; import ModalContent from "../../../ModalContent/ModalContent"; import ModalSideBySideLayout from "../ModalSideBySideLayout"; -import ModalMedia from "../../ModalMedia"; +import ModalMedia from "../../../ModalMedia/ModalMedia"; import mediaImage from "./assets/media-image.png"; import useWizard from "../../../../../hooks/useWizard/useWizard"; import TransitionView from "../../../../TransitionView/TransitionView"; @@ -29,7 +29,7 @@ const metaSettings = createStoryMetaSettingsDecorator({ }); export default { - title: "Internal/Components/Modal [New]/Side by side modal", + title: "Components/Modal [New]/Side by side modal", component: Modal, subcomponents: { ModalSideBySideLayout, @@ -42,7 +42,9 @@ export default { }, argTypes: metaSettings.argTypes, decorators: metaSettings.decorators, - tags: ["internal"] + parameters: { + layout: "fullscreen" + } } satisfies Meta; export const Overview: Story = { diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent.tsx b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent.tsx similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent.tsx rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent.tsx diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-do.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-do.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-do.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-do.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-dont.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-dont.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/breakdown-dont.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/columns-do.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/columns-do.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/columns-do.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/columns-do.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/columns-dont.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/columns-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/columns-dont.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/columns-dont.png diff --git a/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/media-image.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/media-image.png new file mode 100644 index 0000000000000000000000000000000000000000..843220c3900c19b94fa679c2086aafd8310d2264 GIT binary patch literal 7520 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 apIh(5x2>XNf`3ls_B*;dJlu2i%Kres&J(8q literal 0 HcmV?d00001 diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/related-component.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/related-component.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/related-component.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/related-component.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/wizard-do.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/wizard-do.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/wizard-do.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/wizard-do.png diff --git a/packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/wizard-dont.png b/packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/wizard-dont.png similarity index 100% rename from packages/core/src/components/ModalNew/layouts/ModalSideBySideLayout/__stories__/assets/wizard-dont.png rename to packages/core/src/components/Modal/layouts/ModalSideBySideLayout/__stories__/assets/wizard-dont.png diff --git a/packages/core/src/components/Modal/layouts/index.ts b/packages/core/src/components/Modal/layouts/index.ts new file mode 100644 index 0000000000..50a8cd4c8f --- /dev/null +++ b/packages/core/src/components/Modal/layouts/index.ts @@ -0,0 +1,8 @@ +export { default as ModalBasicLayout } from "./ModalBasicLayout/ModalBasicLayout"; +export { ModalBasicLayoutProps } from "./ModalBasicLayout/ModalBasicLayout.types"; + +export { default as ModalMediaLayout } from "./ModalMediaLayout/ModalMediaLayout"; +export { ModalMediaLayoutProps } from "./ModalMediaLayout/ModalMediaLayout.types"; + +export { default as ModalSideBySideLayout } from "./ModalSideBySideLayout/ModalSideBySideLayout"; +export { ModalSideBySideLayoutProps } from "./ModalSideBySideLayout/ModalSideBySideLayout.types"; diff --git a/packages/core/src/components/ModalNew/layouts/useLayoutScrolledContent.ts b/packages/core/src/components/Modal/layouts/useLayoutScrolledContent.ts similarity index 100% rename from packages/core/src/components/ModalNew/layouts/useLayoutScrolledContent.ts rename to packages/core/src/components/Modal/layouts/useLayoutScrolledContent.ts diff --git a/packages/core/src/components/ModalNew/utils/animationVariants.ts b/packages/core/src/components/Modal/utils/animationVariants.ts similarity index 60% rename from packages/core/src/components/ModalNew/utils/animationVariants.ts rename to packages/core/src/components/Modal/utils/animationVariants.ts index 3aea7d75c2..c35eb79e2d 100644 --- a/packages/core/src/components/ModalNew/utils/animationVariants.ts +++ b/packages/core/src/components/Modal/utils/animationVariants.ts @@ -2,26 +2,35 @@ import { Variants } from "framer-motion"; import { RefObject } from "react"; export const modalAnimationOverlayVariants: Variants = { + initial: { + opacity: 0 + }, enter: { - opacity: 1, + opacity: 0.7, transition: { - duration: 0.2, + duration: 0.1, ease: [0.0, 0.0, 0.4, 1.0] } }, exit: { opacity: 0, transition: { - duration: 0.15, - ease: [0.0, 0.0, 0.4, 1.0] + duration: 0.1, + ease: [0.6, 0.0, 1.0, 1.0] } } }; export const modalAnimationCenterPopVariants: Variants = { + initial: { + opacity: 1, + scale: 1, + x: "-50%", + y: "-50%" + }, enter: { opacity: [0, 1, 1], - scale: [0.65, 1, 1], + scale: [0.8, 1, 1], x: "-50%", y: "-50%", transition: { @@ -32,30 +41,46 @@ export const modalAnimationCenterPopVariants: Variants = { }, exit: { opacity: [1, 1, 0], - scale: [1, 1, 0.65], + scale: [1, 1, 0.8], x: "-50%", y: "-50%", transition: { duration: 0.1, - ease: [0.0, 0.0, 0.4, 1.0], + ease: [0.6, 0.0, 1.0, 1.0], times: [0, 0.5, 1] } } }; export const modalAnimationAnchorPopVariants: Variants = { + initial: (anchorElementRef: RefObject) => { + const anchorRect = anchorElementRef.current.getBoundingClientRect(); + const anchorCenterX = anchorRect.left + anchorRect.width / 2; + const anchorCenterY = anchorRect.top + anchorRect.height / 2; + + const x = `calc(-50% + ${anchorCenterX}px)`; + const y = `calc(-50% + ${anchorCenterY}px)`; + + return { + opacity: 0, + scale: 0.8, + top: "50%", + left: "50%", + x, + y + }; + }, enter: { - opacity: [0, 1, 1], - scale: [0.65, 0.65, 1], + opacity: [0, 0, 1], + scale: [0.8, 0.8, 1], top: "50%", left: "50%", x: "-50%", y: "-50%", transition: { - delay: 0.05, duration: 0.2, ease: [0.0, 0.0, 0.4, 1.0], - times: [0, 0.2, 1] + times: [0, 0.4, 1] } }, exit: (anchorElementRef: RefObject) => { @@ -67,8 +92,8 @@ export const modalAnimationAnchorPopVariants: Variants = { const y = `calc(-50% + ${anchorCenterY}px)`; return { - opacity: [1, 1, 0], - scale: [1, 1, 0.75], + opacity: [1, 0, 0], + scale: [1, 0.8, 0.8], top: 0, left: 0, x, @@ -76,7 +101,7 @@ export const modalAnimationAnchorPopVariants: Variants = { transition: { duration: 0.15, ease: [0.6, 0.0, 1.0, 1.0], - times: [0, 0.33, 1] + times: [0, 0.6, 1] } }; } diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/media-image.png b/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/__stories__/assets/media-image.png deleted file mode 100644 index 838801c9cfd5ed88fd81ba24fbfc54f0d11ae5ac..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9861 zcmd6N`yD3`z=i}3GIA&#m4db89N=hZPIa>!hoLdrB{ZBq+&FfbA$Q`Xf zyz9Z@_szmHZ#t~QI`0=x(beF(izVtx*L2YyFXv1Qf^$epuNv20-dvw;j9B?}dTV2^ znwna79GkvA=XG=W&j*NgGKoa0wt~XJql3;&@WIx8H;T7T^8fH7(<2EalEhGPc~oOt zL>QgBe(C0V#3p;oG~wxE5)_(-g=pPeIql?hb3vvN$!R>n-pbhuzp?hIJXja%!h-91%16J?>$SK@Kv0%JC!!DZDs{+6n0MVn}m^v3nN3A=8+M)9N5gIk-c zcVF>L9MkZZdp>+qwjwspOITI+H6qsAqW*Hf8WZB?zBRwg$!Rbukl?HF=Svf5>EB0) zuVfHM;MNjq63>@yVWLpZWKXd5IHeKGVwv-tVP6fv-w@2}JLYUL{6Pz1Rd41+KawQ( z%#!!;62q5#g<}&xQFku;{jW#I^(^XD3^7gXQd_1+F^vv8c-yQ>`OB$#BHV1=Tpu*K z^qYF&DKQesi8-@Yc=JXXE8=%hQox}<>)>3^+-q2&k@$u4ok_!N*LmU)aaG5saMUk& zk|LL+hOx3L;CiaK*--anKtk$-@^y0B9K-RAC21gGVKYl$x}yJR)n|GJ)^v^Ilj$v=I2Pt9i!4^ z1o;_5mU;cj(mhuakD-FifN^P3x59egaITh|4{1r8dB=l%CZ8K7^TpXo;%YxTdsnn^ zEc=INY7{kRYr}QEZH4!p`UPl&3Mnn1%mJbu^hJ5lBw1*SHZ6F^|kUNGau4Pi!9)e>8I`YUw`a z8n&q@jx-wCgglot>BO_>kY52?-59|K#bBGLEgkkz8>5AVPC3gR^|!%(PY+b(3W)ey zHOk52JdazV9ox={#km)d=`ol}$rX-TMShAW){b>^4F1}IGu+xBgs z{Q^-3KrEyQ7%ZRDVo(f5Xn9oD$2{r4I&%!hvs&w|)}Z*l*>0nD`~)r9#ex;F5tb@_ zj~5|mXp&gQFmc#qEO82U(~QAxZBdPMHx5qLG57F|O`W07^_E7~7 zxlVO?1~XhEkaUKwf9K}`N-#80jJDjMa)!2;42j(M7O}@&q~4>2WiU81O5xePTN2*m z{vdg=0c$N3*W~R`7X#51krRA>5jXymGO6gpD=7yAnzcvriNN!vOwI{)=F$2i-TJR( zqUM}gGnng*$vh`@bTI`B4HXAA#|@kUur@*;(MPSYYw@1j7MAbj9BGsm94?EJGd;b5 z&T@0$A@b-( zy8f#pj-4Rg(;g)U;$bULXC;*RiE|a%wKlSHQuNy=q}1@;;+hN|Qg$_INdMs29jy;Z z5i>l64prGXzY%SC^`k1N#EQC824>-V5W$s_WQ7h&%zV+_1u7 zDOF$Y=JgaEF89jCq+`IFtG5i5ZuI+Au7vl`JoLv+0A_qPx^sudTK4Cm((_fU`XA`tP^HYlP4g zogriEcqr;#3NXa+gVvyZDArsN=B3VDZWw!B<)wjHwc+wYb=A$+N@(a-Q?)%vyF7tk zDjVqU6EDP_FQ0o(8@eaLG5maVcJ$`K$IG<#(pGlu6 z-*|7JD^@Ynv_xmROw_IjB=A_hmJQK%Kjn3i*L!<<4ePw8OWjEjCnR2Q)`|W zYa#5qr)M*CYLAK=1i9wPWY=Q~z zT|Mybe8cfuZMmSm%jcHfHp7rvhRI@QWPmU3aWAZ^Q+Y{91tm7|t9NPpST36o30_>( z0D%V8!f4I&qN+-V@1-jWV-iC!Nwx;}hgJBTuKNe{-G}49c$VuEkWN zAjd?kH_>KRgZ4Lp)%$M$lhPBa2`U`Ti$1mv*w`U?K|Z#^>2z7c-;dzmcrP zKN-5%0QqP;O~c`h^cP^7lEakYNLiGNl!DpO15u6!$zp~wz>D`hsxy9vogawh%O&UZ zJjr4ND$P5t+emTQI^VYOe%iq zlJ2CwF8TaZc032==#tvl_-ko2kt;%tRl_`0{fi@r6aZQT@_85APO;UX8)>ia*`R5xJyX4ol&=jn20-W9qSDM+xh^gH z2gO}vijXjPPrpHtqZRSqI^hR=#aNx})qJtEK@8y9nw2Q#{ojKr`|(3o`E0_=lp=8- zbC2ifigi&||5@S#;INqY8|x;l_G>t=&}SxbB`TeQ=oH-=DRN_R6!j&rM*@GFO|Zh6 z*Ra(czdcyB+CMTA{7>f%fnY9y#=>v+nu`W8=hHeersz_AHuX;jMh{ozsN*{SJrcEJ zIKKzEWC?6ZU@bOO(5?*Fk7HspnyLe_(JTn$g_PGjkyvHW2#(+Zp05Q6mW?s>V0Y(Pr^TqwVqTEB)1wOcFDX>oV%*sIj3OuU{Je zi(xxZ2NFb-`gdj~fOSf~DGtFja3H;O8DO!zzcN9&#Mk(FcE<0~s_!nXV6Or1be>j< z-si;>hh=oldoJ9c#e9;ovVW1o2px&wI;uHb4>|~(^VHEqM7N7OIk^5Lrk#~V_2L$} z@=Q)}Tw{Pf$hEC~sVn2p@_9`fVaw~@|Jo;?SL$_iPs(uXE0xb9rS(*u1UyIPm9)Mt z(|&w&LX4bEDIsyArVRfX5xi|aNmjUt_ly^Moql4XhxB*#H^Du@BS53 zs-8udf_~Z>py@c{=ey*I)(@-BV)+VZrvU!|lA#{|B2|$(ClvUBc8}th3$~5s30537 z+TA|0_E9*7G|SAMk+*zIN}GL>*c4FrAZd<9i?$mSk9xAJ402Fzl6VFGTKUTF52>|Q zZ7=?}fdd|=ZSg67Dv2(0>&(4VLt$I^{+vYF-qijGBp^pV1=sSXQs^?_qOjo^U7Gfr zwKtoLza7a_MyCAUy8iEaA?xIz7Ds3PHP1155Fd(_@$;g1<|gA|%e4+8Nxv@@o;K4) z60O+Xpy(jXJsFm;U0B$;|6BrXC1mF-R?-1uv$Y4XtGJ@#4fd7;$k7R}H-Psg zur1=_*7L9K5JfdNtSwextdpx_|B)TNczsa3Jg1$9iCX6s%wSUeTar}9AWn$wj=h=M z_)-ni2LQo0DDKqw2N1knPs|csFYFkuu|j~y>DzxOm*ycbt2`_O`s6W2|CReX5m474 z*X0;Nh9EV|R8`A%qbjxj7Iq*iy3Ep}lKW^Q>rZL3?|7T#-Mj7xh1)YUcqAbqO;;3x z%*qppXrJr&nPSJ^bI)$j{+%8ugZ8NZ&k;lyMp~=gamyIO+2_h|NAIYl&Vj?$$y#qN z{tbJPJ|d+*Qa0_#?>+rr!1T^x`$A>xAA*|RUS*=zjQQ*fipzF(rW&T;jTAuDsf$d9 z8xgB_*~EnVlU>XwPRbkOFP`4W6WB2@t*aKkaWHhL^VM#PUxXcMl&w8Fu=WD&oX$)S?a$!@P1p`%XjqxFsZ}alB07ci#;%^u~Z#{=UOYtq2C2P4~Y4KQT@@ zzxzscBp1J1m+ai{7_wt^4_E~{PzQ;|CoSM+<3gt>rLLN40;>H|5+`giUJz!in=7!~ zxd{&II};>N8rnoY64~&qk5=oXHu1COpTwN^*HwSB_C}fI%$FBdX8n|31oh~ZSf5sP z>g#pSCLli2(-dF|l7pIamStz>(jaK=+1g4^t zYMVyN)i|e=wZ}gmrgz-f^vN|_-#pUH!F_K9L$EQYuWcMjkPlqy?b(%cV;GkMK)HXv zxxp$CrH6TOl{!Cvra9~(f0&D{Tl|L`+NR7?HSL^5$)$ib6awKrE~UpYxiIA5(ENZ*;OjXV=H=@nSG(N9JU;iJ44#;g0>T9*A(urvGv0hP?r~S>)iu5H z{s#-t)`XyJ7UyEVNNoGql}KdGew=4Z~Pr^P^ zr`b}te)~-N2(_70X;W$GfW5HD!*v780$L>slIVz7`6Q(=LfS<{4sqhse3Xi>M6_au zwljb6)#Z-kKJWcom=k(ao2Al7zoPEaM74s$_x*ZlABKppgtFUjE+qK{qxNx6QJ%Zb zulD|W`%b5uGop$&+l#30jgr$I@S{K42*0$F@kPoPN5Aee@}tD%^{3;^L-9yxLI3$J zA%+mYZZqfVE)h}fxIGW3cBtUxZTo$%%1#nd5$s4X%q@9_G=0a_T9tsHuPoebEctIf z%g9rNGF8)x=y&5jxX@Zc<70M+<*_*C#DwgPWa*P6xok;~jk(bvXMW9lvlLNoGC9{* zucW&)L9GC4yygkPX-T*r5xS#esrB6UZH}B(lIRDCg9TGf9bHk;N?n{v4d+)QCYgF^ zXX0I6*DRb1;L8OcFh1WOj~#u@>T5 zWo;ky=<9oMr`5&hLD}}ijCfH?k83T_DY3sgNJ0l<sUO5SO{!M`!GraXTv^8z^wQ~03qzUP40v5~HxE(j#_4qAB5rxTm z10YHZ>+So<>CW=6oA-k> z+1Jd0{(fBLgKaXc2wm{-S{1oXIg>w~q~;4f69h#**w=81>#6fGweLPuH^+|eH zrwojct&TmD=g2|OZ~0E+ z3r}%Aw_FZDYd|goXC!#Wzj&Kqz{?7sRHIl`ru}V|4%rLImi*8337{_g8sGy||#R7APKcPW@(vmv_wQ3;?&OMGCK1kV%r`d^ixs}@>LL2^r&y-Eux zzC>>$>zK>FPt+j^#pEdb&a*MSGmlufv?vE!Iy|qS%M%B{Mdig+2?)2xF457G5ZK2R zzREl=U#qw`$r-G1GLS4bACUmSmR#0-0H@uAQviJy z5rKRF?;)R9spd#;T+A{3u}<){mSr(5TW{ztCakGbql}&vp6@@!tbYUO$4^=`D}dUi zK2TKH5SSnm3leDllIj`Vvo|zHq^{k>2!+u>VqYrya>1IV>8+S|4ZB+1dhf7;+Z|eT zm%@qU0hgR#;XB^3Xj+XDw|ik5=)9rqQ3-W}{Oo!eItAD^z;b&DLv8n6^)y_^-yek6 zd7xf1&jRE24^y5LS>HZU;3bT@cX-@X%E@^aXpC3s)ae&$<88F)Kv|EG_lgapdKit9 z8-tfw`1Tt`R?N$UHNscJ(D@GL_|xdgmeyDauiVzz_q5uyvxW^Mi~5-{;xMO)bNAC- z-s^|N21dHt^!MN9ots6qK;5m{;NU6ie0Kbc$QA0byOy8c-2QUe4ch#N^8WG)U)x&D zC$kA-t%vX_1N|pcQ@t%rx2o^KcR_`#Gtk{k*S*}AwU>-m37LpV>rYZObjkqs)MVL@ z5H(+4tohr5U-G@q{8^X+<&~dIVtTmruC4KRCc+)ln67^yHEy#(~>qxFZl^JJ7~=U zS3#|`Xh5(F(S2YHaOS3NnQ}9at<+?Jw$pEdJHur?G)@z=z0C0hwD*^vc zb~r6k`rw`5t--CH!iYu|OC*-tSv#DPkB+#stP`D_4@P+=eF?nF%rtO$qLs;Eupd}} z7>GToX!}K0$sa+9ud7W7+W|{A{oVVchKH<1)le*Wg>;Iy=*MrOCxyiqnrC;)QitLRM&Dl zUj@*e{sJasna{NSsv3}y@$tL25oG=%=3wkhb3J`fzU1WG~)du=X zd--e<``L2CaSL}7B@a)({HpRI*YR{c#1I-}kc~oe)jL6(ter=WG6lb%RyG?a8ye0B-%)=Y< zG`xr}zWBDRnMT4Onn_cr@Lj@KKcm^*qCjlD77A?q`5)cdLBC18R%Rb+=jyS2N`l>LsdQt%TCFa_6!_rP3o z9Z(;;IE+BT(u7Ism-inI3)}l7(&QgX=Rwtb%)(Nz=GVFu44Q)?w?K6NU@_jhk zcLJOUW26apq#X=-5NtF$60|&fZ1zsYtrSkqRzK;z&K`YQ?qvc5Dy-^@NU)nhJbDEh z$n7FTf7w%#Y@UGjXzQ{r+@ZqHP>IWZHN_{Gw{p0h o3j<5W*cyJo^-}1Rg$?DBrjDD5E|Z9ml|wXJM67L?V+Ukn$)Pr(1F7ZEipVh;cCbmz zkL5Rj6?LsyEg2cL)-$J1VQ#LQ92RrF;P^40M6XN?_gTs#7@&*h18MDuWo zXmb3Z%v%r7TOqPC|7>H*c%7!p-rk<0AY&a3li9uf{}%qw9{(%h(ABf)?WZboD17;w zuWnRLL^yo;$LPeIux-WSO0zsuW1Ka*t?T;m5z+lU@3Rfu&g3TshKeO5H3^r2&-57Nds@{g zvHG5Au8a9H9eKn2tj01=ie40^r#x=6rprF<3aqN18#gzf+yyAmlh^po(x>M$p(;h4q@tYAj3%E>&wxsm7gn1=izE+mnMnJwXrMi)n+3R3*Y~;pv&&; z3?xT;{24R9)%**4uCLW@p&Mm!hmF0~Se5J`w;`+unvAH%8M9H45UD%i?=;>H=G)tS z7}}6h{($60*}98?%qC=f`*cW$>n5z1ULHg%HjbPeHp4~V677$1o5fi|c1MTJNa~9A zSguO@ZBtj4Mh>Q%LKs&QNZL6HA?+?yympvmbtds?daj?FZWC5$6 z%dO));&}^zPHNpu46ElGrT0mg1fo9m#xD#ZdQuaoB$(-3^)OqR%}%K;(A{D>S34Rc zenh+c>xiEt6`gwMP)2ai07NS$&%+>Mlc^M1v9Q{&Y~z+Rrtj6?4le#;JsXCG%a0B5 zi`=Pb3y}?$1Br-!J+Cx(Ab1j9k|<JAO0& z+5yZu0~mU24)5nw8~bJgH{A$1D6dkNWha zJdRWk?un4co{gbkOkijaaIljJg($~`zF^HX9C||=8(#BkI&zP9OJV{fNgVl<3NaHL9Sno{)CxX=S3_D!egFBM?u zrE8a?RHI>NF0k)q3~es&#T&oLr6D9$U~NQGX6aNQx3^AN8tnvEf|06xU%B6 z)Ki9}*Hb7-8cxqd>18I9YB~#X@>u7uMt>^wr0si=d`FnC=|oe%kUXF($B>nLZ^>|I zID(;FpSXcFhAelcl-JMorI_SU?C2;kfIa0{8JD6fXDF+(Rw>4u37bbg|5rrYb;~wD6VqR z`Z|2mYbciD&|o*f?>|LPtITqNFywov+BVY1V#80DZ=dXkq4VUiZU_YP+{~Tv`rb(1 zuZ0W%2F=I0rTvs7E7h33ltd9O#ATsNOz%Hm`4d2VmS3O>2v?Jfh~_gJr{_K@$_y6% z3e&9#l-?hu^-g+vJDdwj*JPXOf!O-`2vw)Hb$QyqD97y8OeZHV%s}GXxX}dXPL9~r zKUg~4u&(xSv}hf0XT(D0jXZ0a5kGLz?1 zou9ak`7{^Go%H2%U=zz-9c|87wE%&Lv&QgX-mqK> zicFkSd1g3}92AGl+de^fz9SW{n^2Q@?WN3Y-&WHKX{2qm=I%`1t!UE(&J9V55U>B%U=Rh5pFY&2N>!AwSZ0)tBQw~&ELI2qty;-|ipDf-y zfCB_QEHIyfiJs_!p+ESf^X75C*3N1uvF#Zs_Kh#W!@xj&iao9!+1jh;9#AlEsDP5t z>MH5(2AxqNs@?aAN;zG zlg7iaU;!-1#Pm&A{D+p0cn?pb`eVTeW&rd^zjFmMVMG(J)$(tY(yM5~!8Pz?O%J_d zpd<&v1uCUmw62nm)02*7IR_G@`VaY1!)U@K^3&3Aw~{z}gy`n$akeR)KmTC!^blER z6MwC0oUlZ|T<5E}F}Q$4*P;VCco!B>6`%_WEZ+C9wn$l91gLx+$w7I$dTcy3E1}}p z(%=1-#NL$;`oAwqPVRGmblw)gy!2nKv;J5bS=!lpwun2QbixOe=x>6 zE|0vWk7{iZP1pfLd#|Nc9b~x2BhE+`ifIEhmjVa2Rx4MR%3242Q-6|2L$#l#RURDp zm#fcL;3KrfGNHx#?bm>5+fnp!2IrZH8zK zAnMObuh2#hJP573BFryGR4xz9zgEoyOa=dCs^yUBr0a_Jxb#t8p1&E?G)Jn6YoE7F zA{=O={NLh*NPW#R&nj25Y2-^2hvxsloD0U%jv4cnt$-e*-IQZuIMV<}vr&U%Kn~_Y z4a-{HBdjfS756eh#HKwbgxMezxPHo>7t)GZ=LScIK3OJ%EHyhe+O1qJ%-<6e8FByf zhMPC1^>S?fqpRQGqrpSI-$WV=D3%~i$wMGuqoO5Cgo6JSER(MVVHo8rV&xc$r};ys ze=|Y(^E{OjPw6e!*GA)$38BqlGyf$0e_oDMQ48k3AI0FK<5&(;j~zkqvqspk&}@6) zZ9<&V#{&0TlOkWYrKGYZvv;vD5G=Q@Gy)WidUv0&)(*(wpQEXk0Usb*))r>(V%7*+ zn;NYVgu_<9J}@*uO*m^6EjkO)$}I4_6ljAWxIJGZU#tL^y*oAMq8WYH=xe!GDezn& zAigzxAF$B}CjlGv;TX|j2qVpDWZcT&NW>kM-IGvB1Pm<+-N^)gIjXT&8NwhLZsmj8 zaJ<$OR7+b7P1tvA&E%h~42(E6QNP<+auGnO^)Vp!d!M;bFFMtlW3B#U>q{+6)FxJs z8Fn+@1%x@eb0~?TH1&5O>S5UywGYUs?q77cKSrAiQ8DF6C27(wCP0|9bVAI>HN#)V z(T?y{vvV>`|HsL1CJqEVx-~K1roya(+?uNbdJkR>g=eLK$|uzmzt9`Fc}$kP zn+a+?^sImUVS@3#k6q+IDJp~Aut_GA9S}aWg})1;6>xZfuTc!;zHhkG)bkR`#eNIh zQMfoa#&pA|@Z_~Y@^x0j~MkjZNNLJFp+^yvBaDdaThKW7erf>BXeh9uK{Ftn*Ij=Pu- z8~bJk%+`?iL&=$EX?uaAi(me5@!Q)fiJKpSiNVu-+#;g3#48_j3Lx#>VSnJN_L6lt zd>bQHHnc@_Zt%WYC%G4IYCvQg%f5~!;1JCBPM+1rWRy7U_mt=EoQl^lbbF=#*O5-E zh6uLT=sk~jj^k{pY|nJ&p8TNnz5a9`EX~I6-lEvk^Des)Lgzd*(XYcJaR}JbE@RMt z-=k+c&i)pi+v=(YVIYqXyZs)fw^Dl5;a0YZ`MU_vl>wJr}^U67ER)e}=Z@@vanITd(x5IT* z*R$xu06R}ni&&{DNF)kJ)fO8O<7A5mI9E;EhWIAU*5FRBf1#{HJc6QsCPpFA;5 z$I1>%>bY6G#@J|*_>#+Pv14G+JK!fggwdTIVixxVs5`KC zN~b6-&nw;{#7i*1E2Q*3xU^fyp5`-A0Vd8QV~l||+ErJTy?R7FEfJ36w2=HCiHr1! z%MLyW!kp_p4UzyqdiYHX1;b!b^AEC2aMxiOVjW?+ke4R#6H zI-pZ%zo=OPg;Yuvv=7R872@4B@9frnkGf6ruW``^T>|I_GSVv)ab``3FyJZJ&tfUR zUxip3eltRe_ameCh?-2@MGsLch~dc}|! zf8XAX%bL4u5G1E-TH2K1{-Jf~9;y3h^Gc!_*JW5v$c{Kc1~r^TVjbEx3OzdGc2QS+ zo#;(Y}qw#eYmR%{{Lw#EOiGP4WxzB(J%{a4v2?@NM# zjWG0NX)14?Hm}|~B_D#Ny*^3|xJSX5<6B)_{bxS>qsqjq`6UZ$f+xPGbo{XP7T`BR z7-rlIUSIEbud)2Z+7hVb>%3CXe!aj`pX#d&w?Y^z5TA2qA9p!l{r}NrWnI3U?wStF<(u=IAh-u5so|q47PC;c~&%h?y}%n^*JXSKo!mAs6cP zqT?48(+w|Y2MJU@sT8>nb(QQdojZ^(!_PP&o^Qs`2D*JiTm;jO)8Tp=w@M|KLo2uU zPZ9d2e1$qYFE^4{hd2M&;al~!kl&yH6^pH*=+Ug z=Npv??h4&4pfn6OUJ<1joLS22=jF@ zg|m(BAiCg)rquMk3HxTlI(X%<6n20D|63kOw^HigP=)2a?7Bx1$IABx^{x!Hg*`#e zAPvL)rm7@Y-R_)}rp{!H)|X3N+C>i(e^f_i8WShS;M}~=s=;%*?FlUJ#(T*uE5mTm z78K}(eiNCKb3d==j36{_j>}m*o9!dk%oswfGkJ|3TcpZuX)3JV=UZ`Rzw=cfTK%L^ z*Ae>hnDfSFA(@yLQPVx=mLY|yJkf}N?D;({0k?B+a@kVh-l!w-&Qw_Ff>Vn}S|#p5 z!pFq*T2n+(AxZ4Hq7UAG1~4P9IpN_GsDmW8<>NlOZSE-#f@>Y6#&aipRTnP{D1zgO zoL^pYl;SK5Hj{=`fSRmR^u*SX`#1P>`mqJGR;@Ar) zKh|A?wH=1uC;omXrK5j&y2FU*F0f1=EVv0GqDANs%Kq_s)t0ooO2S`>&mah= zoi4RY*vIh**zBTDc9;I8TEqG;^w~aq@Okh6;+rEf+e@HkV=ji)Cz`}K$B3t+vWKZRb?J zve?n;YU@Z%>(5Vo`vAhAW)aK&3Gfx*H6V;d2q>1u&7m*v#F6>hrcQGA)EyhTv)i-l zs<>vt{H9lMOiATcO)PEy=%UE5Z?rEM_lj_1@J;gtL0TfExA^4H5R!#z`*}-pLz2^F zrGXx=9(c}^I#S{J>FFjAMsT(1$nna*_Y~Gw@!y#=R>Zn5uefc&!qDU7h#IM}zFB#z zE01Mp+@?;vP+8)T2MrC39#0R=dG>?no5|xmzfi=jIz$RfMN>s1vwzwlL_??!p7p`7 zMw0(;Io9j(r{8C)eh$*PqNyhtnOIF&AIr7>?&TEq`#EV}@GaL7eLR9d8)uC_kC3qP zK*2v%^oiZ?IPEGn7hG0St+$5QvwVPALgS#J0x3s8x>6O(QTMXmQA)TW4{tQ-Zq%S9)4gt1{FdhpJCZInMueT>!d~nrDBtg6B}(j8lA%iM!)I^aMN=PRJ8?=j!S%M{X~d zs`nS!WPP<&llax;xG#6hHSybkf6E~Zw&#YRf9<0Bj-U58 zA!2vK?Ros!tN;NsAf|@k9ca~DoOJts`%HKwT6 zrF9g4Bq{RanjM95f6!5x!JfVrMOJNrR~xIa+9S_}?BeCB$hJ5`E4Sj-;-)#;x$LZFtIc0GpJDYB+W!!)g<1RZE#3GP?^lr7 zzNKfCMMEW`8a5ag(!ns&`$kF?lXS^R{Dfv*oxsdHFzUL6C;hhf+1)vzDM{H1;UYiOq^J`Nv=YoI|o;3nr za1>G#Dd(y6pnD8zdup`7>BqzfX*rG3s{?NEz6xTyDo5DA$+ZiAYzO#zSLO`D{xrwZ H>+b&p5!}++ diff --git a/packages/core/src/components/next.ts b/packages/core/src/components/next.ts index cb0ff5c3b5..1ecfeed221 100644 --- a/packages/core/src/components/next.ts +++ b/packages/core/src/components/next.ts @@ -1 +1 @@ -export {}; +export * from "./Modal"; diff --git a/packages/core/src/storybook/components/related-components/component-description-map.tsx b/packages/core/src/storybook/components/related-components/component-description-map.tsx index 74029fd604..283e89b7f2 100644 --- a/packages/core/src/storybook/components/related-components/component-description-map.tsx +++ b/packages/core/src/storybook/components/related-components/component-description-map.tsx @@ -59,9 +59,9 @@ import { BoxDescription } from "./descriptions/box-description"; import { TableDescription } from "./descriptions/table-description"; import { VirtualizedGridDescription } from "./descriptions/virtualized-grid-description/virtualized-grid-description"; import { MenuGridItemDescription } from "./descriptions/menu-grid-item-description"; -import { ModalMediaLayoutRelatedComponent } from "../../../components/ModalNew/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent"; -import { ModalSideBySideLayoutRelatedComponent } from "../../../components/ModalNew/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent"; -import { ModalBasicLayoutRelatedComponent } from "../../../components/ModalNew/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent"; +import { ModalMediaLayoutRelatedComponent } from "../../../components/Modal/layouts/ModalMediaLayout/__stories__/ModalMediaLayoutRelatedComponent"; +import { ModalSideBySideLayoutRelatedComponent } from "../../../components/Modal/layouts/ModalSideBySideLayout/__stories__/ModalSideBySideLayoutRelatedComponent"; +import { ModalBasicLayoutRelatedComponent } from "../../../components/Modal/layouts/ModalBasicLayout/__stories__/ModalBasicLayoutRelatedComponent"; export const SPLIT_BUTTON = "split-button"; export const BUTTON_GROUP = "button-group"; diff --git a/packages/storybook-blocks/src/components/status-tag/__stories__/status-tag.stories.tsx b/packages/storybook-blocks/src/components/status-tag/__stories__/status-tag.stories.tsx index 93b89af6ad..3b3f5a486a 100644 --- a/packages/storybook-blocks/src/components/status-tag/__stories__/status-tag.stories.tsx +++ b/packages/storybook-blocks/src/components/status-tag/__stories__/status-tag.stories.tsx @@ -21,6 +21,7 @@ export const Types: Story = { + ), diff --git a/packages/storybook-blocks/src/components/status-tag/status-tag.module.scss b/packages/storybook-blocks/src/components/status-tag/status-tag.module.scss index 3bd3f150de..761ae6cbda 100644 --- a/packages/storybook-blocks/src/components/status-tag/status-tag.module.scss +++ b/packages/storybook-blocks/src/components/status-tag/status-tag.module.scss @@ -9,6 +9,11 @@ border-color: var(--sb-brand-color); } + &.new { + color: var(--sb-positive-color); + border-color: var(--sb-positive-color); + } + &.deprecated { color: var(--sb-negative-color); border-color: var(--sb-negative-color); diff --git a/packages/storybook-blocks/src/components/status-tag/status-tag.tsx b/packages/storybook-blocks/src/components/status-tag/status-tag.tsx index 0d0986c7a6..8031706ddc 100644 --- a/packages/storybook-blocks/src/components/status-tag/status-tag.tsx +++ b/packages/storybook-blocks/src/components/status-tag/status-tag.tsx @@ -2,13 +2,14 @@ import { FC } from 'react'; import styles from './status-tag.module.scss'; import cx from 'classnames'; -export type StatusTagType = 'alpha' | 'beta' | 'deprecated'; +export type StatusTagType = 'alpha' | 'beta' | 'new' | 'deprecated'; interface StatusTagProps { type: StatusTagType; } const StatusTag: FC = ({ type }) => { + console.log('type', type); return ; };