@wistia/ui 0.18.0-beta.978703a9.78cdfd1 → 0.18.0-beta.af6ce7a5.9372ce9

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.0-beta.978703a9.78cdfd1
+ * @license @wistia/ui v0.18.0-beta.af6ce7a5.9372ce9
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -3370,7 +3370,7 @@ var StyledToast = import_styled_components17.styled.div`
   justify-content: space-between;
   min-height: 56px;
   width: 356px;
-  border-radius: var(--wui-border-radius-02);
+  border-radius: var(--wui-border-radius-01);
   background-color: var(--wui-color-bg-surface);
   border: 1px solid var(--wui-color-border);
   color: var(--wui-color-text);
@@ -3386,28 +3386,13 @@ var StyledToast = import_styled_components17.styled.div`
     flex: 0 0 16px;
   }
 `;
-var Action = ({
-  actionButton,
-  toastId
-}) => {
+var Action = ({ actionButton }) => {
   if ((0, import_type_guards11.isNotNil)(actionButton) && (0, import_react19.isValidElement)(actionButton)) {
-    const { onClick, ...restProps } = actionButton.props;
-    const handleClick = (event) => {
-      if (onClick) {
-        onClick(
-          event,
-          toastId ?? ""
-        );
-      }
-    };
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActionWrapper, { children: (0, import_react19.cloneElement)(actionButton, {
-      ...restProps,
       variant: "soft",
       // force Button variant
-      size: "sm",
+      size: "sm"
       // force Button size
-      onClick: handleClick
-      // decorate onClick function with new args
     }) });
   }
   return null;
@@ -3417,7 +3402,6 @@ var Toast = ({
   message,
   colorScheme = "inherit",
   icon,
-  toastId,
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -3430,13 +3414,7 @@ var Toast = ({
           (0, import_type_guards11.isNotNil)(icon) ? icon : null,
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Message, { lines: 3, children: message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          Action,
-          {
-            actionButton: action,
-            toastId
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Action, { actionButton: action })
       ]
     }
   );
@@ -3449,15 +3427,14 @@ var useToast = () => {
   return (0, import_react20.useCallback)(
     ({ message, action, colorScheme, icon, position = "bottom-left", duration = 3e3 }) => {
       import_sonner2.toast.custom(
-        (toastId) => {
+        () => {
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Toast,
             {
               action,
               colorScheme,
               icon,
-              message,
-              toastId: String(toastId)
+              message
             }
           );
         },
@@ -7927,6 +7904,7 @@ var StyledButton = import_styled_components22.styled.button`
   ${({ $variant }) => buttonVariantsStyles[$variant]}
   ${({ $unstyled }) => !$unstyled && buttonBaseStyles}
   ${({ $fullWidth }) => $fullWidth && "width: 100%;"}
+  align-self: flex-start;
   text-align: center;
 `;
 var StyledButtonContent = import_styled_components22.styled.div`
@@ -8623,7 +8601,7 @@ var DEFAULT_ELEMENT = "div";
 var BoxComponent = (0, import_react27.forwardRef)(
   ({
     alignContent = "stretch",
-    alignItems = "flex-start",
+    alignItems = "stretch",
     alignSelf,
     basis,
     children,
@@ -9142,6 +9120,10 @@ var ButtonGroupComponent = import_styled_components31.styled.div`
   justify-content: ${({ $align }) => getAlignment($align)};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
 
+  ${StyledButton} {
+    align-self: unset;
+  }
+
   ${mq.smAndUp} {
     flex-direction: row;
   }