@wistia/ui 0.13.4-beta.2b044a7a.db3308f → 0.13.4-beta.3f03af7a.192f1d2

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.13.4-beta.2b044a7a.db3308f
+ * @license @wistia/ui v0.13.4-beta.3f03af7a.192f1d2
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -12234,11 +12234,6 @@ var StyledDataCard = import_styled_components67.default.div`
   position: relative;
   transition: background var(--wui-motion-duration-01) var(--wui-motion-ease);
 
-  &:has([data-wui-data-card-subtitle]) {
-    grid-template-areas: 'label slot' 'value value' 'subtitle subtitle';
-    grid-template-rows: auto auto auto;
-  }
-
   &[data-click-region] {
     [data-wui-data-card-hover-icon] {
       opacity: 0;
@@ -12325,9 +12320,6 @@ var StyledDataCardTrendContainer = import_styled_components67.default.div`
   bottom: var(--wui-space-01);
   right: var(--wui-space-01);
 `;
-var StyledSubtitle = (0, import_styled_components67.default)(Text)`
-  grid-area: subtitle;
-`;
 var DataCardInner = ({
   label,
   value,
@@ -12335,7 +12327,6 @@ var DataCardInner = ({
   colorScheme = "inherit",
   isLoading = false,
   trend,
-  subtitle,
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
   StyledDataCard,
@@ -12359,16 +12350,8 @@ var DataCardInner = ({
           children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledLoadingValue, {}) : value
         }
       ),
-      (0, import_type_guards37.isNotNil)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledSlot, { children: upperRightSlot }),
-      (0, import_type_guards37.isNotNil)(subtitle) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
-        StyledSubtitle,
-        {
-          "data-wui-data-card-subtitle": true,
-          variant: "label4",
-          children: subtitle
-        }
-      ),
-      (0, import_type_guards37.isNotNil)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledDataCardTrendContainer, { children: trend })
+      (0, import_type_guards37.isNotNull)(upperRightSlot) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledSlot, { children: upperRightSlot }),
+      (0, import_type_guards37.isNotNull)(trend) && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledDataCardTrendContainer, { children: trend })
     ]
   }
 );
@@ -12430,7 +12413,6 @@ var DataCards = ({
       ...props,
       $cardMaxWidth: cardMaxWidth,
       $colorScheme: colorScheme,
-      alignItems: "stretch",
       direction: "row",
       fill: "horizontal",
       gap: "space-02",