@vaadin/vaadin-material-styles
Advanced tools
@vaadin/vaadin-material-styles - npm Package Compare versions
Comparing version 22.0.0-alpha6 to 22.0.0-alpha7
@@ -26,6 +26,3 @@ /** | ||
| /* TODO: remove old pseudo element when the following components are updated to use new indicator: | ||
| combo-box, date-picker, time-picker, date-time-picker, select. */ | ||
| :host([required]) [part='label']::after, | ||
| :host([required]) [part='indicator']::after { | ||
| :host([required]) [part='required-indicator']::after { | ||
| content: ' *'; | ||
@@ -45,5 +42,3 @@ color: inherit; | ||
| /* TODO update to check for "has-error-message" when all the field components | ||
| are updated to use ValidateMixin that only sets that attribute when invalid */ | ||
| [part='error-message']:not(:empty)::before { | ||
| :host([has-error-message]) [part='error-message']::before { | ||
| content: ''; | ||
@@ -50,0 +45,0 @@ display: block; |
| { | ||
| "name": "@vaadin/vaadin-material-styles", | ||
| "version": "22.0.0-alpha6", | ||
| "version": "22.0.0-alpha7", | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "description": "Vaadin Material is a complete theme for Vaadin components, inspired by Google’s Material Design guidelines.", | ||
| "license": "Apache-2.0", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/vaadin/web-components.git", | ||
| "directory": "packages/vaadin-material-styles" | ||
| }, | ||
| "author": "Vaadin Ltd", | ||
| "homepage": "https://vaadin.com/themes", | ||
| "bugs": { | ||
| "url": "https://github.com/vaadin/vaadin-material-styles/issues" | ||
| }, | ||
| "main": "all-imports.js", | ||
| "module": "all-imports.js", | ||
| "repository": "vaadin/vaadin-material-styles", | ||
| "scripts": { | ||
| "icons": "gulp icons" | ||
| }, | ||
| "files": [ | ||
| "*.d.ts", | ||
| "*.js", | ||
| "mixins/*.d.ts", | ||
| "mixins/*.js" | ||
| ], | ||
| "keywords": [ | ||
@@ -17,20 +39,5 @@ "vaadin", | ||
| ], | ||
| "author": "Vaadin Ltd", | ||
| "license": "Apache-2.0", | ||
| "bugs": { | ||
| "url": "https://github.com/vaadin/vaadin-material-styles/issues" | ||
| }, | ||
| "homepage": "https://vaadin.com/themes", | ||
| "files": [ | ||
| "*.js", | ||
| "*.d.ts", | ||
| "mixins/*.js", | ||
| "mixins/*.d.ts" | ||
| ], | ||
| "scripts": { | ||
| "icons": "gulp icons" | ||
| }, | ||
| "dependencies": { | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha6" | ||
| "@vaadin/vaadin-themable-mixin": "22.0.0-alpha7" | ||
| }, | ||
@@ -44,6 +51,3 @@ "devDependencies": { | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "gitHead": "4b136b1c7da8942960e7255f40c27859125b3a45" | ||
| "gitHead": "8e89419c6b44a1d225d5859e180d7b35e47ddb52" | ||
| } |
@@ -32,12 +32,3 @@ /** | ||
| const typography = css` | ||
| body { | ||
| font-family: var(--material-font-family); | ||
| font-size: var(--material-body-font-size); | ||
| line-height: 1.4; | ||
| -webkit-text-size-adjust: 100%; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| } | ||
| /* Can’t combine with the above selector because that doesn’t work in browsers without native shadow dom */ | ||
| body, | ||
| :host { | ||
@@ -118,23 +109,7 @@ font-family: var(--material-font-family); | ||
| const inputs = css` | ||
| /* Slotted input styles */ | ||
| input[slot='input']::placeholder, | ||
| textarea[slot='textarea']::placeholder { | ||
| color: var(--material-disabled-text-color); | ||
| transition: opacity 0.175s 0.1s; | ||
| opacity: 1; | ||
| } | ||
| [has-label]:not([focused]):not([invalid]):not([theme~='always-float-label']) > input[slot='input']::placeholder, | ||
| [has-label]:not([focused]):not([invalid]):not([theme~='always-float-label']) > input[slot='textarea']::placeholder { | ||
| opacity: 0; | ||
| transition-delay: 0; | ||
| } | ||
| `; | ||
| const $tpl = document.createElement('template'); | ||
| $tpl.innerHTML = `<style>${font.toString().replace(':host', 'html')}${inputs.toString()}</style>`; | ||
| $tpl.innerHTML = `<style>${font.toString().replace(':host', 'html')}</style>`; | ||
| document.head.appendChild($tpl.content); | ||
| export { font, inputs, typography }; | ||
| export { font, typography }; | ||
@@ -141,0 +116,0 @@ /* Import Roboto from Google Fonts */ |
@@ -8,3 +8,3 @@ /** | ||
| static get version() { | ||
| return '22.0.0-alpha6'; | ||
| return '22.0.0-alpha7'; | ||
| } | ||
@@ -11,0 +11,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 by13.71%
45164
- Number of package files
- increased by18.18%
26
- Lines of code
- increased by25.15%
861
- Number of low supply chain risk alerts
- decreased by-50%
1
Dependency changes
+ Added@vaadin/vaadin-themable-mixin@22.0.0-alpha7(transitive)
- Removed@open-wc/dedupe-mixin@1.4.0(transitive)
- Removed@vaadin/vaadin-themable-mixin@22.1.0(transitive)