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 & { export const DrawerContext = BaseModalContext; const backdropProps = { - classNames: { + transitionClassNames: { enter: styles.backdropEnter, appear: styles.backdropEnter, enterActive: styles.backdropEnterActive,