fix formatting in some files

packages/bbui/src/ActionButton/ActionButton.svelte

@@ -3,15 +3,14 @@
   import { createEventDispatcher } from "svelte"
   const dispatch = createEventDispatcher()
 
-    
   /** @type {('S', 'M', 'L', 'XL')} Size of button */
-    export let size = "M";
+  export let size = "M"
-    export let quiet = false;
+  export let quiet = false
-    export let emphasized = false;
+  export let emphasized = false
   export let selected = false
-    export let longPressable = false;
+  export let longPressable = false
   export let disabled = false
-    export let icon = '';
+  export let icon = ""
 
   function longPress(element) {
     if (!longPressable) return
@@ -19,22 +18,21 @@
 
     const listener = () => {
       timer = setTimeout(() => {
-                dispatch('longpress')
+        dispatch("longpress")
       }, 700)
     }
 
-        element.addEventListener('pointerdown', listener)
+    element.addEventListener("pointerdown", listener)
 
     return {
       destroy() {
         clearTimeout(timer)
-                element.removeEventListener('pointerdown', longPress)
+        element.removeEventListener("pointerdown", longPress)
-            }
+      },
     }
   }
 </script>
 
-
 <button
   use:longPress
   class:spectrum-ActionButton--quiet={quiet}
@@ -43,14 +41,24 @@
   class="spectrum-ActionButton spectrum-ActionButton--size{size.toUpperCase()}"
   {disabled}
   on:longPress
-    on:click|preventDefault>
+  on:click|preventDefault
+>
   {#if longPressable}
-        <svg class="spectrum-Icon spectrum-UIIcon-CornerTriangle100 spectrum-ActionButton-hold" focusable="false" aria-hidden="true">
+    <svg
+      class="spectrum-Icon spectrum-UIIcon-CornerTriangle100 spectrum-ActionButton-hold"
+      focusable="false"
+      aria-hidden="true"
+    >
       <use xlink:href="#spectrum-css-icon-CornerTriangle100" />
     </svg>
   {/if}
   {#if icon}
-        <svg class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}" focusable="false" aria-hidden="true" aria-label="{icon}">
+    <svg
+      class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}"
+      focusable="false"
+      aria-hidden="true"
+      aria-label={icon}
+    >
       <use xlink:href="#spectrum-icon-18-{icon}" />
     </svg>
   {/if}
@@ -64,4 +72,3 @@
     text-transform: capitalize;
   }
 </style>
-  

packages/bbui/src/ActionGroup/ActionGroup.svelte

@@ -1,24 +1,26 @@
 <script>
   import "@spectrum-css/actiongroup/dist/index-vars.css"
-    export let vertical = false;
+  export let vertical = false
-    export let justified = false;
+  export let justified = false
-    export let quiet = false;
+  export let quiet = false
-    export let compact = false;
+  export let compact = false
 
   // Attaches a spectrum-ActionGroup-item class to buttons inside the div
   function group(element) {
-        const buttons = Array.from(element.getElementsByTagName('button'))
+    const buttons = Array.from(element.getElementsByTagName("button"))
-        buttons.forEach(button => {
+    buttons.forEach((button) => {
-            button.classList.add('spectrum-ActionGroup-item')
+      button.classList.add("spectrum-ActionGroup-item")
     })
   }
 </script>
 
-<div use:group
+<div
+  use:group
   class:spectrum-ActionGroup--vertical={vertical}
   class:spectrum-ActionGroup--justified={justified}
   class:spectrum-ActionGroup--quiet={quiet}
   class:spectrum-ActionGroup--compact={compact}
-    class="spectrum-ActionGroup">
+  class="spectrum-ActionGroup"
+>
   <slot />
 </div>

packages/bbui/src/ActionMenu/ActionMenu.svelte

@@ -1,8 +1,8 @@
 <script>
-    import Popover from '../Popover/Popover.svelte'
+  import Popover from "../Popover/Popover.svelte"
-    import Menu from '../Menu/Menu.svelte'
+  import Menu from "../Menu/Menu.svelte"
-    let anchor;
+  let anchor
-    let dropdown;
+  let dropdown
 
   // This is needed because display: contents is considered "invisible".
   // It should only ever be an action button, so should be fine.
@@ -10,8 +10,12 @@
     anchor = node.firstChild
   }
 
-    export const hide = () => { dropdown.hide() }
+  export const hide = () => {
-    export const show = () => { dropdown.show() }
+    dropdown.hide()
+  }
+  export const show = () => {
+    dropdown.show()
+  }
 </script>
 
 <div class="contents" use:getAnchor on:click={dropdown.show}>

packages/bbui/src/Avatar/Avatar.svelte

@@ -1,7 +1,12 @@
 <script>
   import "@spectrum-css/avatar/dist/index-vars.css"
-    export let url = "";
+  export let url = ""
-    export let disabled = false;
+  export let disabled = false
 </script>
 
-<img class:is-disabled={disabled} class="spectrum-Avatar" src={url} alt="Avatar">
+<img
+  class:is-disabled={disabled}
+  class="spectrum-Avatar"
+  src={url}
+  alt="Avatar"
+/>

packages/bbui/src/Button/Button.svelte

@@ -3,11 +3,11 @@
 
   export let disabled = false
   export let size = "M"
-  export let cta = false;
+  export let cta = false
-  export let primary = false;
+  export let primary = false
-  export let secondary = false;
+  export let secondary = false
   export let warning = false
-  export let overBackground = false;
+  export let overBackground = false
   export let quiet = false
   export let icon = undefined
   export let active = false
@@ -23,13 +23,15 @@
   class:active
   class="spectrum-Button spectrum-Button--size{size.toUpperCase()}"
   {disabled}
-  on:click|preventDefault>
+  on:click|preventDefault
+>
   {#if icon}
     <svg
       class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}"
       focusable="false"
       aria-hidden="true"
-      aria-label={icon}>
+      aria-label={icon}
+    >
       <use xlink:href="#spectrum-icon-18-{icon}" />
     </svg>
   {/if}