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

@easymais-ui/text-input

Package Overview
Dependencies
Maintainers
1
Versions
104
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@easymais-ui/text-input - npm Package Compare versions

Comparing version 1.0.0-next.7 to 1.0.0-next.8

4

package.json
{
"name": "@easymais-ui/text-input",
"version": "1.0.0-next.7",
"version": "1.0.0-next.8",
"publishConfig": {

@@ -32,3 +32,3 @@ "access": "public"

"dependencies": {
"@easymais-ui-css/text-input": "0.1.0-next.19",
"@easymais-ui-css/text-input": "0.1.0-next.20",
"imask": "^6.4.3",

@@ -35,0 +35,0 @@ "lit": "^2.6.1"

@@ -1,1 +0,1 @@

import{css}from"lit";export default css`:host{--easymais-ui-text-input-help-text-gap:var(--easymais-ui-size-35);--easymais-ui-text-input-background-color:var(--easymais-ui-color-gray-0);--easymais-ui-text-input-font-family:var(--easymais-ui-font-family-sans);--easymais-ui-text-input-l-padding-right:var(--easymais-ui-component-l-padding-right);--easymais-ui-text-input-l-padding-left:var(--easymais-ui-component-l-padding-left);--easymais-ui-text-input-l-height:var(--easymais-ui-component-l-height);--easymais-ui-text-input-m-padding-right:var(--easymais-ui-component-m-padding-right);--easymais-ui-text-input-m-padding-left:var(--easymais-ui-component-m-padding-left);--easymais-ui-text-input-m-height:var(--easymais-ui-component-m-height);--easymais-ui-text-input-s-padding-right:var(--easymais-ui-component-s-padding-right);--easymais-ui-text-input-s-padding-left:var(--easymais-ui-component-s-padding-left);--easymais-ui-text-input-s-height:var(--easymais-ui-component-s-height);--easymais-ui-text-input-border-color-default:var(--easymais-ui-color-alias-border-default);--easymais-ui-text-input-l-text-size:var(--easymais-ui-component-l-text-size);--easymais-ui-text-input-m-text-size:var(--easymais-ui-component-m-text-size);--easymais-ui-text-input-s-text-size:var(--easymais-ui-component-s-text-size);--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-m-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-m-padding-left);--easymais-ui-text-input-border-color-invalid:var(--easymais-ui-color-alias-border-danger);--easymais-ui-text-input-border-color-focus:var(--easymais-ui-color-alias-border-emphasized);--easymais-ui-text-input-border-width:var(--easymais-ui-size-alias-border-default);--easymais-ui-text-input-height:var(--easymais-ui-text-input-m-height);--easymais-ui-text-input-l-border-radius:var(--easymais-ui-component-l-border-radius);--easymais-ui-text-input-m-border-radius:var(--easymais-ui-component-m-border-radius);--easymais-ui-text-input-s-border-radius:var(--easymais-ui-component-s-border-radius);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-m-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-m-border-radius)}:host #text-input{background-color:var(--easymais-ui-text-input-background-color);border-color:var(--easymais-ui-text-input-border-color-default);border-style:solid;border-width:var(--easymais-ui-text-input-border-width)}:host(:focus-within) #text-input,:host([invalid]:focus-within) #text-input{border-color:var(--easymais-ui-text-input-border-color-focus);outline:1px solid var(--easymais-ui-text-input-border-color-focus)}:host([invalid]) #text-input{border-color:var(--easymais-ui-text-input-border-color-invalid)}:host .input{color:var(--easymais-ui-text-input-text-color-default)}:host{display:flex;flex-direction:column;width:100%}:host #text-input{align-items:center;border-radius:var(--easymais-ui-text-input-border-radius);box-sizing:border-box;display:inline-flex;font-family:var(--easymais-ui-text-input-font-family);font-size:var(--easymais-ui-text-input-text-size);height:var(--easymais-ui-text-input-height);transition:outline-width .2s ease-in;width:100%}:host .input{border:none;border-radius:var(--easymais-ui-text-input-border-radius);box-sizing:border-box;font-family:var(--easymais-ui-text-input-font-family);font-size:var(--easymais-ui-text-input-text-size);height:100%;outline:none;padding-left:var(--easymais-ui-text-input-padding-left);padding-right:var(--easymais-ui-text-input-padding-right);width:100%}:host ::slotted([slot=icon]){margin-left:var(--easymais-ui-text-input-padding-right)}:host ::slotted([slot=action-icon]){margin-right:var(--easymais-ui-text-input-padding-right)}:host ::slotted([slot=help-text]){cursor:pointer;padding-top:var(--easymais-ui-text-input-help-text-gap)}:host([size=s]) #text-input{--easymais-ui-text-input-height:var(--easymais-ui-text-input-s-height)}:host([size=s]) #text-input .input{--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-s-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-s-padding-left);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-s-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-s-border-radius)}:host([size=m]) #text-input{--easymais-ui-text-input-height:var(--easymais-ui-text-input-m-height)}:host([size=m]) #text-input .input{--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-m-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-m-padding-left);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-m-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-m-border-radius)}:host([size=l]) #text-input{--easymais-ui-text-input-height:var(--easymais-ui-text-input-l-height)}:host([size=l]) #text-input .input{--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-l-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-l-padding-left);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-l-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-l-border-radius)}`;
import{css}from"lit";export default css`:host{--easymais-ui-text-input-help-text-gap:var(--easymais-ui-size-35);--easymais-ui-text-input-background-color:var(--easymais-ui-color-gray-0);--easymais-ui-text-input-font-family:var(--easymais-ui-font-family-sans);--easymais-ui-text-input-l-padding-right:var(--easymais-ui-component-l-padding-right);--easymais-ui-text-input-l-padding-left:var(--easymais-ui-component-l-padding-left);--easymais-ui-text-input-l-height:var(--easymais-ui-component-l-height);--easymais-ui-text-input-m-padding-right:var(--easymais-ui-component-m-padding-right);--easymais-ui-text-input-m-padding-left:var(--easymais-ui-component-m-padding-left);--easymais-ui-text-input-m-height:var(--easymais-ui-component-m-height);--easymais-ui-text-input-s-padding-right:var(--easymais-ui-component-s-padding-right);--easymais-ui-text-input-s-padding-left:var(--easymais-ui-component-s-padding-left);--easymais-ui-text-input-s-height:var(--easymais-ui-component-s-height);--easymais-ui-text-input-border-color-default:var(--easymais-ui-color-alias-border-default);--easymais-ui-text-input-l-text-size:var(--easymais-ui-component-l-text-size);--easymais-ui-text-input-m-text-size:var(--easymais-ui-component-m-text-size);--easymais-ui-text-input-s-text-size:var(--easymais-ui-component-s-text-size);--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-m-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-m-padding-left);--easymais-ui-text-input-border-color-invalid:var(--easymais-ui-color-alias-border-danger);--easymais-ui-text-input-border-color-focus:var(--easymais-ui-color-alias-border-emphasized);--easymais-ui-text-input-border-width:var(--easymais-ui-size-alias-border-default);--easymais-ui-text-input-height:var(--easymais-ui-text-input-m-height);--easymais-ui-text-input-l-border-radius:var(--easymais-ui-component-l-border-radius);--easymais-ui-text-input-m-border-radius:var(--easymais-ui-component-m-border-radius);--easymais-ui-text-input-s-border-radius:var(--easymais-ui-component-s-border-radius);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-m-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-m-border-radius)}:host #text-input{background-color:var(--easymais-ui-text-input-background-color);border-color:var(--easymais-ui-text-input-border-color-default);border-style:solid;border-width:var(--easymais-ui-text-input-border-width)}:host(:focus-within) #text-input,:host([invalid]:focus-within) #text-input{border-color:var(--easymais-ui-text-input-border-color-focus);outline:1px solid var(--easymais-ui-text-input-border-color-focus)}:host([invalid]) #text-input{border-color:var(--easymais-ui-text-input-border-color-invalid)}:host .input{color:var(--easymais-ui-text-input-text-color-default)}:host{display:flex;flex-direction:column;width:100%}:host #text-input{align-items:center;border-radius:var(--easymais-ui-text-input-border-radius);box-sizing:border-box;display:inline-flex;font-family:var(--easymais-ui-text-input-font-family);font-size:var(--easymais-ui-text-input-text-size);height:var(--easymais-ui-text-input-height);transition:outline-width .2s ease-in;width:100%}:host .input{border:none;border-radius:var(--easymais-ui-text-input-border-radius);box-sizing:border-box;font-family:var(--easymais-ui-text-input-font-family);font-size:var(--easymais-ui-text-input-text-size);height:100%;outline:none;padding-left:var(--easymais-ui-text-input-padding-left);padding-right:var(--easymais-ui-text-input-padding-right);width:100%}:host ::slotted([slot=icon]){margin-left:var(--easymais-ui-text-input-padding-right)}:host ::slotted([slot=action-icon]){cursor:pointer;margin-right:var(--easymais-ui-text-input-padding-right);opacity:.8}:host ::slotted([slot=action-icon]:hover){opacity:1}:host ::slotted([slot=help-text]){cursor:pointer;padding-top:var(--easymais-ui-text-input-help-text-gap)}:host([size=s]) #text-input{--easymais-ui-text-input-height:var(--easymais-ui-text-input-s-height)}:host([size=s]) #text-input .input{--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-s-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-s-padding-left);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-s-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-s-border-radius)}:host([size=m]) #text-input{--easymais-ui-text-input-height:var(--easymais-ui-text-input-m-height)}:host([size=m]) #text-input .input{--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-m-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-m-padding-left);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-m-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-m-border-radius)}:host([size=l]) #text-input{--easymais-ui-text-input-height:var(--easymais-ui-text-input-l-height)}:host([size=l]) #text-input .input{--easymais-ui-text-input-padding-right:var(--easymais-ui-text-input-l-padding-right);--easymais-ui-text-input-padding-left:var(--easymais-ui-text-input-l-padding-left);--easymais-ui-text-input-text-size:var(--easymais-ui-text-input-l-text-size);--easymais-ui-text-input-border-radius:var(--easymais-ui-text-input-l-border-radius)}`;

Sorry, the diff of this file is not supported yet

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