@wistia/ui 0.18.0-beta.782f3b36.e196b15 → 0.18.0-beta.af6ce7a5.9372ce9

package/dist/index.d.mts

@@ -711,18 +711,11 @@ type AlignContentType =
   | 'center'
   | 'flex-end'
   | 'flex-start'
-  | 'normal'
   | 'space-around'
   | 'space-between'
   | 'stretch';
 
-type AlignItemsType =
-  | 'baseline'
-  | 'center'
-  | 'flex-end'
-  | 'flex-start'
-  | 'normal'
-  | 'stretch';
+type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 
 type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 
@@ -1048,7 +1041,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
  * Cards can be used to visually distinguish content sections. Extends the [Box component.](https://wistia.github.io/vhs/storybook-ui/?path=/docs/components-box--docs)
  */
 declare const Card: {
-    ({ children, alignItems, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
+    ({ children, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -711,18 +711,11 @@ type AlignContentType =
   | 'center'
   | 'flex-end'
   | 'flex-start'
-  | 'normal'
   | 'space-around'
   | 'space-between'
   | 'stretch';
 
-type AlignItemsType =
-  | 'baseline'
-  | 'center'
-  | 'flex-end'
-  | 'flex-start'
-  | 'normal'
-  | 'stretch';
+type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 
 type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 
@@ -1048,7 +1041,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
  * Cards can be used to visually distinguish content sections. Extends the [Box component.](https://wistia.github.io/vhs/storybook-ui/?path=/docs/components-box--docs)
  */
 declare const Card: {
-    ({ children, alignItems, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
+    ({ children, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
     displayName: string;
 };
 

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.0-beta.782f3b36.e196b15
+ * @license @wistia/ui v0.18.0-beta.af6ce7a5.9372ce9
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7724,6 +7724,7 @@ var StyledButton = styled5.button`
   ${({ $variant }) => buttonVariantsStyles[$variant]}
   ${({ $unstyled }) => !$unstyled && buttonBaseStyles}
   ${({ $fullWidth }) => $fullWidth && "width: 100%;"}
+  align-self: flex-start;
   text-align: center;
 `;
 var StyledButtonContent = styled5.div`
@@ -8939,6 +8940,10 @@ var ButtonGroupComponent = styled14.div`
   justify-content: ${({ $align }) => getAlignment($align)};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
 
+  ${StyledButton} {
+    align-self: unset;
+  }
+
   ${mq.smAndUp} {
     flex-direction: row;
   }
@@ -9301,7 +9306,6 @@ var prominenceMap = {
 };
 var Card = ({
   children,
-  alignItems = "flex-start",
   border = false,
   borderRadius = "border-radius-04",
   colorScheme = "inherit",
@@ -9315,7 +9319,6 @@ var Card = ({
 }) => /* @__PURE__ */ jsx214(
   StyledCard,
   {
-    $alignItems: alignItems,
     $backgroundColor: prominenceMap[prominence].backgroundColor,
     $borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
     $borderRadius: borderRadius,