@wistia/ui 0.18.0-beta.782f3b36.e196b15 → 0.18.0-beta.9dd31b7e.fa98d59

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.9dd31b7e.fa98d59
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -8420,7 +8420,7 @@ var DEFAULT_ELEMENT = "div";
 var BoxComponent = forwardRef5(
   ({
     alignContent = "stretch",
-    alignItems = "stretch",
+    alignItems = "flex-start",
     alignSelf,
     basis,
     children,
@@ -9301,7 +9301,6 @@ var prominenceMap = {
 };
 var Card = ({
   children,
-  alignItems = "flex-start",
   border = false,
   borderRadius = "border-radius-04",
   colorScheme = "inherit",
@@ -9315,7 +9314,6 @@ var Card = ({
 }) => /* @__PURE__ */ jsx214(
   StyledCard,
   {
-    $alignItems: alignItems,
     $backgroundColor: prominenceMap[prominence].backgroundColor,
     $borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
     $borderRadius: borderRadius,
@@ -14842,6 +14840,7 @@ var FormField = ({
     id: computedId,
     label: isIntegratedLabel ? label : void 0,
     "aria-describedby": ariaDescribedby,
+    "aria-invalid": isNotNil28(computedError),
     ...props
   };
   if (isUndefined4(value) && isNotUndefined12(defaultValue)) {
@@ -14863,8 +14862,7 @@ var FormField = ({
     childProps = {
       ...childProps,
       name: computedName,
-      onChange: handleChange,
-      "aria-invalid": isNotNil28(error)
+      onChange: handleChange
     };
   }
   Children10.only(children);