add pattern for single-input security code field intended to be fille…

…d by a device (#237)

client/docs/forms/login/security-code-device.md

@@ -0,0 +1,47 @@
+---
+slug: security-code-device
+title: security code (device)
+sidebar_position: 21
+description: A form that expects a code filled by a security HID
+as_seen_on: Bitwarden login
+---
+
+<div class="container margin-vert--xl">
+  <div class="row">
+    <div class="card col col--12 padding--md">
+      <form
+        class="card__body"
+        method="POST"
+        action="/login"
+      >
+        <div class="row">
+          <div class="col col--12 margin-bottom--md">
+            <label class="tw-mb-1 tw-block tw-font-semibold tw-text-main" for="input-4">
+              <span>Verification code</span>
+              <small> (required)</small>
+            </label>
+            <br />
+            <input
+              autocapitalize="none"
+              autocomplete="off"
+              autocorrect="none"
+              id="input-4"
+              inputmode="verbatim"
+              name="input-4"
+              type="password"
+              required
+            />
+          </div>
+          <div class="col col--12 margin-bottom--md">
+          <button
+            type="submit"
+            class="col col--4 button button--primary"
+          >
+            <span>Continue</span>
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+<hr />

client/docs/forms/login/security-code-multi-input.mdx

@@ -1,7 +1,7 @@
 ---
 slug: security-code-multi-input
 title: security code (multi-input)
-sidebar_position: 21
+sidebar_position: 22
 description: A form that requires a security code with each numerical digit as it's own input
 as_seen_on: PayPal login
 ---

client/docs/forms/login/security-code.md

@@ -2,7 +2,7 @@
 slug: security-code
 title: security code
 sidebar_position: 20
-description: A form that requires a security code
+description: A form that expects an authenticator security code
 as_seen_on: Bitwarden login
 ---
 
@@ -28,7 +28,7 @@ as_seen_on: Bitwarden login
               id="input-3"
               inputmode="verbatim"
               name="input-3"
-              type="password"
+              type="text"
               required
             />
           </div>