@wistia/ui 0.6.12 → 0.6.13
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 +12 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.mjs +29 -30
- 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.6.
|
|
3
|
+
* @license @wistia/ui v0.6.13
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -10041,12 +10041,14 @@ var getControlProps = (isOpen, onOpenChange) => {
|
|
|
10041
10041
|
// src/components/Popover/Popover.tsx
|
|
10042
10042
|
var import_jsx_runtime238 = require("react/jsx-runtime");
|
|
10043
10043
|
var StyledContent2 = (0, import_styled_components61.default)(import_react_popover.Content)`
|
|
10044
|
-
|
|
10045
|
-
|
|
10046
|
-
|
|
10047
|
-
|
|
10048
|
-
|
|
10049
|
-
|
|
10044
|
+
${({ $unstyled }) => !$unstyled && import_styled_components61.css`
|
|
10045
|
+
border-radius: var(--wui-border-radius-02);
|
|
10046
|
+
padding: var(--wui-space-04);
|
|
10047
|
+
max-width: 320px;
|
|
10048
|
+
background-color: var(--wui-color-bg-surface);
|
|
10049
|
+
box-shadow: var(--wui-elevation-01);
|
|
10050
|
+
border: 1px solid var(--wui-color-border);
|
|
10051
|
+
`}
|
|
10050
10052
|
|
|
10051
10053
|
[data-wui-popover-close] {
|
|
10052
10054
|
position: absolute;
|
|
@@ -10054,16 +10056,13 @@ var StyledContent2 = (0, import_styled_components61.default)(import_react_popove
|
|
|
10054
10056
|
right: var(--wui-space-02);
|
|
10055
10057
|
}
|
|
10056
10058
|
`;
|
|
10057
|
-
var StyledArrow = (0, import_styled_components61.default)(import_react_popover.Arrow)`
|
|
10058
|
-
fill: white;
|
|
10059
|
-
display: none;
|
|
10060
|
-
`;
|
|
10061
10059
|
var Popover = ({
|
|
10062
10060
|
children,
|
|
10063
10061
|
trigger,
|
|
10064
10062
|
isOpen = false,
|
|
10065
10063
|
hideCloseButton = false,
|
|
10066
10064
|
onOpenChange,
|
|
10065
|
+
unstyled = false,
|
|
10067
10066
|
...props
|
|
10068
10067
|
}) => {
|
|
10069
10068
|
return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(import_react_popover.Root, { ...getControlProps(isOpen, onOpenChange), children: [
|
|
@@ -10071,10 +10070,10 @@ var Popover = ({
|
|
|
10071
10070
|
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(import_react_popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
|
|
10072
10071
|
StyledContent2,
|
|
10073
10072
|
{
|
|
10074
|
-
sideOffset:
|
|
10073
|
+
sideOffset: 8,
|
|
10075
10074
|
...props,
|
|
10075
|
+
$unstyled: unstyled,
|
|
10076
10076
|
children: [
|
|
10077
|
-
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(StyledArrow, {}),
|
|
10078
10077
|
!hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(import_react_popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
10079
10078
|
IconButton,
|
|
10080
10079
|
{
|