add it for other themes ups

marigold-ui · Dec 13, 2022 · 7e9f00a · 7e9f00a
1 parent 4aeb3c2
commit 7e9f00a
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 2 deletions.
diff --git a/themes/theme-core/src/components/Tray.style.ts b/themes/theme-core/src/components/Tray.style.ts
@@ -0,0 +1,9 @@
+import { Theme } from '@marigold/components';
+
+export const Tray: Theme['components']['Tray'] = {
+  base: {
+    position: 'absolute',
+    width: '100%',
+    bottom: 0,
+  },
+};
diff --git a/themes/theme-core/src/components/Underlay.style.ts b/themes/theme-core/src/components/Underlay.style.ts
@@ -4,8 +4,8 @@ export const Underlay: Theme['components']['Underlay'] = {
   base: {},
   variant: {
     modal: {
-      bg: 'gray70',
-      opacity: 0.33,
+      bg: 'rgba(206, 212, 218, 0.5)',
+      backdropFilter: 'blur(1px)',
     },
   },
 };
diff --git a/themes/theme-core/src/components/index.ts b/themes/theme-core/src/components/index.ts
@@ -23,4 +23,5 @@ export * from './Switch.style';
 export * from './Table.style';
 export * from './Text.style';
 export * from './TextArea.style';
+export * from './Tray.style';
 export * from './Underlay.style';
diff --git a/themes/theme-unicorn/src/components/Tray.style.ts b/themes/theme-unicorn/src/components/Tray.style.ts
@@ -0,0 +1,9 @@
+import { Theme } from '@marigold/components';
+
+export const Tray: Theme['components']['Tray'] = {
+  base: {
+    position: 'absolute',
+    width: '100%',
+    bottom: 0,
+  },
+};
diff --git a/themes/theme-unicorn/src/components/index.ts b/themes/theme-unicorn/src/components/index.ts
@@ -23,4 +23,5 @@ export * from './Table.style';
 export * from './Text.style';
 export * from './TextArea.style';
 export * from './Tooltip.style';
+export * from './Tray.style';
 export * from './Underlay.style';