@wistia/ui 0.14.8 → 0.14.9-beta.e233b049.da5734b

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.8
+ * @license @wistia/ui v0.14.9-beta.e233b049.da5734b
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -14277,6 +14277,13 @@ var Header = import_styled_components86.default.header`
   /* DialogTitle creates an h2 element which inherits some margin */
   h2 {
     margin: 0 0 var(--wui-space-03);
+    padding-right: ${({ $hideCloseButon }) => $hideCloseButon ? "0" : "var(--wui-space-03)"};
+  }
+
+  button {
+    position: absolute;
+    right: var(--wui-space-03);
+    top: var(--wui-space-03);
   }
 `;
 var Title = (0, import_styled_components86.default)(import_react_dialog2.Title)`
@@ -14291,10 +14298,17 @@ var ModalHeader = ({
   hideCloseButton
 }) => {
   const TitleComponent = hideTitle ? /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(ScreenReaderOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(Title, { children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(Title, { children: title });
-  return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(Header, { $hideTitle: hideTitle, children: [
-    TitleComponent,
-    hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(ModalCloseButton, {})
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(
+    Header,
+    {
+      $hideCloseButon: hideCloseButton,
+      $hideTitle: hideTitle,
+      children: [
+        TitleComponent,
+        hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(ModalCloseButton, {})
+      ]
+    }
+  );
 };
 
 // src/components/Modal/ModalContent.tsx
@@ -14548,7 +14562,7 @@ var Modal = (0, import_react71.forwardRef)(
               ...props,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(ModalBody, { children }),
-                /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+                hideCloseButton && hideTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
                   ModalHeader,
                   {
                     hideCloseButton,
@@ -15045,13 +15059,14 @@ var StyledCard2 = import_styled_components94.default.label`
   --wui-radio-card-border-radius: var(--wui-border-radius-02);
 
   position: relative;
-  display: flex;
+  display: inline-flex;
   padding: ${({ $padding }) => `var(--wui-${$padding})`};
   aspect-ratio: ${({ $aspectRatio }) => $aspectRatio};
   border: var(--wui-radio-card-border-width) solid var(--wui-radio-card-border-color);
   border-radius: var(--wui-radio-card-border-radius);
   background-color: var(--wui-radio-card-background-color);
   cursor: var(--wui-radio-card-cursor);
+  overflow: hidden;
   transition: all var(--wui-motion-duration-03) var(--wui-motion-ease);
 
   svg {
@@ -15229,7 +15244,7 @@ var RadioCardDefaultLayout = ({
           gap: "space-01",
           style: (0, import_type_guards55.isNotNil)(icon) ? { paddingLeft: 2 } : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Text, { variant: "label3", children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("strong", { children: label }) }),
+            (0, import_type_guards55.isNotNil)(label) && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Text, { variant: "label3", children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("strong", { children: label }) }),
             (0, import_type_guards55.isNotNil)(description) && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
               Text,
               {
@@ -15249,13 +15264,14 @@ RadioCardDefaultLayout.displayName = "RadioCardDefaultLayout_UI";
 // src/components/RadioCard/RadioCard.tsx
 var import_jsx_runtime289 = require("react/jsx-runtime");
 var RadioCard = (0, import_react74.forwardRef)(
-  ({ icon, label, description, showIndicator, ...rootProps }, ref) => {
+  ({ icon, label, description, showIndicator, children, ...rootProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       RadioCardRoot,
       {
         ref,
+        padding: children != null ? "space-00" : "space-04",
         ...rootProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+        children: children != null ? /* @__PURE__ */ (0, import_jsx_runtime289.jsx)("div", { "data-wui-radio-card-image": "cover", children }) : /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
           RadioCardDefaultLayout,
           {
             description,