@wistia/ui 0.8.12 → 0.8.13-beta.b4cfc6cf.8ecf568

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.12
+ * @license @wistia/ui v0.8.13-beta.b4cfc6cf.8ecf568
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1274,6 +1274,7 @@ var colorAliasTokens = import_styled_components3.css`
 // src/css/designTokens/borderRadius.tsx
 var import_styled_components4 = require("styled-components");
 var borderRadiusTokens = import_styled_components4.css`
+  --wui-border-radius-00: 0;
   --wui-border-radius-01: 4px;
   --wui-border-radius-02: 8px;
   --wui-border-radius-03: 16px;
@@ -2734,9 +2735,7 @@ var scopeTab = (node, event) => {
   }
 };
 var createAriaHider = (containerNode, selector) => {
-  if (selector === void 0) {
-    selector = "body > :not(script)";
-  }
+  selector ??= "body > :not(script)";
   const rootNodes = Array.from(document.querySelectorAll(selector)).map((node) => {
     if (node.contains(containerNode)) {
       return void 0;
@@ -8040,7 +8039,7 @@ var StyledCard = (0, import_styled_components31.default)(Box)`
   background-color: ${({ $backgroundColor }) => $backgroundColor};
   outline: 2px solid ${({ $borderColor }) => $borderColor};
   outline-offset: -2px;
-  border-radius: var(--wui-border-radius-04);
+  border-radius: ${({ $borderRadius }) => `var(--wui-${$borderRadius})`};
   display: flex;
   height: ${({ $height }) => $height};
   width: ${({ $width }) => $width};
@@ -8061,13 +8060,14 @@ var prominenceMap = {
 };
 var Card = ({
   children,
-  paddingSize = "space-04",
-  gap = "space-03",
-  direction = "column",
-  colorScheme = "inherit",
-  prominence = "secondary",
   border = false,
+  borderRadius = "border-radius-04",
+  colorScheme = "inherit",
+  direction = "column",
+  gap = "space-03",
   height,
+  paddingSize = "space-04",
+  prominence = "secondary",
   width,
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
@@ -8075,6 +8075,7 @@ var Card = ({
   {
     $backgroundColor: prominenceMap[prominence].backgroundColor,
     $borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
+    $borderRadius: borderRadius,
     $colorScheme: colorScheme,
     $height: height,
     $paddingSize: paddingSize,