@vaadin/input-container
Advanced tools
@vaadin/input-container - npm Package Compare versions
Comparing version 22.0.0-alpha6 to 22.0.0-alpha7
| { | ||
| "name": "@vaadin/input-container", | ||
| "version": "22.0.0-alpha6", | ||
| "version": "22.0.0-alpha7", | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "description": "vaadin-input-container", | ||
| "license": "Apache-2.0", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/vaadin/web-components.git", | ||
| "directory": "packages/input-container" | ||
| }, | ||
| "author": "Vaadin Ltd", | ||
| "homepage": "https://vaadin.com/components", | ||
| "bugs": { | ||
| "url": "https://github.com/vaadin/web-components/issues" | ||
| }, | ||
| "main": "vaadin-input-container.js", | ||
| "module": "vaadin-input-container.js", | ||
| "repository": "vaadin/web-components", | ||
| "files": [ | ||
| "src", | ||
| "theme", | ||
| "vaadin-*.d.ts", | ||
| "vaadin-*.js" | ||
| ], | ||
| "keywords": [ | ||
@@ -13,31 +32,16 @@ "Vaadin", | ||
| ], | ||
| "author": "Vaadin Ltd", | ||
| "license": "Apache-2.0", | ||
| "bugs": { | ||
| "url": "https://github.com/vaadin/web-components/issues" | ||
| }, | ||
| "homepage": "https://vaadin.com/components", | ||
| "files": [ | ||
| "vaadin-*.d.ts", | ||
| "vaadin-*.js", | ||
| "src", | ||
| "theme" | ||
| ], | ||
| "dependencies": { | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/vaadin-element-mixin": "^22.0.0-alpha6", | ||
| "@vaadin/vaadin-lumo-styles": "^22.0.0-alpha6", | ||
| "@vaadin/vaadin-material-styles": "^22.0.0-alpha6", | ||
| "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha6" | ||
| "@vaadin/component-base": "22.0.0-alpha7", | ||
| "@vaadin/vaadin-lumo-styles": "22.0.0-alpha7", | ||
| "@vaadin/vaadin-material-styles": "22.0.0-alpha7", | ||
| "@vaadin/vaadin-themable-mixin": "22.0.0-alpha7" | ||
| }, | ||
| "devDependencies": { | ||
| "@esm-bundle/chai": "^4.3.4", | ||
| "@vaadin/testing-helpers": "^0.3.0", | ||
| "@vaadin/vaadin-icon": "^22.0.0-alpha6", | ||
| "@vaadin/vaadin-icons": "^22.0.0-alpha6" | ||
| "@vaadin/icon": "22.0.0-alpha7", | ||
| "@vaadin/icons": "22.0.0-alpha7", | ||
| "@vaadin/testing-helpers": "^0.3.0" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "gitHead": "4b136b1c7da8942960e7255f40c27859125b3a45" | ||
| "gitHead": "8e89419c6b44a1d225d5859e180d7b35e47ddb52" | ||
| } |
@@ -7,4 +7,5 @@ /** | ||
| import { PolymerElement, html } from '@polymer/polymer'; | ||
| import { DirMixin } from '@vaadin/vaadin-element-mixin/vaadin-dir-mixin.js'; | ||
| import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js'; | ||
| import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| import { css } from '@vaadin/vaadin-themable-mixin/register-styles.js'; | ||
@@ -22,3 +23,3 @@ export class InputContainer extends ThemableMixin(DirMixin(PolymerElement)) { | ||
| align-items: center; | ||
| flex: auto; | ||
| flex: 0 1 auto; | ||
| } | ||
@@ -62,2 +63,12 @@ | ||
| } | ||
| ::slotted(:is(input, textarea))::placeholder { | ||
| /* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */ | ||
| /* because ::slotted(...)::placeholder does not work in Safari. */ | ||
| /* See the workaround at the end of this file. */ | ||
| font: inherit; | ||
| color: inherit; | ||
| /* Override default opacity in Firefox */ | ||
| opacity: 1; | ||
| } | ||
| </style> | ||
@@ -100,1 +111,13 @@ <slot name="prefix"></slot> | ||
| customElements.define(InputContainer.is, InputContainer); | ||
| const placeholderStyleWorkaround = css` | ||
| /* Needed for Safari, where ::slotted(...)::placeholder does not work */ | ||
| :is(input[slot='input'], textarea[slot='textarea'])::placeholder { | ||
| font: inherit; | ||
| color: inherit; | ||
| } | ||
| `; | ||
| const $tpl = document.createElement('template'); | ||
| $tpl.innerHTML = `<style>${placeholderStyleWorkaround.toString()}</style>`; | ||
| document.head.appendChild($tpl.content); |
@@ -45,2 +45,3 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js'; | ||
| --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em); | ||
| -webkit-mask-image: var(--_lumo-text-field-overflow-mask-image); | ||
| mask-image: var(--_lumo-text-field-overflow-mask-image); | ||
@@ -47,0 +48,0 @@ } |
New alerts
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
Fixed alerts
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
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by4.71%
22948
- Lines of code
- increased by6.95%
323
- Number of low supply chain risk alerts
- decreased by-100%
0
Dependency changes
+ Added@vaadin/component-base@22.0.0-alpha7(transitive)
+ Added@vaadin/icon@22.0.0-alpha7(transitive)
+ Added@vaadin/vaadin-lumo-styles@22.0.0-alpha7(transitive)
+ Added@vaadin/vaadin-material-styles@22.0.0-alpha7(transitive)
+ Added@vaadin/vaadin-themable-mixin@22.0.0-alpha7(transitive)
- Removed@open-wc/dedupe-mixin@1.4.0(transitive)
- Removed@vaadin/component-base@22.1.0(transitive)
- Removed@vaadin/icon@22.1.0(transitive)
- Removed@vaadin/vaadin-element-mixin@22.0.0-alpha6(transitive)
- Removed@vaadin/vaadin-lumo-styles@22.1.0(transitive)
- Removed@vaadin/vaadin-material-styles@22.1.0(transitive)
- Removed@vaadin/vaadin-themable-mixin@22.1.0(transitive)