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