@wistia/ui 0.8.11-beta.e173ddd6.cf9eec8 → 0.8.12
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 +7 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +12 -17
- package/dist/index.d.ts +12 -17
- package/dist/index.mjs +7 -10
- 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.8.
|
|
3
|
+
* @license @wistia/ui v0.8.12
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -1274,7 +1274,6 @@ var colorAliasTokens = import_styled_components3.css`
|
|
|
1274
1274
|
// src/css/designTokens/borderRadius.tsx
|
|
1275
1275
|
var import_styled_components4 = require("styled-components");
|
|
1276
1276
|
var borderRadiusTokens = import_styled_components4.css`
|
|
1277
|
-
--wui-border-radius-00: 0;
|
|
1278
1277
|
--wui-border-radius-01: 4px;
|
|
1279
1278
|
--wui-border-radius-02: 8px;
|
|
1280
1279
|
--wui-border-radius-03: 16px;
|
|
@@ -8041,7 +8040,7 @@ var StyledCard = (0, import_styled_components31.default)(Box)`
|
|
|
8041
8040
|
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
8042
8041
|
outline: 2px solid ${({ $borderColor }) => $borderColor};
|
|
8043
8042
|
outline-offset: -2px;
|
|
8044
|
-
border-radius:
|
|
8043
|
+
border-radius: var(--wui-border-radius-04);
|
|
8045
8044
|
display: flex;
|
|
8046
8045
|
height: ${({ $height }) => $height};
|
|
8047
8046
|
width: ${({ $width }) => $width};
|
|
@@ -8062,14 +8061,13 @@ var prominenceMap = {
|
|
|
8062
8061
|
};
|
|
8063
8062
|
var Card = ({
|
|
8064
8063
|
children,
|
|
8065
|
-
border = false,
|
|
8066
|
-
borderRadius = "border-radius-04",
|
|
8067
|
-
colorScheme = "inherit",
|
|
8068
|
-
direction = "column",
|
|
8069
|
-
gap = "space-03",
|
|
8070
|
-
height,
|
|
8071
8064
|
paddingSize = "space-04",
|
|
8065
|
+
gap = "space-03",
|
|
8066
|
+
direction = "column",
|
|
8067
|
+
colorScheme = "inherit",
|
|
8072
8068
|
prominence = "secondary",
|
|
8069
|
+
border = false,
|
|
8070
|
+
height,
|
|
8073
8071
|
width,
|
|
8074
8072
|
...props
|
|
8075
8073
|
}) => /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
|
|
@@ -8077,7 +8075,6 @@ var Card = ({
|
|
|
8077
8075
|
{
|
|
8078
8076
|
$backgroundColor: prominenceMap[prominence].backgroundColor,
|
|
8079
8077
|
$borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
|
|
8080
|
-
$borderRadius: borderRadius,
|
|
8081
8078
|
$colorScheme: colorScheme,
|
|
8082
8079
|
$height: height,
|
|
8083
8080
|
$paddingSize: paddingSize,
|