@wistia/ui 0.18.0-beta.3b5be3b3.9e2fe2f → 0.18.0-beta.487a02f2.5478196

package/dist/index.d.mts

@@ -673,12 +673,19 @@ type BannerImageProps = ComponentPropsWithoutRef<'div'> & {
      * Alternative text description of the image for accessibility
      */
     alt?: string;
+    /**
+     * The aspect ratio that the image should _try_ to maintain.
+     */
+    aspectRatio?: 'square' | 'wide' | {
+        height: number;
+        width: number;
+    };
     /**
      * Position of the image within the banner layout. Only applies in horizontal orientation.
      */
     alignment?: 'left' | 'right';
 };
-declare const BannerImage: ({ alignment, alt, src, ...props }: BannerImageProps) => react_jsx_runtime.JSX.Element;
+declare const BannerImage: ({ alignment, alt, aspectRatio, src, ...props }: BannerImageProps) => react_jsx_runtime.JSX.Element;
 
 type UnknownRecord = Record<string, unknown>;
 type PropsOf<Component extends ElementType> = ComponentPropsWithoutRef<Component>;

package/dist/index.d.ts

@@ -673,12 +673,19 @@ type BannerImageProps = ComponentPropsWithoutRef<'div'> & {
      * Alternative text description of the image for accessibility
      */
     alt?: string;
+    /**
+     * The aspect ratio that the image should _try_ to maintain.
+     */
+    aspectRatio?: 'square' | 'wide' | {
+        height: number;
+        width: number;
+    };
     /**
      * Position of the image within the banner layout. Only applies in horizontal orientation.
      */
     alignment?: 'left' | 'right';
 };
-declare const BannerImage: ({ alignment, alt, src, ...props }: BannerImageProps) => react_jsx_runtime.JSX.Element;
+declare const BannerImage: ({ alignment, alt, aspectRatio, src, ...props }: BannerImageProps) => react_jsx_runtime.JSX.Element;
 
 type UnknownRecord = Record<string, unknown>;
 type PropsOf<Component extends ElementType> = ComponentPropsWithoutRef<Component>;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.0-beta.3b5be3b3.9e2fe2f
+ * @license @wistia/ui v0.18.0-beta.487a02f2.5478196
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7724,7 +7724,6 @@ 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`
@@ -8940,10 +8939,6 @@ var ButtonGroupComponent = styled14.div`
   justify-content: ${({ $align }) => getAlignment($align)};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
 
-  ${StyledButton} {
-    align-self: unset;
-  }
-
   ${mq.smAndUp} {
     flex-direction: row;
   }