@neovici/cosmoz-input
Advanced tools
Comparing version 3.17.0 to 3.18.0
@@ -43,4 +43,3 @@ import { tagged as css } from '@neovici/cosmoz-utils'; | ||
position: relative; | ||
border: var(--cosmoz-input-border, none); | ||
border-radius: var(--cosmoz-input-border-radius, 0px); | ||
max-height: var(--cosmoz-input-max-height); | ||
@@ -58,5 +57,7 @@ font-size: var(--font-size); | ||
line-height: calc(var(--line-height) * var(--label-scale)); | ||
background-color: var(--cosmoz-input-float-bg-color, none); | ||
} | ||
.wrap { | ||
padding: var(--cosmoz-input-padding, 0px); | ||
display: flex; | ||
@@ -66,2 +67,4 @@ align-items: center; | ||
background: var(--bg); | ||
border: var(--cosmoz-input-border, none); | ||
border-radius: var(--cosmoz-input-border-radius, 0px); | ||
} | ||
@@ -97,6 +100,4 @@ | ||
left: 0; | ||
width: 100%; | ||
transition: | ||
transform 0.25s, | ||
width 0.25s; | ||
width: var(--cosmoz-input-label-width, 100%); | ||
transition: transform 0.25s, width 0.25s; | ||
transform-origin: left top; | ||
@@ -115,2 +116,3 @@ color: var(--color); | ||
scale(var(--label-scale)); | ||
background-color: var(--cosmoz-input-no-placeholder-label-bg, transparent); | ||
} | ||
@@ -148,2 +150,7 @@ :host(:not(always-float-label):focus-within) #input::placeholder, | ||
} | ||
:host(:focus-within) { | ||
border-color: var(--focused-color); | ||
} | ||
:host([disabled]) .line { | ||
@@ -150,0 +157,0 @@ border-bottom-style: dashed; |
{ | ||
"name": "@neovici/cosmoz-input", | ||
"version": "3.17.0", | ||
"version": "3.18.0", | ||
"description": "A input web component", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
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
17340
422