Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

txregions

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

txregions - npm Package Compare versions

Comparing version 0.0.0 to 0.0.1

2

package.json
{
"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:

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc