flystyles - npm Package Compare versions

Comparing version 1.1.11 to 1.1.12

docs/_docs/components/formElements.md

@@ -149,1 +149,42 @@ ---
 {% endexample %}
+
+
+#### Phone Number Input
+
+Special component for typing a Telephone Number. This component is created by a mix of multiple components (FormGroup, Input, Autocomplete, and Flag).
+
+__Requires:__ `FormGroup`, `Input`, `Autocomplete`, `Flag`.
+
+{% example html %}
+<div class="FormGroup">
+  <label class="Label" for="tel">Mobile phone</label>
+  <div class="PhoneNumber">
+    <div class='Autocomplete is-searching PhoneNumber-menu'>
+      <span class='Autocomplete-search PhoneNumber-menu-input'>
+        <span class='Flag Flag--es'></span>
+      </span>
+      <ul class='Autocomplete-options PhoneNumber-menu-options'>
+        <li class='Autocomplete-option PhoneNumber-option'>
+          <span class='Flag Flag--cn PhoneNumber-option-flag'></span>
+          <span class='PhoneNumber-option-country'>China (中国)</span>
+          <span class='PhoneNumber-option-dial'>+86</span>
+        </li>
+        <li class='Autocomplete-option PhoneNumber-option is-active'>
+          <span class='Flag Flag--es PhoneNumber-option-flag'></span>
+          <span class='PhoneNumber-option-country'>Spain (España)</span>
+          <span class='PhoneNumber-option-dial'>+34</span>
+        </li>
+        <li class='Autocomplete-option PhoneNumber-option'>
+          <span class='Flag Flag--us PhoneNumber-option-flag'></span>
+          <span class='PhoneNumber-option-country'>United States</span>
+          <span class='PhoneNumber-option-dial'>+1</span>
+        </li>
+      </ul>
+    </div>
+    <div class="PhoneNumber-input">
+      <input id="tel" type="text" class="Input PhoneNumber-input-inner" />
+    </div>
+  </div>
+</div>
+
+{% endexample %}

package.json

 {
   "name": "flystyles",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "Flywire UI Framework",
@@ -5,0 +5,0 @@ "author": "Javier Arques <[e-mail]>",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

754262

increased by92.21%

Number of package files

111

increased by3.74%

Lines of code

3810

increased by33.12%

No dependency changes