@wistia/ui 0.6.3 → 0.6.4-beta.3d84d1c3.070a742

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.3
+ * @license @wistia/ui v0.6.4-beta.3d84d1c3.070a742
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1300,7 +1300,7 @@ var typographyTokens = import_styled_components7.css`
   --wui-typography-heading-2-family: var(--wui-typography-family-brand);
   --wui-typography-heading-2-line-height: 38px;
   --wui-typography-heading-2-size: 32px;
-  --wui-typography-heading-2-weight: var(--wui-typography-weight-brand-bold);
+  --wui-typography-heading-2-weight: var(--wui-typography-weight-brand-black);
 
   /* Heading 3 */
   --wui-typography-heading-3-family: var(--wui-typography-family-brand);
@@ -5967,13 +5967,17 @@ var Link = (0, import_react11.forwardRef)(
         } catch (error) {
           console.error(error);
         } finally {
-          if (routingCallback !== null) {
+          if ((0, import_type_guards12.isFunction)(props.onClick)) {
+            props.onClick(event);
+          } else if (routingCallback !== null) {
             routingCallback();
           } else if ((0, import_type_guards12.isNotNil)(to)) {
             window.location.assign(to);
           } else {
           }
         }
+      } else if ((0, import_type_guards12.isFunction)(props.onClick)) {
+        props.onClick(event);
       } else {
       }
     };
@@ -10340,6 +10344,21 @@ var WistiaLogoComponent = import_styled_components70.default.svg`
       ${({ $hoverColor }) => $hoverColor !== void 0 ? `fill: ${$hoverColor}` : null};
     }
   }
+
+  ${({ $opticallyCentered, $iconOnly }) => {
+  if ($opticallyCentered) {
+    if ($iconOnly) {
+      return import_styled_components70.css`
+          aspect-ratio: 1;
+          padding: 11.85% 3.12% 13.91%;
+        `;
+    }
+    return import_styled_components70.css`
+        aspect-ratio: 127 / 32;
+      `;
+  }
+  return null;
+}}
 `;
 var WistiaLogo = ({
   description = void 0,
@@ -10347,6 +10366,7 @@ var WistiaLogo = ({
   hoverColor = void 0,
   href = void 0,
   iconOnly = false,
+  opticallyCentered = false,
   title = "Wistia Logo",
   variant = "standard",
   ...otherProps
@@ -10374,7 +10394,10 @@ var WistiaLogo = ({
     WistiaLogoComponent,
     {
       $hoverColor: hoverColor,
+      $iconOnly: iconOnly,
+      $opticallyCentered: opticallyCentered,
       height,
+      preserveAspectRatio: opticallyCentered ? "xMidYMin" : void 0,
       role: "img",
       viewBox: computedViewBox(iconOnly),
       xmlns: "http://www.w3.org/2000/svg",