@wistia/ui 0.14.22 → 0.14.23-beta.efb9e2bb.f9aa0a1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.14.22
3
+ * @license @wistia/ui v0.14.23-beta.efb9e2bb.f9aa0a1
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -8742,14 +8742,14 @@ var Banner = ({
8742
8742
  if (isSmallContainer) return shouldShowImage ? "inline" : "above";
8743
8743
  return prominence === "secondary" ? "inline" : "above";
8744
8744
  }, [icon, isSmallContainer, shouldShowImage, prominence]);
8745
- const contentDirection = (0, import_react31.useMemo)(
8746
- () => !shouldShowImage && prominence === "default" && !isSmallContainer && !isVerticalLayout ? "row" : "column",
8747
- [shouldShowImage, prominence, isSmallContainer, isVerticalLayout]
8748
- );
8745
+ const hasActions = (0, import_type_guards24.isNotNil)(primaryAction) || (0, import_type_guards24.isNotNil)(secondaryAction);
8746
+ const contentDirection = (0, import_react31.useMemo)(() => {
8747
+ if (orientation === "horizontal" && !hasActions) return "row";
8748
+ return !shouldShowImage && prominence === "default" && !isSmallContainer && !isVerticalLayout ? "row" : "column";
8749
+ }, [orientation, shouldShowImage, prominence, isSmallContainer, isVerticalLayout, hasActions]);
8749
8750
  const headingVariant = isSmallContainer || prominence === "default" ? "heading5" : "heading3";
8750
8751
  const textVariant = prominence === "default" || isSmallContainer ? "body3" : "body2";
8751
8752
  const buttonSize = isSmallContainer ? "sm" : "md";
8752
- const hasActions = (0, import_type_guards24.isNotNil)(primaryAction) || (0, import_type_guards24.isNotNil)(secondaryAction);
8753
8753
  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
8754
8754
  StyledBanner,
8755
8755
  {
@@ -9480,6 +9480,7 @@ var StyledCheckboxInput = import_styled_components43.default.div`
9480
9480
  `;
9481
9481
  var StyledHiddenCheckboxInput = import_styled_components43.default.input`
9482
9482
  ${visuallyHiddenStyle}
9483
+ position: relative;
9483
9484
  `;
9484
9485
  var Checkbox = (0, import_react38.forwardRef)(
9485
9486
  ({