@wistia/ui 1.4.2 → 1.4.3-beta.26f7cf0c.ad5bc61

package/dist/index.js

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v1.4.2
+ * @license @wistia/ui v1.4.3-beta.26f7cf0c.ad5bc61
  *
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
  *
@@ -103,6 +103,10 @@ const GlobalStyle = createGlobalStyle`
   * 1. Without this fonts are too heavy weight in OS X Firefox
   * 2. Design decision
     3. See: https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
+    4. Avoid typographic orphans and awkward line breaks. 'text-wrap' is inherited,
+       so this becomes the default for all text. Guarded by '@supports' because
+       'pretty' is not Baseline yet; browsers without it keep the initial
+       'text-wrap: wrap' behavior, so no polyfill is needed.
   */
   body {
     -moz-osx-font-smoothing: grayscale; /* 1 */
@@ -110,6 +114,10 @@ const GlobalStyle = createGlobalStyle`
     line-height: 1.5; /* 2 */
     min-height: 100vh; /* 3 */
     min-height: -webkit-fill-available; /* 3 */
+
+    @supports (text-wrap: pretty) {
+      text-wrap: pretty; /* 4 */
+    }
   }
 
   /* Remove default margin in favour of better control in authored CSS */
@@ -5736,6 +5744,7 @@ const Button = ({ children, forceState, className, leftIcon, rightIcon, colorSch
 	const responsiveFullWidth = useResponsiveProp(fullWidth);
 	const responsiveSize = useResponsiveProp(size);
 	const isAriaDisabled = () => isLoading || disabled;
+	const buttonRef = ref;
 	const commonProps = {
 		"aria-disabled": isAriaDisabled() || void 0,
 		$colorScheme: colorScheme,
@@ -5747,7 +5756,7 @@ const Button = ({ children, forceState, className, leftIcon, rightIcon, colorSch
 	};
 	if (forceState) commonProps.className = `${className ?? ""} force-state-${forceState}`;
 	if (isLink(props)) return /* @__PURE__ */ jsx(StyledButton$2, {
-		ref,
+		ref: buttonRef,
 		as: Link,
 		disabled: isAriaDisabled(),
 		...props,