@easymais-ui/text-input
Advanced tools
Comparing version 1.0.0-next.7 to 1.0.0-next.8
{ | ||
"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
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
48258
+ Added@easymais-ui-css/text-input@0.1.0-next.20(transitive)
- Removed@easymais-ui-css/text-input@0.1.0-next.19(transitive)