@wistia/ui 0.20.13 → 0.20.14

package/dist/index.d.ts

@@ -240,6 +240,10 @@ type BaseProps$2 = {
      * Disables the link
      */
     disabled?: boolean;
+    /**
+     * When true, the link will inherit its color from the parent element instead of using the default link color
+     */
+    inheritColor?: boolean;
     /**
      * Icon to display on the left side of the link. Must be an instance of [Icon](?path=/docs/components-icon--docs)
      */
@@ -384,6 +388,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & re
     children: ReactNode;
     colorScheme?: ColorSchemeTypes;
     disabled?: boolean;
+    inheritColor?: boolean;
     leftIcon?: ReactNode | undefined;
     rightIcon?: ReactNode | undefined;
     type?: LinkTypes | undefined;
@@ -415,6 +420,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & re
     children: ReactNode;
     colorScheme?: ColorSchemeTypes;
     disabled?: boolean;
+    inheritColor?: boolean;
     leftIcon?: ReactNode | undefined;
     rightIcon?: ReactNode | undefined;
     type?: LinkTypes | undefined;
@@ -2936,6 +2942,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
     children: react.ReactNode;
     colorScheme?: ColorSchemeTypes;
     disabled?: boolean;
+    inheritColor?: boolean;
     leftIcon?: react.ReactNode | undefined;
     rightIcon?: react.ReactNode | undefined;
     type?: LinkTypes | undefined;
@@ -2977,6 +2984,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
     children: react.ReactNode;
     colorScheme?: ColorSchemeTypes;
     disabled?: boolean;
+    inheritColor?: boolean;
     leftIcon?: react.ReactNode | undefined;
     rightIcon?: react.ReactNode | undefined;
     type?: LinkTypes | undefined;

package/dist/index.js

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.20.13
+ * @license @wistia/ui v0.20.14
  *
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
  *
@@ -8051,7 +8051,11 @@ var StyledLink = styled5.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)}
   cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "pointer"};
   font-family: inherit;
-  color: ${({ $disabled }) => $disabled ? "var(--wui-color-text-disabled)" : "var(--wui-color-text-link)"};
+  color: ${({ $disabled, $inheritColor }) => {
+  if ($disabled) return "var(--wui-color-text-disabled)";
+  if ($inheritColor) return "inherit";
+  return "var(--wui-color-text-link)";
+}};
   text-decoration: ${({ $underline }) => $underline === "always" ? "underline" : "none"};
   display: inline-flex;
   align-items: baseline;
@@ -8083,6 +8087,7 @@ var Link = forwardRef(
     disabled = false,
     colorScheme = "inherit",
     underline = "none",
+    inheritColor = false,
     leftIcon,
     rightIcon,
     "aria-disabled": ariaDisabled,
@@ -8092,6 +8097,7 @@ var Link = forwardRef(
     const inRouterContext = useInRouterContext();
     const to = generateHref(props.href, type, disabled);
     const shouldUseReactRouterLink = inRouterContext && type !== "external" && !to?.startsWith("http");
+    const hasIcons = isNotNil5(leftIcon) || isNotNil5(rightIcon);
     const handleClick = async (event) => {
       if (disabled) {
         event.preventDefault();
@@ -8120,6 +8126,8 @@ var Link = forwardRef(
       $colorScheme: colorScheme,
       $disabled: disabled,
       $underline: underline,
+      $inheritColor: inheritColor,
+      $hasIcons: hasIcons,
       onClick: handleClick,
       "aria-disabled": ariaDisabled ?? (disabled ? "true" : void 0)
     };