@wistia/ui 0.18.0-beta.6d32b1a6.7a80f3d → 0.18.0-beta.782f3b36.e196b15

package/dist/index.d.mts

@@ -711,11 +711,18 @@ type AlignContentType =
   | 'center'
   | 'flex-end'
   | 'flex-start'
+  | 'normal'
   | 'space-around'
   | 'space-between'
   | 'stretch';
 
-type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
+type AlignItemsType =
+  | 'baseline'
+  | 'center'
+  | 'flex-end'
+  | 'flex-start'
+  | 'normal'
+  | 'stretch';
 
 type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 
@@ -1041,7 +1048,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, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
+    ({ children, alignItems, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
     displayName: string;
 };
 
@@ -2078,11 +2085,6 @@ type EditableTextRootProps = Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue
      * Whether the editable text is read only. If true, the editable text will not be editable and the trigger will not be shown.
      */
     readOnly?: boolean;
-    /**
-     * When true, prevents the text from entering edit mode
-     * @default false
-     */
-    disabled?: boolean;
     /**
      * The id of the editable text.
      */
@@ -2119,7 +2121,6 @@ type EditableTextContextValues = {
     typographicVariant: TypographicVariant;
     submitMode: 'blur' | 'both' | 'enter' | 'none';
     readOnly: boolean;
-    disabled: boolean;
     id: string;
     label: string;
     placeholder: string;
@@ -2128,7 +2129,7 @@ type EditableTextContextValues = {
     finalFocusEl: (() => HTMLElement | null) | undefined;
 };
 declare const EditableTextContext: react.Context<EditableTextContextValues | null>;
-declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, disabled, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX$1.Element;
+declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX$1.Element;
 
 type EditableTextProps = Omit<EditableTextRootProps, 'children'> & {
     /**

package/dist/index.d.ts

@@ -711,11 +711,18 @@ type AlignContentType =
   | 'center'
   | 'flex-end'
   | 'flex-start'
+  | 'normal'
   | 'space-around'
   | 'space-between'
   | 'stretch';
 
-type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
+type AlignItemsType =
+  | 'baseline'
+  | 'center'
+  | 'flex-end'
+  | 'flex-start'
+  | 'normal'
+  | 'stretch';
 
 type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
 
@@ -1041,7 +1048,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, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
+    ({ children, alignItems, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
     displayName: string;
 };
 
@@ -2078,11 +2085,6 @@ type EditableTextRootProps = Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue
      * Whether the editable text is read only. If true, the editable text will not be editable and the trigger will not be shown.
      */
     readOnly?: boolean;
-    /**
-     * When true, prevents the text from entering edit mode
-     * @default false
-     */
-    disabled?: boolean;
     /**
      * The id of the editable text.
      */
@@ -2119,7 +2121,6 @@ type EditableTextContextValues = {
     typographicVariant: TypographicVariant;
     submitMode: 'blur' | 'both' | 'enter' | 'none';
     readOnly: boolean;
-    disabled: boolean;
     id: string;
     label: string;
     placeholder: string;
@@ -2128,7 +2129,7 @@ type EditableTextContextValues = {
     finalFocusEl: (() => HTMLElement | null) | undefined;
 };
 declare const EditableTextContext: react.Context<EditableTextContextValues | null>;
-declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, disabled, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX$1.Element;
+declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX$1.Element;
 
 type EditableTextProps = Omit<EditableTextRootProps, 'children'> & {
     /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.0-beta.6d32b1a6.7a80f3d
+ * @license @wistia/ui v0.18.0-beta.782f3b36.e196b15
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -8420,7 +8420,7 @@ var DEFAULT_ELEMENT = "div";
 var BoxComponent = forwardRef5(
   ({
     alignContent = "stretch",
-    alignItems = "flex-start",
+    alignItems = "stretch",
     alignSelf,
     basis,
     children,
@@ -9301,6 +9301,7 @@ var prominenceMap = {
 };
 var Card = ({
   children,
+  alignItems = "flex-start",
   border = false,
   borderRadius = "border-radius-04",
   colorScheme = "inherit",
@@ -9314,6 +9315,7 @@ var Card = ({
 }) => /* @__PURE__ */ jsx214(
   StyledCard,
   {
+    $alignItems: alignItems,
     $backgroundColor: prominenceMap[prominence].backgroundColor,
     $borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
     $borderRadius: borderRadius,
@@ -14230,7 +14232,6 @@ var EditableTextRoot = ({
   typographicVariant = "body2",
   submitMode = "both",
   readOnly = false,
-  disabled = false,
   id,
   label,
   placeholder = "Click to edit this text",
@@ -14248,14 +14249,13 @@ var EditableTextRoot = ({
   const computedId = isNonEmptyString6(id) ? id : `wistia-ui-editable-text-${generatedId}`;
   const handleSetIsEditing = useCallback16(
     (editing) => {
-      if (disabled) return;
       if (editing && !isEditing) {
         setOriginalValue(value);
       }
       setIsEditing(editing);
       onEditingChange?.(editing);
     },
-    [disabled, isEditing, value, onEditingChange]
+    [isEditing, value, onEditingChange]
   );
   const setValue = useCallback16(
     (newValue) => {
@@ -14278,7 +14278,6 @@ var EditableTextRoot = ({
       typographicVariant,
       submitMode,
       readOnly,
-      disabled,
       id: computedId,
       label,
       placeholder,
@@ -14297,7 +14296,6 @@ var EditableTextRoot = ({
     typographicVariant,
     submitMode,
     readOnly,
-    disabled,
     computedId,
     label,
     placeholder,
@@ -14309,9 +14307,6 @@ var EditableTextRoot = ({
     if (readOnly) {
       return "read-only";
     }
-    if (disabled) {
-      return "disabled";
-    }
     if (isEditing) {
       return "editing";
     }
@@ -14372,16 +14367,7 @@ var EditableTextDisplayComponent = forwardRef21(
     if (!context) {
       throw new Error("EditableTextDisplay must be used within an EditableTextRoot context");
     }
-    const {
-      value,
-      typographicVariant,
-      setIsEditing,
-      placeholder,
-      maxLines,
-      isEditing,
-      minLines,
-      disabled
-    } = context;
+    const { value, typographicVariant, setIsEditing, placeholder, maxLines, isEditing, minLines } = context;
     const triggerButtonRef = useRef17(null);
     const handleTriggerClick = () => {
       setIsEditing(true);
@@ -14392,7 +14378,7 @@ var EditableTextDisplayComponent = forwardRef21(
     if (isEditing) {
       return null;
     }
-    if (asTrigger && !context.readOnly && !disabled) {
+    if (asTrigger && !context.readOnly) {
       return /* @__PURE__ */ jsx278(ClickRegion, { targetRef: triggerButtonRef, children: /* @__PURE__ */ jsxs43(
         StyledEditableTextDisplay,
         {