From 25242d73d5526e5e0e93c80bd9eeb8c405807f88 Mon Sep 17 00:00:00 2001
From: dsgibbons <82195909+dsgibbons@users.noreply.github.com>
Date: Fri, 24 Feb 2023 07:19:18 +1030
Subject: [PATCH 1/2] Add input[type="tel"] to format phone inputs

---
 style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index f222a15..effb092 100644
--- a/style.css
+++ b/style.css
@@ -439,6 +439,7 @@ input[type="checkbox"][disabled]:checked + label::after {
 input[type="text"],
 input[type="password"],
 input[type="email"],
+input[type="tel"],
 input[type="number"],
 select,
 textarea {
@@ -456,6 +457,7 @@ textarea {
 input[type="text"],
 input[type="password"],
 input[type="email"],
+input[type="tel"],
 select {
   height: 21px;
 }
@@ -467,16 +469,19 @@ input[type="number"] {
 input[type="text"],
 input[type="password"],
 input[type="email"],
+input[type="tel"],
 input[type="number"] {
   /* For some reason descenders are getting cut off without this */
   line-height: 2;
 }
 
 input[type="email"]:disabled,
+input[type="tel"]:disabled,
 input[type="password"]:disabled,
 input[type="text"]:disabled,
 input[type="number"]:disabled,
 input[type="email"]:read-only,
+input[type="tel"]:read-only,
 input[type="password"]:read-only,
 input[type="text"]:read-only,
 input[type="number"]:read-only,
@@ -500,6 +505,7 @@ select:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="email"]:focus,
+input[type="tel"]:focus,
 input[type="number"]:focus,
 textarea:focus {
   outline: none;
@@ -831,4 +837,4 @@ table > tbody > tr.highlighted {
 table > tbody > tr > * {
   padding: 0 var(--grouped-element-spacing);
   height: 14px;
-}
\ No newline at end of file
+}

From 9b74f6a5305715dca263a21eb36950245c9c71ad Mon Sep 17 00:00:00 2001
From: dsgibbons <82195909+dsgibbons@users.noreply.github.com>
Date: Thu, 30 Mar 2023 07:00:45 +1030
Subject: [PATCH 2/2] Add example to index.html.ejs

---
 docs/index.html.ejs | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/index.html.ejs b/docs/index.html.ejs
index 2073dbf..3ed5560 100644
--- a/docs/index.html.ejs
+++ b/docs/index.html.ejs
@@ -413,6 +413,10 @@
           <label for="text${getNewId()}">Email</label>
           <input id="text${getCurrentId()}" type="email" value="admin@contoso.com"/>
         </div>
+        <div class="field-row-stacked" style="width: 200px">
+          <label for="text${getNewId()}">Phone</label>
+          <input id="text${getCurrentId()}" type="tel" value="636-555-3226"/>
+        </div>
         <div class="field-row-stacked" style="width: 200px">
           <label for="text${getNewId()}">Password</label>
           <input id="text${getCurrentId()}" type="password" value="hunter2"/>