From a30326e4deb3fdb957db1c7a896fe05f519cea07 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 28 May 2024 14:01:08 -0400
Subject: [PATCH] tweak durations

---
 src/components/details/details.styles.ts   | 4 ++--
 src/components/dropdown/dropdown.styles.ts | 2 --
 src/components/popup/popup.styles.ts       | 4 ++--
 src/components/popup/popup.ts              | 4 ++--
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/details/details.styles.ts b/src/components/details/details.styles.ts
index 678e795d8..e303b0e04 100644
--- a/src/components/details/details.styles.ts
+++ b/src/components/details/details.styles.ts
@@ -9,8 +9,8 @@ export default css`
     --border-width: var(--wa-panel-border-width);
     --icon-color: var(--wa-color-text-quiet);
     --padding: var(--wa-space-m);
-    --show-duration: 250ms;
-    --hide-duration: 250ms;
+    --show-duration: 200ms;
+    --hide-duration: 200ms;
 
     display: block;
   }
diff --git a/src/components/dropdown/dropdown.styles.ts b/src/components/dropdown/dropdown.styles.ts
index 504516f9e..3d23a280f 100644
--- a/src/components/dropdown/dropdown.styles.ts
+++ b/src/components/dropdown/dropdown.styles.ts
@@ -6,8 +6,6 @@ export default css`
   }
 
   .dropdown::part(popup) {
-    --show-duration: 100ms;
-    --hide-duration: 100ms;
     z-index: var(--wa-z-index-dropdown);
   }
 
diff --git a/src/components/popup/popup.styles.ts b/src/components/popup/popup.styles.ts
index 37b9b2956..5d0cf07db 100644
--- a/src/components/popup/popup.styles.ts
+++ b/src/components/popup/popup.styles.ts
@@ -4,8 +4,8 @@ export default css`
   :host {
     --arrow-color: black;
     --arrow-size: var(--wa-tooltip-arrow-size);
-    --show-duration: 150ms;
-    --hide-duration: 150ms;
+    --show-duration: 100ms;
+    --hide-duration: 100ms;
 
     /*
      * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
diff --git a/src/components/popup/popup.ts b/src/components/popup/popup.ts
index d85811899..01662cb66 100644
--- a/src/components/popup/popup.ts
+++ b/src/components/popup/popup.ts
@@ -50,8 +50,8 @@ function isVirtualElement(e: unknown): e is VirtualElement {
  * @cssproperty [--auto-size-available-height] - A read-only custom property that determines the amount of height the
  *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
  *  available when using `auto-size`.
- * @cssproperty [--show-duration=150ms] - The show duration to use when applying built-in animation classes.
- * @cssproperty [--hide-duration=150ms] - The hide duration to use when applying built-in animation classes.
+ * @cssproperty [--show-duration=100ms] - The show duration to use when applying built-in animation classes.
+ * @cssproperty [--hide-duration=100ms] - The hide duration to use when applying built-in animation classes.
  */
 @customElement('wa-popup')
 export default class WaPopup extends WebAwesomeElement {