Comparing version 0.0.0 to 0.0.1
{ | ||
"name": "txregions", | ||
"version": "0.0.0", | ||
"version": "0.0.1", | ||
"description": "A React text input component with invalid character highlighting and URL, email, and number presets.", | ||
@@ -5,0 +5,0 @@ "files": [ |
@@ -12,8 +12,8 @@ # TODO: A legit readme. | ||
* Highlight invalid characters given a suitable definition of valid, presets include: | ||
** `email` | ||
** `url` | ||
** `number` | ||
** `number eu` | ||
** `int` | ||
** `uint` | ||
* `email` | ||
* `url` | ||
* `number` | ||
* `number eu` | ||
* `int` | ||
* `uint` | ||
* Highlight any span of text as it is entered | ||
@@ -47,3 +47,3 @@ | ||
More details are to come, but there are some tricks done that make it fairly straight-forward to implement help tips on invalid values. An except from the demo is shown below: | ||
More details are to come, but there are some tricks done that make it fairly straight-forward to implement help tips on invalid values. An excerpt from the demo is shown below: | ||
@@ -90,10 +90,10 @@ ``` | ||
The help tips are toggled when the `TxRegionsInput` loses focus and are hidden when it gains focus. They will only show after the first time it has had focus. Because this behavior (the focus related part) is defined only in CSS, it can be switched to whatever you want. Similar to the `ng-pristine` etc., CSS classes from Angular, the `TxRegionsInput` has a `[data-us-state]` attribute that has one of the following from each set: | ||
The help tips are toggled when the `TxRegionsInput` loses focus and are hidden when it gains focus. They will only show after the first time it has had focus. Because this behavior (the focus related part) is defined only in CSS, it can be switched to whatever you want. Similar to the `ng-pristine` etc., CSS classes from Angular, the `TxRegionsInput` has a `[data-ux-state]` attribute that has one of the following from each set: | ||
* To indicate the focus state: | ||
** `focus-never` | ||
** `focus-now` | ||
** `focus-had` | ||
* `focus-never` | ||
* `focus-now` | ||
* `focus-had` | ||
* To indicate if it has been modified by the user: | ||
** `changed-never` | ||
** `changed-done` | ||
* `changed-never` | ||
* `changed-done` | ||
@@ -100,0 +100,0 @@ So, if it has focus and has been changed at least once by the user, the wrapping div of the will be dressed with: |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
243706