Socket
Socket
Sign inDemoInstall

@neovici/cosmoz-input

Package Overview
Dependencies
Maintainers
4
Versions
61
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@neovici/cosmoz-input - npm Package Compare versions

Comparing version 4.2.0 to 4.3.0

21

dist/styles.js

@@ -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": [

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