@wistia/ui 0.7.1 → 0.8.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.7.1
+ * @license @wistia/ui v0.8.0
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9039,26 +9039,17 @@ var import_react29 = require("react");
 var import_react_tooltip2 = require("@radix-ui/react-tooltip");
 var import_styled_components44 = __toESM(require("styled-components"));
 var import_jsx_runtime218 = require("react/jsx-runtime");
-var CompactTooltipStyles = import_styled_components44.css`
-  --tooltip-font-size: var(--wui-typography-label-4-size);
-  --tooltip-line-height: var(--wui-typography-label-4-line-height);
-  --tooltip-font-weight: var(--wui-typography-label-4-weight);
-  --tooltip-horizontal-padding: var(--wui-space-02);
-  --tooltip-vertical-padding: var(--wui-space-03);
-`;
 var StyledContent = (0, import_styled_components44.default)(import_react_tooltip2.Content)`
   --tooltip-font-family: var(--wui-typography-family-default);
   --tooltip-border-radius: var(--wui-border-radius-05);
   --tooltip-bg: var(--wui-color-bg-tooltip);
   --tooltip-color: var(--wui-color-text-on-fill);
-  --tooltip-font-size: var(--wui-typography-label-3-size);
-  --tooltip-line-height: var(--wui-typography-label-3-line-height);
-  --tooltip-font-weight: var(--wui-typography-label-3-weight);
-  --tooltip-horizontal-padding: var(--wui-space-03);
+  --tooltip-font-size: var(--wui-typography-label-4-size);
+  --tooltip-line-height: var(--wui-typography-label-4-line-height);
+  --tooltip-font-weight: var(--wui-typography-label-4-weight);
+  --tooltip-horizontal-padding: var(--wui-space-02);
   --tooltip-vertical-padding: var(--wui-space-03);
 
-  ${({ $compact }) => Boolean($compact) && CompactTooltipStyles};
-
   font-family: var(--tooltip-font-family);
   font-size: var(--tooltip-font-size);
   border-radius: var(--tooltip-border-radius);
@@ -9090,12 +9081,11 @@ var StyledContent = (0, import_styled_components44.default)(import_react_tooltip
 `;
 var VISUAL_OFFSET = 6;
 var Tooltip = ({
-  delay = 700,
+  delay = 500,
   direction = "top",
   content,
   children,
   forceOpen,
-  compact = false,
   hideArrow = false
 }) => {
   const rootProps = {};
@@ -9115,7 +9105,6 @@ var Tooltip = ({
         /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(import_react_tooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
           StyledContent,
           {
-            $compact: compact,
             side: direction,
             sideOffset: hideArrow ? VISUAL_OFFSET : VISUAL_OFFSET - 2,
             children: [
@@ -9461,14 +9450,7 @@ var EditableHeading = ({
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
-      Tooltip,
-      {
-        compact: true,
-        content: tooltipText,
-        children: HeadingComponent2
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Tooltip, { content: tooltipText, children: HeadingComponent2 }),
     /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
       "button",
       {