@easymais-ui/text-input
Advanced tools
Comparing version 1.0.0-next.17 to 1.0.0-next.18
{ | ||
"name": "@easymais-ui/text-input", | ||
"version": "1.0.0-next.17", | ||
"version": "1.0.0-next.18", | ||
"publishConfig": { | ||
@@ -32,4 +32,4 @@ "access": "public" | ||
"dependencies": { | ||
"@easymais-ui-css/text-input": "0.1.0-next.40", | ||
"@easymais-ui/progress-circular": "1.0.0-next.8", | ||
"@easymais-ui-css/text-input": "0.1.0-next.44", | ||
"@easymais-ui/progress-circular": "1.0.0-next.9", | ||
"imask": "^6.4.3", | ||
@@ -36,0 +36,0 @@ "lit": "^2.7.4" |
@@ -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-disabled:var(--easymais-ui-color-gray-100);--easymais-ui-text-input-background-color-default: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-disabled:var(--easymais-ui-color-alias-border-disabled);--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-default);border-color:var(--easymais-ui-text-input-border-color-default);border-style:solid;border-width:var(--easymais-ui-text-input-border-width)}:host([invalid]):focus-within #text-input,:host: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([disabled]) #text-input{background-color:var(--easymais-ui-text-input-background-color-disabled);border-color:var(--easymais-ui-text-input-border-color-disabled)}: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 .input:disabled{background-color:var(--easymais-ui-text-input-background-color)}: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 #loading{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([disabled]){--easymais-ui-text-input-icon-color-disabled:var(--easymais-ui-color-alias-text-disabled)}:host([disabled]) ::slotted([slot=icon]){color:var(--easymais-ui-text-input-icon-color-disabled)}:host([disabled]) ::slotted([slot=action-icon]){pointer-events:none;visibility:hidden}: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-disabled:var(--easymais-ui-color-gray-100);--easymais-ui-text-input-background-color-default: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-disabled:var(--easymais-ui-color-alias-border-disabled);--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-default);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([disabled]) #text-input{background-color:var(--easymais-ui-text-input-background-color-disabled);border-color:var(--easymais-ui-text-input-border-color-disabled)}: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 .input:disabled{background-color:var(--easymais-ui-text-input-background-color)}: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 #loading{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([disabled]){--easymais-ui-text-input-icon-color-disabled:var(--easymais-ui-color-alias-text-disabled)}:host([disabled]) ::slotted([slot=icon]){color:var(--easymais-ui-text-input-icon-color-disabled)}:host([disabled]) ::slotted([slot=action-icon]){pointer-events:none;visibility:hidden}: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
51454
+ Added@easymais-ui-css/progress-circular@0.1.0-next.22(transitive)
+ Added@easymais-ui-css/text-input@0.1.0-next.44(transitive)
+ Added@easymais-ui/design-tokens@0.4.0-next.34(transitive)
+ Added@easymais-ui/progress-circular@1.0.0-next.9(transitive)
- Removed@easymais-ui-css/progress-circular@0.1.0-next.18(transitive)
- Removed@easymais-ui-css/text-input@0.1.0-next.40(transitive)
- Removed@easymais-ui/design-tokens@0.4.0-next.32(transitive)
- Removed@easymais-ui/progress-circular@1.0.0-next.8(transitive)