@wistia/ui 0.8.9-beta.c65c9abf.a0225aa → 0.8.9

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.9-beta.c65c9abf.a0225aa
+ * @license @wistia/ui v0.8.9
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -6985,29 +6985,31 @@ Icon.displayName = "Icon";
 
 // src/components/Link/Link.tsx
 var import_react15 = require("react");
+var import_type_guards14 = require("@wistia/type-guards");
 var import_styled_components20 = __toESM(require("styled-components"));
 var import_react_router_dom = require("react-router-dom");
-var import_type_guards14 = require("@wistia/type-guards");
 var import_jsx_runtime192 = require("react/jsx-runtime");
 var generateHref = (href, type, disabled) => {
   if (disabled || (0, import_type_guards14.isNil)(href)) {
     return void 0;
   }
-  let modifiedHref = href;
+  let to = href;
   if (type === "phone") {
-    modifiedHref = `tel:${href}`;
+    to = `tel:${href}`;
   }
   if (type === "email") {
-    modifiedHref = `mailto:${href}`;
+    to = `mailto:${href}`;
   }
-  return modifiedHref;
+  return to;
 };
 var isButton = (props) => (0, import_type_guards14.isUndefined)(props.href);
 var isLink = (props) => (0, import_type_guards14.isNotUndefined)(props.href);
 var StyledLink = import_styled_components20.default.a`
+  --link-icon-size: 14px;
+
   ${({ href }) => (0, import_type_guards14.isNil)(href) && buttonResetCss};
   ${({ $colorScheme }) => getColorScheme($colorScheme)}
-  cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "pointer"};
+  cursor: pointer;
   font-family: var(--wui-typography-family-default);
   color: var(--wui-color-text-link);
   text-decoration: ${({ $underline }) => $underline ? "underline" : "none"};
@@ -7017,8 +7019,8 @@ var StyledLink = import_styled_components20.default.a`
 
   && {
     svg {
-      width: 14px;
-      height: 14px;
+      width: var(--link-icon-size);
+      height: var(--link-icon-size);
     }
   }
 `;
@@ -7063,7 +7065,6 @@ var Link = (0, import_react15.forwardRef)(
     };
     const commonProps = {
       $colorScheme: colorScheme,
-      $disabled: disabled,
       $underline: underline,
       onClick: handleClick
     };
@@ -7082,27 +7083,33 @@ var Link = (0, import_react15.forwardRef)(
     }
     if (isLink(props)) {
       const externalLinkProps = type === "external" ? { target: "_blank", rel: "noopener noreferrer" } : null;
-      const routerSpecificProps = shouldUseReactRouterLink ? {
-        // TODO: Using 'any' here due to styled-components typing limitations with RouterLink
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
-        as: import_react_router_dom.Link,
-        to: to ?? ""
-      } : {
-        as: "a",
-        href: to
-      };
       const combinedProps = {
         ref,
         ...props,
         ...commonProps,
-        ...externalLinkProps,
-        ...routerSpecificProps
+        ...externalLinkProps
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(StyledLink, { ...combinedProps, children: [
-        leftIcon ?? null,
-        children,
-        rightIcon ?? null
-      ] });
+      return shouldUseReactRouterLink ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+        StyledLink,
+        {
+          as: import_react_router_dom.Link,
+          ...combinedProps,
+          to: to ?? "",
+          children
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
+        StyledLink,
+        {
+          as: "a",
+          ...combinedProps,
+          href: to,
+          children: [
+            leftIcon ?? null,
+            children,
+            rightIcon ?? null
+          ]
+        }
+      );
     }
     return null;
   }