@wistia/ui 0.8.1 → 0.8.2-beta.16b605aa.d0ead36

package/dist/index.d.mts

@@ -1160,9 +1160,9 @@ type EditableHeadingProps = {
     ariaLabel?: string;
     /**
      * Force editing state for testing purposes
-     *
+     * @ignore
      */
-    forceEditing?: boolean;
+    __forceEditing?: boolean;
     /**
      * When true, prevents the heading from entering edit mode
      * @default false
@@ -1175,7 +1175,7 @@ type EditableHeadingProps = {
  * an accessible button that enables editing mode. The component handles empty values, keyboard
  * navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
  */
-declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
+declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
 
 type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
     /**

package/dist/index.d.ts

@@ -1160,9 +1160,9 @@ type EditableHeadingProps = {
     ariaLabel?: string;
     /**
      * Force editing state for testing purposes
-     *
+     * @ignore
      */
-    forceEditing?: boolean;
+    __forceEditing?: boolean;
     /**
      * When true, prevents the heading from entering edit mode
      * @default false
@@ -1175,7 +1175,7 @@ type EditableHeadingProps = {
  * an accessible button that enables editing mode. The component handles empty values, keyboard
  * navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
  */
-declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
+declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
 
 type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
     /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.1
+ * @license @wistia/ui v0.8.2-beta.16b605aa.d0ead36
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -6908,11 +6908,14 @@ var Link = forwardRef(
   }, ref) => {
     const inRouterContext = useInRouterContext();
     const to = generateHref(props.href, type, disabled);
+    const shouldUseReactRouterLink = inRouterContext && type !== "external" && !to?.startsWith("http");
     const handleClick = async (event) => {
       if (disabled) {
         event.preventDefault();
       } else if (beforeAction) {
-        event.preventDefault();
+        if (!shouldUseReactRouterLink) {
+          event.preventDefault();
+        }
         try {
           await beforeAction();
         } catch (error) {
@@ -6956,7 +6959,6 @@ var Link = forwardRef(
         ...commonProps,
         ...externalLinkProps
       };
-      const shouldUseReactRouterLink = inRouterContext && type !== "external" && !to?.startsWith("http");
       return shouldUseReactRouterLink ? /* @__PURE__ */ jsx192(
         StyledLink,
         {
@@ -9020,6 +9022,7 @@ import { isNil as isNil13, isNotNil as isNotNil16, isRecord as isRecord4 } from
 // src/css/sharedStyles/inputCssVariables.ts
 import { css as css24 } from "styled-components";
 var inputCssVariables = css24`
+  /* Colors */
   --wui-input-color-bg: var(--wui-color-bg-surface);
   --wui-input-color-bg-disabled: var(--wui-color-bg-surface-disabled);
   --wui-input-color-border: var(--wui-color-border-secondary);
@@ -9027,13 +9030,20 @@ var inputCssVariables = css24`
   --wui-input-color-border-error: var(--wui-color-invalid-indicator);
   --wui-input-color-border-disabled: var(--wui-color-border-disabled);
   --wui-input-color-text: var(--wui-color-text);
+
+  /* Border */
   --wui-input-border-radius: var(--wui-border-radius-03);
   --wui-input-multiline-border-radius: var(--wui-border-radius-02);
+
+  /* Padding */
   --wui-input-vertical-padding: var(--wui-space-02);
   --wui-input-horizontal-padding: var(--wui-space-03);
+
+  /* Typography */
   --wui-input-placeholder: var(--wui-gray-10);
   --wui-input-font-size: var(--wui-typography-body-3-size);
   --wui-input-line-height: 16px;
+  --wui-input-font-weight: var(--wui-typography-weight-body);
 `;
 
 // src/components/Input/Input.tsx
@@ -9050,7 +9060,7 @@ var inputStyles = css25`
     border-radius: var(--wui-input-border-radius);
     font-size: var(--wui-input-font-size);
     line-height: var(--wui-input-line-height);
-    font-weight: var(--wui-typography-weight-body);
+    font-weight: var(--wui-input-font-weight);
     color: var(--wui-input-color-text);
 
     &::placeholder {
@@ -9220,15 +9230,11 @@ var StyledInput = styled31(Input)`
     min-height: unset;
   }
 
-  resize: vertical;
-  font-size: var(--wui-typography-heading-1-size);
-  font-weight: var(--wui-typography-heading-1-weight);
-  line-height: var(--wui-typography-heading-1-line-height);
-  font-family: var(--wui-typography-heading-1-family);
-  outline: 2px solid var(--wui-color-focus-ring);
-  outline-offset: -2px;
-
   && {
+    --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);
+    font-family: var(--wui-typography-heading-1-family);
     width: 100%;
     padding: var(--wui-space-02);
     border: none;
@@ -9259,7 +9265,7 @@ var EditableHeading = ({
   onEditingChange,
   tooltipText = "Click to edit title",
   ariaLabel = "Edit title",
-  forceEditing = false,
+  __forceEditing = false,
   editingDisabled = false
 }) => {
   const [isEditing, setIsEditing] = useState6(false);
@@ -9312,7 +9318,7 @@ var EditableHeading = ({
   if (editingDisabled) {
     return HeadingComponent2;
   }
-  if (isEditing || forceEditing) {
+  if (isEditing || __forceEditing) {
     return /* @__PURE__ */ jsx220(
       StyledInput,
       {