@wistia/ui 0.8.20-beta.b11798a9.bb9f81a → 0.8.20

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.20-beta.b11798a9.bb9f81a
+ * @license @wistia/ui v0.8.20
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2141,7 +2141,7 @@ var useClipboard = (textToCopy, timeout = 1500) => {
   return [onCopy, hasCopied, failedToCopy];
 };
 
-// src/hooks/useFilePicker/useFilePicker.tsx
+// src/hooks/useFilePicker/index.ts
 var import_use_file_picker = require("use-file-picker");
 var import_validators = require("use-file-picker/validators");
 
@@ -9129,54 +9129,6 @@ var import_react35 = require("react");
 var import_react_tooltip2 = require("@radix-ui/react-tooltip");
 var import_styled_components45 = __toESM(require("styled-components"));
 var import_jsx_runtime218 = require("react/jsx-runtime");
-var hide = import_styled_components45.keyframes`
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-`;
-var slideDownAndFade = import_styled_components45.keyframes`
-  from {
-    opacity: 0;
-    transform: translateY(-6px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-var slideLeftAndFade = import_styled_components45.keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(6px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
-var slideUpAndFade = import_styled_components45.keyframes`
-  from {
-    opacity: 0;
-    transform: translateY(6px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-var slideRightAndFade = import_styled_components45.keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(-6px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
 var StyledContent = (0, import_styled_components45.default)(import_react_tooltip2.Content)`
   --tooltip-font-family: var(--wui-typography-family-default);
   --tooltip-border-radius: var(--wui-border-radius-05);
@@ -9187,8 +9139,6 @@ var StyledContent = (0, import_styled_components45.default)(import_react_tooltip
   --tooltip-font-weight: var(--wui-typography-label-4-weight);
   --tooltip-horizontal-padding: var(--wui-space-02);
   --tooltip-vertical-padding: var(--wui-space-03);
-  --tooltip-animation-duration: var(--wui-motion-duration-04);
-  --tooltip-animation-timing-function: var(--wui-motion-ease-out);
 
   font-family: var(--tooltip-font-family);
   font-size: var(--tooltip-font-size);
@@ -9197,30 +9147,26 @@ var StyledContent = (0, import_styled_components45.default)(import_react_tooltip
   background-color: var(--tooltip-bg);
   color: var(--tooltip-color);
   user-select: none;
-  animation-duration: var(--tooltip-animation-duration);
-  animation-timing-function: var(--tooltip-animation-timing-function);
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform, opacity;
   max-width: 30em;
   z-index: var(--wui-zindex-tooltip);
 
-  &[data-state='closed'] {
-    animation-name: ${hide};
-  }
-
   &[data-state='delayed-open'][data-side='top'] {
-    animation-name: ${slideUpAndFade};
+    animation-name: slideDownAndFade;
   }
 
   &[data-state='delayed-open'][data-side='right'] {
-    animation-name: ${slideRightAndFade};
+    animation-name: slideLeftAndFade;
   }
 
   &[data-state='delayed-open'][data-side='bottom'] {
-    animation-name: ${slideDownAndFade};
+    animation-name: slideUpAndFade;
   }
 
   &[data-state='delayed-open'][data-side='left'] {
-    animation-name: ${slideLeftAndFade};
+    animation-name: slideRightAndFade;
   }
 `;
 var VISUAL_OFFSET = 6;