@wistia/ui 0.13.1 → 0.13.2-beta.0f8bc2be.fe66503

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.13.1
+ * @license @wistia/ui v0.13.2-beta.0f8bc2be.fe66503
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -10610,10 +10610,7 @@ var Input = (0, import_react44.forwardRef)(
     ...props
   }, externalRef) => {
     const internalRef = (0, import_react44.useRef)();
-    const ref = (
-      // eslint-disable-next-line react-compiler/react-compiler
-      (0, import_type_guards36.isNotNil)(externalRef) && (0, import_type_guards36.isRecord)(externalRef) && "current" in externalRef ? externalRef : internalRef
-    );
+    const ref = (0, import_type_guards36.isNotNil)(externalRef) && (0, import_type_guards36.isRecord)(externalRef) && "current" in externalRef ? externalRef : internalRef;
     let leftIconToDisplay = leftIcon;
     if ((0, import_type_guards36.isNil)(leftIcon) && type === "search") {
       leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon, { type: "search" });
@@ -10680,11 +10677,13 @@ var StyledInput = (0, import_styled_components56.default)(Input)`
   }
 
   && {
-    --wui-input-font-size: var(--wui-typography-heading-1-size);
-    --wui-input-font-weight: var(--wui-typography-heading-1-weight);
-    --wui-input-line-height: var(--wui-typography-heading-1-line-height);
+    ${({ $variant }) => variantStyleMap[$variant]}
+    /* The input font styles (edit mode) needs the same font styles as Heading */
+    --wui-input-font-size: var(--font-size);
+    --wui-input-font-weight: var(--font-weight);
+    --wui-input-line-height: var(--line-height);
 
-    font-family: var(--wui-typography-heading-1-family);
+    font-family: var(--font-family);
     width: 100%;
     padding: var(--wui-space-02);
     border: none;
@@ -10716,6 +10715,7 @@ var EditableHeading = ({
   onEditingChange,
   tooltipText = "Click to edit title",
   ariaLabel = "Edit title",
+  variant = "heading1",
   __forceEditing = false,
   editingDisabled = false
 }) => {
@@ -10762,7 +10762,7 @@ var EditableHeading = ({
       ref: headingRef,
       $editingDisabled: editingDisabled,
       onClick: () => handleSetEditing(true),
-      variant: "heading1",
+      variant,
       children: value
     }
   );
@@ -10774,6 +10774,7 @@ var EditableHeading = ({
       StyledInput,
       {
         $height: headingHeight,
+        $variant: variant,
         autoFocus: true,
         fullWidth: true,
         onBlur: handleFinishEditing,