playbook_ui_docs 15.0.0.pre.alpha.PLAY2423circleiconbuttonaria10326 → 15.0.0.pre.alpha.PLAY2467contactkitinternational10329

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3c15462eaaa117869d1c2a19ab737f79e42cf4cfd8433c242a10e67b7f29c207
-  data.tar.gz: 8d9400e17d3c04618871600ede2d021bb9e665eb694c7ba5110017e5708e3830
+  metadata.gz: 1ddf5b71ec8cd139aab7b582651ee013d6197d1f9314ac23f36e79326dc3703b
+  data.tar.gz: 9656375b5312c3f24ddf341c06ad88419212afcab8e5512954f9c91f89438dca
 SHA512:
-  metadata.gz: bd9f11a5602cb27ec8959fb5003e87473d7c98a8bdb8d39c23aba91a75dacd93012effcd65d811d5f945f266537fcb4016745f1cd6d70a54f4578a4fbcab712e
-  data.tar.gz: 65934dd4d200da7b160a0cd594726107ccf036cdb4649583c5e89b51c54763ac324251cf40b9e10ba0d6266491caf8bc721565af259e2f97f144d9146e0133d1
+  metadata.gz: 3962e3967f6e929268089ca85de8dee4645b30f72dfe15250541b9c9ab9a7145cb132d9f1673ce754e37589ab87ceebf604b8320f4c15fecb2c1b19c813cc427
+  data.tar.gz: 44120daf66b8d884a2334b8967372936c2572ad65838dac76d275c8547e1c154e31049d2906f077a8e4b9954f6232584630bcb1c0f5daa90ba220cc7312c03a6

data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb

@@ -13,7 +13,7 @@
 }) %>
 
 <%= pb_rails("contact", props: {
-  contact_type: "wrong number",
+  contact_type: "work",
   contact_value: "3245627482",
 }) %>
 
@@ -21,3 +21,18 @@
   contact_type: "work-cell",
   contact_value: "349-185-9988",
 }) %>
+
+<%= pb_rails("contact", props: {
+  contact_type: "wrong-phone",
+  contact_value: "2124396666",
+}) %>
+
+<%= pb_rails("contact", props: {
+  contact_type: "extension",
+  contact_value: "1233",
+}) %>
+
+<%= pb_rails("contact", props: {
+  contact_type: "international",
+  contact_value: "+44 7700 900461",
+}) %>

data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx

@@ -28,6 +28,21 @@ const ContactDefault = (props) => {
           contactValue="3245627482"
           {...props}
       />
+      <Contact
+          contactType="wrong-phone"
+          contactValue="2124396666"
+          {...props}
+      />
+      <Contact
+          contactType='extension'
+          contactValue="1234"
+          {...props}
+      />
+      <Contact
+          contactType="international"
+          contactValue="+44 7700 900461"
+          {...props}
+      />
     </div>
   )
 }

data/app/pb_kits/playbook/pb_contact/docs/_contact_default.md

@@ -0,0 +1,5 @@
+The Contact kit automatically formats US phone numbers when the `contactType` / `contact_type` is one of: `home` (default), `work`, `cell`, `work-cell`, `wrong-phone`.
+
+- Use `email` to display emails.
+- Use `international` to display International phone numbers exactly as provided (no formatting applied).
+- Use `extension` to display four digit phone extensions.

data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb

@@ -26,3 +26,9 @@
   contact_value: "1233",
   contact_detail: "Ext",
 }) %>
+
+<%= pb_rails("contact", props: {
+  contact_type: "international",
+  contact_value: "+44 7700 900461",
+  contact_detail: "International",
+}) %>

data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx

@@ -33,6 +33,12 @@ const ContactDefault = (props) => {
           contactValue="1234"
           {...props}
       />
+      <Contact
+          contactDetail="International"
+          contactType="international"
+          contactValue="+44 7700 900461"
+          {...props}
+      />
     </div>
   )
 }