feat(popover): add elevation token (#682)

Adds elevation token level 4 to the popover component.
ithaka · Feb 13, 2024 · 3992876 · 3992876
1 parent 67684b7
commit 3992876
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/pink-ties-tell.md b/.changeset/pink-ties-tell.md
@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': minor
+---
+
+Update popover component elevation to use design token
diff --git a/packages/pharos/src/components/popover/pharos-popover.scss b/packages/pharos/src/components/popover/pharos-popover.scss
@@ -14,7 +14,7 @@
 
   position: relative;
   margin: 0;
-  box-shadow: 0 1px 2px rgb(18 18 18 / 0.3), 0 4px 8px 3px rgb(18 18 18 / 0.15);
+  box-shadow: var(--pharos-elevation-level-4);
   border-radius: var(--pharos-radius-base-standard);
   visibility: hidden;
   pointer-events: none;