feat: hide label on hidden input type

src/react-components/input-field.tsx

@@ -40,7 +40,7 @@ export const InputField = ({
       data-testid={dataTestid}
       className={cn(className, gridStyle({ gap: 4 }))}
     >
-      {title && (
+      {title && props.type !== "hidden" && (
         <label
           htmlFor={inputId}
           className={typographyStyle({ size: "small", type: "regular" })}

src/react-components/ory/helpers/node.spec.tsx

@@ -0,0 +1,28 @@
+import { test, expect } from "@playwright/experimental-ct-react"
+import { Node } from "./node"
+
+test("hidden input field shouldn't show label", async ({ mount }) => {
+  const component = await mount(
+    <Node
+      node={{
+        group: "default",
+        attributes: {
+          name: "name",
+          disabled: false,
+          type: "hidden",
+          node_type: "input",
+          label: {
+            type: "info",
+            text: "Hidden input",
+            id: 1234,
+          },
+        },
+        messages: [],
+        meta: {},
+        type: "input",
+      }}
+    />,
+  )
+
+  await expect(component).toBeHidden()
+})