feat(SW-612): Add popover component

2024-11-06 16:14:57 +01:00
parent beb776bac9
commit 17df6d6c47
10 changed files with 158 additions and 3 deletions
--- a/components/TempDesignSystem/Popover/popover.module.css
+++ b/components/TempDesignSystem/Popover/popover.module.css
@@ -0,0 +1,27 @@
+.root {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+  border-radius: var(--Corner-radius-Medium);
+  box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
+  padding: var(--Spacing-x2);
+  max-width: calc(360px + var(--Spacing-x2) * 2);
+}
+
+.root section:focus-visible {
+  outline: none;
+}
+
+.trigger {
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+}
+.closeButton {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}