@wistia/ui 0.18.0-beta.46b86a85.538143d → 0.18.0-beta.613e8e53.b4159b2

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.0-beta.46b86a85.538143d
+ * @license @wistia/ui v0.18.0-beta.613e8e53.b4159b2
  *
  * 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`
@@ -14874,7 +14870,9 @@ var FormField = ({
     StyledFormField,
     {
       ...props,
+      "aria-labelledby": computedId,
       "data-label-position": labelPosition ?? formState.labelPosition,
+      role: "group",
       children: [
         !isIntegratedLabel && /* @__PURE__ */ jsx283(
           Label,