diff --git a/.changeset/tall-wombats-leave.md b/.changeset/tall-wombats-leave.md new file mode 100644 index 0000000..a972b1b --- /dev/null +++ b/.changeset/tall-wombats-leave.md @@ -0,0 +1,5 @@ +--- +"@openfun/cunningham-react": patch +--- + +💄(react) disable default Modal text align center diff --git a/packages/react/src/components/Modal/ConfirmationModal.tsx b/packages/react/src/components/Modal/ConfirmationModal.tsx index bb8d483..7e5e4f7 100644 --- a/packages/react/src/components/Modal/ConfirmationModal.tsx +++ b/packages/react/src/components/Modal/ConfirmationModal.tsx @@ -33,7 +33,9 @@ export const ConfirmationModal = ({ } {...props} > - {children ?? t("components.modals.helpers.confirmation.children")} +
+ {children ?? t("components.modals.helpers.confirmation.children")} +
); }; diff --git a/packages/react/src/components/Modal/DeleteConfirmationModal.tsx b/packages/react/src/components/Modal/DeleteConfirmationModal.tsx index 325b8e9..93bb27d 100644 --- a/packages/react/src/components/Modal/DeleteConfirmationModal.tsx +++ b/packages/react/src/components/Modal/DeleteConfirmationModal.tsx @@ -38,7 +38,10 @@ export const DeleteConfirmationModal = ({ } {...props} > - {children ?? t("components.modals.helpers.delete_confirmation.children")} +
+ {children ?? + t("components.modals.helpers.delete_confirmation.children")} +
); }; diff --git a/packages/react/src/components/Modal/MessageModal.tsx b/packages/react/src/components/Modal/MessageModal.tsx index f60e074..e5dfa4a 100644 --- a/packages/react/src/components/Modal/MessageModal.tsx +++ b/packages/react/src/components/Modal/MessageModal.tsx @@ -41,7 +41,9 @@ export const MessageModal = ({ } {...props} > - {children ?? t("components.modals.helpers.disclaimer.children")} +
+ {children ?? t("components.modals.helpers.disclaimer.children")} +
); }; diff --git a/packages/react/src/components/Modal/index.scss b/packages/react/src/components/Modal/index.scss index a638700..4571340 100644 --- a/packages/react/src/components/Modal/index.scss +++ b/packages/react/src/components/Modal/index.scss @@ -72,7 +72,6 @@ } &__content { - text-align: center; font-size: var(--c--components--modal--content-font-size); font-weight: var(--c--components--modal--content-font-weight); color: var(--c--components--modal--content-color); @@ -80,6 +79,10 @@ &:focus-visible { outline: none; } + + &__text { + text-align: center; + } } &__close {