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

package/dist/index.cjs

@@ -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.
  *
@@ -11849,7 +11849,6 @@ var Input = (0, import_react47.forwardRef)(
     autoSelect = false,
     leftIcon,
     rightIcon,
-    className,
     ...props
   }, externalRef) => {
     const internalRef = (0, import_react47.useRef)(null);
@@ -11886,7 +11885,6 @@ var Input = (0, import_react47.forwardRef)(
       {
         $fullWidth: fullWidth,
         $monospace: monospace,
-        className,
         "data-wui-input-container": true,
         children: [
           leftIconToDisplay ?? null,
@@ -14189,26 +14187,24 @@ var import_styled_components81 = require("styled-components");
 var import_react63 = require("react");
 var import_jsx_runtime276 = require("react/jsx-runtime");
 var StyledInput = (0, import_styled_components81.styled)(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 = import_styled_components81.css`
@@ -15024,7 +15020,9 @@ var FormField = ({
     StyledFormField,
     {
       ...props,
+      "aria-labelledby": computedId,
       "data-label-position": labelPosition ?? formState.labelPosition,
+      role: "group",
       children: [
         !isIntegratedLabel && /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
           Label,