From d267c520d2c4b9288c927fc42554326a7b7c66a8 Mon Sep 17 00:00:00 2001
From: Alex Tideman <alex.tideman@gmail.com>
Date: Tue, 24 Sep 2024 10:13:17 -0500
Subject: [PATCH] Remove camelcase

---
 .../components/lines-and-dots/event-type-filter.svelte |  2 +-
 src/lib/holocene/menu/menu.svelte                      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/lines-and-dots/event-type-filter.svelte b/src/lib/components/lines-and-dots/event-type-filter.svelte
index 43ef2c935..724217388 100644
--- a/src/lib/components/lines-and-dots/event-type-filter.svelte
+++ b/src/lib/components/lines-and-dots/event-type-filter.svelte
@@ -75,7 +75,7 @@
   <Menu
     id="event-type-menu"
     keepOpen
-    position="topRight"
+    position="top-right"
     class="w-[240px] md:w-[400px]"
   >
     <MenuItem
diff --git a/src/lib/holocene/menu/menu.svelte b/src/lib/holocene/menu/menu.svelte
index def0cec77..b26be439a 100644
--- a/src/lib/holocene/menu/menu.svelte
+++ b/src/lib/holocene/menu/menu.svelte
@@ -12,7 +12,7 @@
   interface $$Props extends HTMLAttributes<HTMLUListElement> {
     id: string;
     keepOpen?: boolean;
-    position?: 'left' | 'right' | 'topLeft' | 'topRight';
+    position?: 'left' | 'right' | 'top-light' | 'top-right';
     menuElement?: HTMLUListElement;
   }
 
@@ -21,7 +21,7 @@
   export { className as class };
   export let id: string;
   export let keepOpen = false;
-  export let position: 'left' | 'right' | 'topLeft' | 'topRight' = 'left';
+  export let position: 'left' | 'right' | 'top-left' | 'top-right' = 'left';
   export let menuElement: HTMLUListElement = null;
 
   const {
@@ -48,7 +48,7 @@
   class:hidden={!$open}
   aria-labelledby={id}
   tabindex={-1}
-  style={position === 'topRight' || position === 'topLeft'
+  style={position === 'top-right' || position === 'top-left'
     ? `top: -${height + 16}px;`
     : ''}
   {id}
@@ -66,12 +66,12 @@
     @apply surface-primary absolute z-20 mt-1 min-w-fit list-none overflow-auto rounded-lg border-2 border-subtle text-primary shadow;
 
     &.left,
-    &.topLeft {
+    &.top-left {
       @apply left-0 origin-top-left;
     }
 
     &.right,
-    &.topRight {
+    &.top-right {
       @apply right-0 origin-top-right;
     }
   }