@wistia/ui 0.21.4-beta.800805c4.f91bf1d → 0.21.4-beta.b00a8dea.d1976a6

package/dist/index.d.ts

@@ -920,7 +920,7 @@ declare const Breadcrumbs: {
     displayName: string;
 };
 
-type BreadcrumbProps = ButtonProps & {
+type BreadcrumbProps = ButtonAsLinkProps & {
     /**
      * An [Icon]() to show at the beginning of the breadcrumb
      */
@@ -929,8 +929,12 @@ type BreadcrumbProps = ButtonProps & {
      * The text of the breadcrumb link
      */
     children: ReactNode;
+    /**
+     * The link to the page of the breadcrumb
+     */
+    href: string;
 };
-declare const Breadcrumb: ({ icon, children, ...props }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ icon, href, children, ...props }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonGroupButtonSize = ButtonSizes | 'natural';
 type ButtonGroupProps = ComponentPropsWithoutRef<'div'> & {
@@ -2956,6 +2960,7 @@ declare const ListItem: {
 type MarkProps = ComponentPropsWithoutRef<'div'> & {
     /** The content of the Mark component. */
     children: ReactNode;
+    /** Sets the [color scheme](/docs/color-schemes) */
     colorScheme?: ColorSchemeTypes;
 };
 /**

package/dist/index.js

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.21.4-beta.800805c4.f91bf1d
+ * @license @wistia/ui v0.21.4-beta.b00a8dea.d1976a6
  *
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
  *
@@ -9773,12 +9773,13 @@ var BreadcrumbContent = styled19.span`
   text-align: left;
   flex: 0;
 `;
-var Breadcrumb = ({ icon, children, ...props }) => {
+var Breadcrumb = ({ icon, href, children, ...props }) => {
   return /* @__PURE__ */ jsxs16(Fragment4, { children: [
     /* @__PURE__ */ jsx236(
       Button,
       {
         ...props,
+        href,
         leftIcon: icon,
         variant: "ghost",
         children: /* @__PURE__ */ jsx236(BreadcrumbContent, { "data-wui-breadcrumb": true, children })
@@ -19017,12 +19018,12 @@ var SelectedTabIndicator = () => {
 
 // src/components/Tabs/TabsList.tsx
 import { jsx as jsx353, jsxs as jsxs70 } from "react/jsx-runtime";
-var StyledRadixTabsList = styled111(RadixTabList)`
+var StyledTabsList = styled111(RadixTabList)`
   ${segmentedControlStyles}
 `;
 var TabsList = ({ children, fullWidth = true, ...props }) => {
   return /* @__PURE__ */ jsxs70(
-    StyledRadixTabsList,
+    StyledTabsList,
     {
       $fullWidth: fullWidth,
       "aria-label": props["aria-label"],
@@ -19039,10 +19040,10 @@ TabsList.displayName = "TabsList_UI";
 import { forwardRef as forwardRef36, useEffect as useEffect23, useRef as useRef24 } from "react";
 import { isNotNil as isNotNil42 } from "@wistia/type-guards";
 
-// src/components/Tabs/StyledRadixTabsTrigger.tsx
+// src/components/Tabs/StyledTabsTrigger.tsx
 import { styled as styled112 } from "styled-components";
 import { Trigger as RadixTabsTrigger } from "@radix-ui/react-tabs";
-var StyledRadixTabsTrigger = styled112(RadixTabsTrigger)`
+var StyledTabsTrigger = styled112(RadixTabsTrigger)`
   ${segmentedControlItemStyles}
 
   &:focus-visible {
@@ -19084,7 +19085,7 @@ var TabsTrigger = forwardRef36(
       };
     }, [selectedValue, setSelectedItemMeasurements, value]);
     return /* @__PURE__ */ jsxs71(
-      StyledRadixTabsTrigger,
+      StyledTabsTrigger,
       {
         ...otherProps,
         ref: combinedRef,