@wistia/ui 0.18.5 → 0.18.6
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 +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +8 -8
- 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.18.
|
|
3
|
+
* @license @wistia/ui v0.18.6
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -9248,7 +9248,7 @@ var Banner = ({
|
|
|
9248
9248
|
onClose,
|
|
9249
9249
|
orientation = "horizontal",
|
|
9250
9250
|
primaryAction,
|
|
9251
|
-
prominence = "
|
|
9251
|
+
prominence = "primary",
|
|
9252
9252
|
secondaryAction,
|
|
9253
9253
|
...props
|
|
9254
9254
|
}) => {
|
|
@@ -9273,10 +9273,10 @@ var Banner = ({
|
|
|
9273
9273
|
const hasActions = (0, import_type_guards25.isNotNil)(primaryAction) || (0, import_type_guards25.isNotNil)(secondaryAction);
|
|
9274
9274
|
const contentDirection = (0, import_react31.useMemo)(() => {
|
|
9275
9275
|
if (orientation === "horizontal" && !hasActions) return "row";
|
|
9276
|
-
return !shouldShowImage && prominence === "
|
|
9276
|
+
return !shouldShowImage && prominence === "primary" && !isSmallContainer && !isVerticalLayout ? "row" : "column";
|
|
9277
9277
|
}, [orientation, shouldShowImage, prominence, isSmallContainer, isVerticalLayout, hasActions]);
|
|
9278
|
-
const headingVariant = isSmallContainer || prominence === "
|
|
9279
|
-
const textVariant = prominence === "
|
|
9278
|
+
const headingVariant = isSmallContainer || prominence === "primary" ? "heading5" : "heading3";
|
|
9279
|
+
const textVariant = prominence === "primary" || isSmallContainer ? "body3" : "body2";
|
|
9280
9280
|
const buttonSize = isSmallContainer ? "sm" : "md";
|
|
9281
9281
|
return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
|
|
9282
9282
|
StyledBanner,
|
|
@@ -9541,7 +9541,7 @@ var StyledCard = (0, import_styled_components37.styled)(Box)`
|
|
|
9541
9541
|
width: ${({ $width }) => $width};
|
|
9542
9542
|
`;
|
|
9543
9543
|
var prominenceMap = {
|
|
9544
|
-
|
|
9544
|
+
primary: {
|
|
9545
9545
|
backgroundColor: "var(--wui-color-bg-surface)",
|
|
9546
9546
|
borderColor: "var(--wui-color-border)"
|
|
9547
9547
|
},
|
|
@@ -13742,7 +13742,7 @@ var FilterMenu = (0, import_react60.forwardRef)(
|
|
|
13742
13742
|
border: false,
|
|
13743
13743
|
borderRadius: "border-radius-02",
|
|
13744
13744
|
paddingSize: "space-01",
|
|
13745
|
-
prominence: "
|
|
13745
|
+
prominence: "primary",
|
|
13746
13746
|
style: {
|
|
13747
13747
|
position: "absolute",
|
|
13748
13748
|
top: 0,
|
|
@@ -13797,7 +13797,7 @@ var FilterMenu = (0, import_react60.forwardRef)(
|
|
|
13797
13797
|
border: false,
|
|
13798
13798
|
borderRadius: "border-radius-02",
|
|
13799
13799
|
paddingSize: "space-01",
|
|
13800
|
-
prominence: "
|
|
13800
|
+
prominence: "primary",
|
|
13801
13801
|
style: {
|
|
13802
13802
|
position: "absolute",
|
|
13803
13803
|
bottom: 0,
|