fix(Modal): adjust background, fix conditional class

carbon-design-system · Dec 8, 2023 · b27a526 · b27a526
1 parent 275db7b
commit b27a526
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/react/src/components/ComposedModal/ComposedModal.tsx b/packages/react/src/components/ComposedModal/ComposedModal.tsx
@@ -277,7 +277,7 @@ const ComposedModal = React.forwardRef<HTMLDivElement, ComposedModalProps>(
     const modalClass = cx(
       `${prefix}--modal`,
       {
-        'is-visible': open,
+        'is-visible': isOpen,
         [`${prefix}--modal--danger`]: danger,
         [`${prefix}--modal--slug`]: slug,
       },

diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
@@ -499,6 +499,8 @@
         > button:not(:only-child)
     ) {
     @include callout-gradient('default', 64px);
+
+    background-color: $layer;
   }
 
   .#{$prefix}--modal--slug .#{$prefix}--slug {