@neovici/cosmoz-input
Advanced tools
Comparing version 4.2.0 to 4.3.0
@@ -39,2 +39,3 @@ import { tagged as css } from '@neovici/cosmoz-utils'; | ||
--contour-size: var(--cosmoz-input-contour-size); | ||
--label-translate-y: var(--cosmoz-input-label-translate-y, 0%); | ||
display: block; | ||
@@ -45,5 +46,3 @@ padding: var(--cosmoz-input-padding, 8px 0); | ||
position: relative; | ||
transition: | ||
transform 0.25s, | ||
width 0.25s; | ||
transition: transform 0.25s, width 0.25s; | ||
transform-origin: left top; | ||
@@ -105,5 +104,3 @@ max-height: var(--cosmoz-input-max-height); | ||
width: var(--cosmoz-input-label-width, 100%); | ||
transition: | ||
transform 0.25s, | ||
width 0.25s; | ||
transition: transform 0.25s, width 0.25s; | ||
transform-origin: left top; | ||
@@ -116,3 +113,2 @@ color: var(--color); | ||
font-weight: var(--cosmoz-input-label-font-weight); | ||
padding: var(--cosmoz-input-label-padding); | ||
} | ||
@@ -122,7 +118,14 @@ | ||
#input:not(:placeholder-shown) + label { | ||
--cosmoz-input-label-padding: 0 1px; | ||
transform: translateY(calc(var(--label-scale) * -100%)) | ||
transform: translateY( | ||
calc(var(--label-scale) * -100% + var(--label-translate-y)) | ||
) | ||
scale(var(--label-scale)); | ||
background-color: var(--cosmoz-input-floating-label-bg, var(--bg)); | ||
} | ||
:host([always-float-label]) input, | ||
#input:not(:placeholder-shown) { | ||
transform: translateY(var(--label-translate-y)); | ||
} | ||
:host(:not(always-float-label):focus-within) #input::placeholder, | ||
@@ -129,0 +132,0 @@ :host(:focus-within) label { |
{ | ||
"name": "@neovici/cosmoz-input", | ||
"version": "4.2.0", | ||
"version": "4.3.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
17947
439