fix imports and style underlay

marigold-ui · Dec 7, 2022 · fe40845 · fe40845
1 parent 569fe61
commit fe40845
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/packages/components/src/Overlay/Overlay.tsx b/packages/components/src/Overlay/Overlay.tsx
@@ -39,7 +39,7 @@ export const Overlay = ({ children, container, open }: OverlayProps) => {
 
   return (
     <ReactAriaOverlay portalContainer={container}>
-      <Transition nodeRef={nodeRef} timeout={{ enter: 0, exit: 350 }} in={open}>
+      <Transition nodeRef={nodeRef} timeout={{ enter: 0, exit: 550 }} in={open}>
         {state => (
           <div
             ref={nodeRef}

diff --git a/packages/components/src/Select/Select.tsx b/packages/components/src/Select/Select.tsx
@@ -97,8 +97,6 @@ export const Select = forwardRef<HTMLButtonElement, SelectProps>(
     const buttonRef = useObjectRef(ref);
     const listboxRef = useRef(null);
 
-    // why does it have so many refs? in spectrum
-
     const {
       labelProps,
       triggerProps,

diff --git a/themes/theme-core/src/components/Underlay.style.ts b/themes/theme-core/src/components/Underlay.style.ts
@@ -1,8 +1,11 @@
 import { Theme } from '@marigold/components';
 
 export const Underlay: Theme['components']['Underlay'] = {
-  base: {
-    bg: 'gray70',
-    opacity: 0.33,
+  base: {},
+  variant: {
+    modal: {
+      bg: 'gray70',
+      opacity: 0.33,
+    },
   },
 };
diff --git a/themes/theme-unicorn/src/components/Underlay.style.ts b/themes/theme-unicorn/src/components/Underlay.style.ts
@@ -1,8 +1,11 @@
 import { Theme } from '@marigold/components';
 
 export const Underlay: Theme['components']['Underlay'] = {
-  base: {
-    bg: 'rgba(206, 212, 218, 0.5)',
-    backdropFilter: 'blur(1px)',
+  base: {},
+  variant: {
+    modal: {
+      bg: 'rgba(206, 212, 218, 0.5)',
+      backdropFilter: 'blur(1px)',
+    },
   },
 };