@wistia/ui 0.14.8 → 0.14.9
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 +20 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +20 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.14.
|
|
3
|
+
* @license @wistia/ui v0.14.9
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -14277,6 +14277,13 @@ var Header = import_styled_components86.default.header`
|
|
|
14277
14277
|
/* DialogTitle creates an h2 element which inherits some margin */
|
|
14278
14278
|
h2 {
|
|
14279
14279
|
margin: 0 0 var(--wui-space-03);
|
|
14280
|
+
padding-right: ${({ $hideCloseButon }) => $hideCloseButon ? "0" : "var(--wui-space-03)"};
|
|
14281
|
+
}
|
|
14282
|
+
|
|
14283
|
+
button {
|
|
14284
|
+
position: absolute;
|
|
14285
|
+
right: var(--wui-space-03);
|
|
14286
|
+
top: var(--wui-space-03);
|
|
14280
14287
|
}
|
|
14281
14288
|
`;
|
|
14282
14289
|
var Title = (0, import_styled_components86.default)(import_react_dialog2.Title)`
|
|
@@ -14291,10 +14298,17 @@ var ModalHeader = ({
|
|
|
14291
14298
|
hideCloseButton
|
|
14292
14299
|
}) => {
|
|
14293
14300
|
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 });
|
|
14294
|
-
return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(
|
|
14295
|
-
|
|
14296
|
-
|
|
14297
|
-
|
|
14301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(
|
|
14302
|
+
Header,
|
|
14303
|
+
{
|
|
14304
|
+
$hideCloseButon: hideCloseButton,
|
|
14305
|
+
$hideTitle: hideTitle,
|
|
14306
|
+
children: [
|
|
14307
|
+
TitleComponent,
|
|
14308
|
+
hideCloseButton ? null : /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(ModalCloseButton, {})
|
|
14309
|
+
]
|
|
14310
|
+
}
|
|
14311
|
+
);
|
|
14298
14312
|
};
|
|
14299
14313
|
|
|
14300
14314
|
// src/components/Modal/ModalContent.tsx
|
|
@@ -14548,7 +14562,7 @@ var Modal = (0, import_react71.forwardRef)(
|
|
|
14548
14562
|
...props,
|
|
14549
14563
|
children: [
|
|
14550
14564
|
/* @__PURE__ */ (0, import_jsx_runtime282.jsx)(ModalBody, { children }),
|
|
14551
|
-
/* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
|
|
14565
|
+
hideCloseButton && hideTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
|
|
14552
14566
|
ModalHeader,
|
|
14553
14567
|
{
|
|
14554
14568
|
hideCloseButton,
|