@wistia/ui 0.15.5 → 0.15.6-beta.4b8f1bea.4ad60a9

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.15.5
+ * @license @wistia/ui v0.15.6-beta.4b8f1bea.4ad60a9
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7741,6 +7741,12 @@ var StyledLink = import_styled_components21.default.a`
     text-decoration: ${({ $underline }) => $underline === "hover" || $underline === "always" ? "underline" : "none"};
   }
 
+  button& {
+    display: inline;
+    line-height: inherit;
+    vertical-align: baseline;
+  }
+
   && {
     svg {
       width: 14px;
@@ -7803,6 +7809,7 @@ var Link = (0, import_react22.forwardRef)(
         {
           ref,
           as: "button",
+          "data-link-type": "button",
           type: "button",
           ...props,
           ...commonProps,
@@ -18230,19 +18237,24 @@ WistiaLogo.displayName = "WistiaLogo_UI";
 // src/components/SplitButton/SplitButton.tsx
 var import_styled_components129 = __toESM(require("styled-components"));
 var import_type_guards76 = require("@wistia/type-guards");
+var import_react102 = require("react");
 var import_jsx_runtime328 = require("react/jsx-runtime");
 var StyledSplitButton = import_styled_components129.default.span`
+  ${({ $colorScheme }) => getColorScheme($colorScheme)};
   white-space: nowrap;
 
-  > [data-wui-button='true']:first-child {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
+  &:has(:nth-child(2)) {
+    > [data-wui-button='true']:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      padding-right: 0;
+    }
 
-  > [data-wui-button='true']:last-child {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    display: inline-flex;
+    > [data-wui-button='true']:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      display: inline-flex;
+    }
   }
 `;
 var SplitButton = ({
@@ -18251,7 +18263,7 @@ var SplitButton = ({
   menuIcon = /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(Icon, { type: "caret-down" }),
   menuItems,
   disabled = false,
-  colorScheme = "default",
+  colorScheme = "inherit",
   variant = "solid",
   secondaryAction,
   size = "md",
@@ -18259,11 +18271,10 @@ var SplitButton = ({
   menuProps = {},
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(StyledSplitButton, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(StyledSplitButton, { $colorScheme: colorScheme, children: [
     /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
       Button,
       {
-        colorScheme,
         disabled,
         size,
         unstyled,
@@ -18280,7 +18291,6 @@ var SplitButton = ({
         trigger: /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
           IconButton,
           {
-            colorScheme,
             disabled,
             label: menuLabel,
             size,
@@ -18292,7 +18302,7 @@ var SplitButton = ({
         children: menuItems
       }
     ),
-    (0, import_type_guards76.isNotNil)(secondaryAction) && secondaryAction
+    (0, import_type_guards76.isNotNil)(secondaryAction) && (0, import_react102.cloneElement)(secondaryAction, { disabled, size, unstyled, variant, colorScheme })
   ] });
 };
 SplitButton.displayName = "SplitButton_UI";