From ac6e9a0d88d2fd5e2a778a0a027fb84ed404631d Mon Sep 17 00:00:00 2001
From: Mikhail Lukin <mishalykin@mail.ru>
Date: Fri, 15 Nov 2024 18:33:45 +0700
Subject: [PATCH] feat: fix backdrop transition

---
 .changeset/curvy-rice-decide.md        | 7 +++++++
 packages/backdrop/src/index.module.css | 2 +-
 packages/drawer/src/Component.tsx      | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/curvy-rice-decide.md

diff --git a/.changeset/curvy-rice-decide.md b/.changeset/curvy-rice-decide.md
new file mode 100644
index 0000000000..72cccd426d
--- /dev/null
+++ b/.changeset/curvy-rice-decide.md
@@ -0,0 +1,7 @@
+---
+'@alfalab/core-components-backdrop': patch
+'@alfalab/core-components-drawer': patch
+---
+
+- Для drawer исправлена передача backdrop transition пропсов
+- Для backdrop поднята специфичность transition класса
diff --git a/packages/backdrop/src/index.module.css b/packages/backdrop/src/index.module.css
index 9061ab00ed..854fc91dde 100644
--- a/packages/backdrop/src/index.module.css
+++ b/packages/backdrop/src/index.module.css
@@ -34,6 +34,6 @@
     transition: background-color 200ms ease-out;
 }
 
-.transparent {
+.transparent.transparent {
     background-color: var(--backdrop-hidden-background);
 }
diff --git a/packages/drawer/src/Component.tsx b/packages/drawer/src/Component.tsx
index e24b39ba44..cd6d63089b 100644
--- a/packages/drawer/src/Component.tsx
+++ b/packages/drawer/src/Component.tsx
@@ -31,7 +31,7 @@ export type DrawerProps = Omit<BaseModalProps, 'container'> & {
 export const DrawerContext = BaseModalContext;
 
 const backdropProps = {
-    classNames: {
+    transitionClassNames: {
         enter: styles.backdropEnter,
         appear: styles.backdropEnter,
         enterActive: styles.backdropEnterActive,