@wistia/ui 0.18.0-beta.46b86a85.538143d → 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.46b86a85.538143d
+ * @license @wistia/ui v0.18.0-beta.487a02f2.5478196
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -11675,7 +11675,6 @@ var Input = forwardRef15(
     autoSelect = false,
     leftIcon,
     rightIcon,
-    className,
     ...props
   }, externalRef) => {
     const internalRef = useRef9(null);
@@ -11712,7 +11711,6 @@ var Input = forwardRef15(
       {
         $fullWidth: fullWidth,
         $monospace: monospace,
-        className,
         "data-wui-input-container": true,
         children: [
           leftIconToDisplay ?? null,
@@ -14039,26 +14037,24 @@ import { styled as styled62, css as css34 } from "styled-components";
 import { useState as useState18, useRef as useRef16 } from "react";
 import { Fragment as Fragment8, jsx as jsx276, jsxs as jsxs42 } from "react/jsx-runtime";
 var StyledInput = styled62(Input)`
-  input {
-    &:not([rows]) {
-      min-height: unset;
-    }
+  &:not([rows]) {
+    min-height: unset;
+  }
 
-    && {
-      ${({ $variant }) => variantStyleMap[$variant]}
-      /* The input font styles (edit mode) needs the same font styles as Heading */
-      --wui-input-font-size: var(--font-size);
-      --wui-input-font-weight: var(--font-weight);
-      --wui-input-line-height: var(--line-height);
+  && {
+    ${({ $variant }) => variantStyleMap[$variant]}
+    /* The input font styles (edit mode) needs the same font styles as Heading */
+    --wui-input-font-size: var(--font-size);
+    --wui-input-font-weight: var(--font-weight);
+    --wui-input-line-height: var(--line-height);
 
-      font-family: var(--font-family);
-      width: 100%;
-      padding: var(--wui-space-02);
-      border: none;
-      height: ${({ $height }) => `${$height}px`};
-      min-height: ${({ $height }) => `${$height}px`};
-      resize: none;
-    }
+    font-family: var(--font-family);
+    width: 100%;
+    padding: var(--wui-space-02);
+    border: none;
+    height: ${({ $height }) => `${$height}px`};
+    min-height: ${({ $height }) => `${$height}px`};
+    resize: none;
   }
 `;
 var editableStyles = css34`