@vaadin/vaadin-material-styles - npm Package Compare versions

Comparing version 1.4.0-alpha1 to 20.0.0-alpha1

all-imports.js

@@ -0,1 +1,6 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import './mixins/field-button.js';
@@ -17,7 +22,1 @@ export * from './mixins/field-button.js';
 export * from './typography.js';
-
-/**
-@license
-Copyright (c) 2019 Vaadin Ltd.
-This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-*/

color.d.ts

@@ -1,2 +0,2 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
@@ -3,0 +3,0 @@ export const colorLight: CSSResult;

color.js

@@ -0,4 +1,9 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import './version.js';
-import '@polymer/polymer/lib/elements/custom-style.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+
 const colorLight = css`
@@ -51,3 +56,3 @@ :host,
 
-  [theme~="dark"] {
+  [theme~='dark'] {
     /* Text colors */
@@ -101,5 +106,4 @@ --material-body-text-color: var(--dark-theme-text-color, rgba(255, 255, 255, 1));
 `;
-registerStyles('', colorLight, {moduleId: 'material-color-light'});
 
-export { colorLight };
+registerStyles('', colorLight, { moduleId: 'material-color-light' });
 
@@ -153,35 +157,35 @@ const colorDark = css`
 `;
-registerStyles('', colorDark, {moduleId: 'material-color-dark'});
 
-export { colorDark };
+registerStyles('', colorDark, { moduleId: 'material-color-dark' });
 
 const colorBase = css`
-:host {
-  /* Text colors */
-  --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
-  --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
-  --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));
+  :host {
+    /* Text colors */
+    --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
+    --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
+    --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));
 
-  /* Primary colors */
-  --material-primary-color: var(--primary-color, #6200ee);
-  --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
-  --material-primary-text-color: var(--material-primary-color);
+    /* Primary colors */
+    --material-primary-color: var(--primary-color, #6200ee);
+    --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
+    --material-primary-text-color: var(--material-primary-color);
 
-  /* Error colors */
-  --material-error-color: var(--error-color, #b00020);
-  --material-error-text-color: var(--material-error-color);
+    /* Error colors */
+    --material-error-color: var(--error-color, #b00020);
+    --material-error-text-color: var(--material-error-color);
 
-  /* Background colors */
-  --material-background-color: var(--light-theme-background-color, #fff);
-  --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
-  --material-disabled-color: rgba(0, 0, 0, 0.26);
+    /* Background colors */
+    --material-background-color: var(--light-theme-background-color, #fff);
+    --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
+    --material-disabled-color: rgba(0, 0, 0, 0.26);
 
-  /* Divider colors */
-  --material-divider-color: rgba(0, 0, 0, 0.12);
-}
+    /* Divider colors */
+    --material-divider-color: rgba(0, 0, 0, 0.12);
+  }
 `;
+
 const $tpl = document.createElement('template');
-$tpl.innerHTML = `<custom-style><style>${colorBase.toString().replace(':host', 'html')}</style></custom-style>`;
+$tpl.innerHTML = `<style>${colorBase.toString().replace(':host', 'html')}</style>`;
 document.head.appendChild($tpl.content);
 
-export { colorBase };
+export { colorBase, colorDark, colorLight };

font-icons.js

@@ -1,6 +0,10 @@
-import '@polymer/polymer/lib/elements/custom-style.js';
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import './version.js';
 const $_documentContainer = document.createElement('template');
 
-$_documentContainer.innerHTML = `<custom-style>
+$_documentContainer.innerHTML = `
   <style>
@@ -32,12 +36,4 @@ @font-face {
   </style>
-</custom-style>`;
+`;
 
 document.head.appendChild($_documentContainer.content);
-
-/* NOTICE: Generated with 'gulp icons' */
-/*
-  FIXME(polymer-modulizer): the above comments were extracted
-  from HTML and may be out of place here. Review them and
-  then delete this comment!
-*/
-;

mixins/field-button.d.ts

@@ -1,3 +0,3 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
 export const fieldButton: CSSResult;

mixins/field-button.js

@@ -0,5 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import '../font-icons.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+
 const fieldButton = css`
-  [part$="button"] {
+  [part$='button'] {
     flex: none;
@@ -15,25 +21,26 @@ width: 24px;
 
-  :host(:not([readonly])) [part$="button"] {
+  :host(:not([readonly])) [part$='button'] {
     cursor: pointer;
   }
 
-  :host(:not([readonly])) [part$="button"]:hover {
+  :host(:not([readonly])) [part$='button']:hover {
     color: var(--material-text-color);
   }
 
-  :host([disabled]) [part$="button"],
-  :host([readonly]) [part$="button"] {
+  :host([disabled]) [part$='button'],
+  :host([readonly]) [part$='button'] {
     color: var(--material-disabled-text-color);
   }
 
-  :host([disabled]) [part="clear-button"] {
+  :host([disabled]) [part='clear-button'] {
     display: none;
   }
 
-  [part$="button"]::before {
-    font-family: "material-icons";
+  [part$='button']::before {
+    font-family: 'material-icons';
   }
 `;
-registerStyles('', fieldButton, {moduleId: 'material-field-button'});
 
+registerStyles('', fieldButton, { moduleId: 'material-field-button' });
+
 export { fieldButton };

mixins/menu-overlay.d.ts

@@ -1,3 +0,3 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
 export const menuOverlay: CSSResult;

mixins/menu-overlay.js

@@ -0,8 +1,14 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import '../color.js';
 import './overlay.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
-const menuOverlay = css`
-`;
-registerStyles('', menuOverlay, {moduleId: 'material-menu-overlay', include: ['material-overlay']});
 
+const menuOverlay = css``;
+
+registerStyles('', menuOverlay, { moduleId: 'material-menu-overlay', include: ['material-overlay'] });
+
 export { menuOverlay };

mixins/overlay.d.ts

@@ -1,3 +0,3 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
 export const overlay: CSSResult;

mixins/overlay.js

@@ -0,5 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import '../color.js';
 import '../typography.js';
 import '../shadow.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+
 const overlay = css`
@@ -14,3 +20,3 @@ :host {
 
-  [part="overlay"] {
+  [part='overlay'] {
     background-color: var(--material-background-color);
@@ -25,7 +31,7 @@ border-radius: 4px;
 
-  [part="content"] {
+  [part='content'] {
     padding: 8px 0;
   }
 
-  [part="backdrop"] {
+  [part='backdrop'] {
     opacity: 0.2;
@@ -42,4 +48,5 @@ animation: 0.2s vaadin-overlay-backdrop-enter;
 `;
-registerStyles('', overlay, {moduleId: 'material-overlay'});
 
+registerStyles('', overlay, { moduleId: 'material-overlay' });
+
 export { overlay };

mixins/required-field.d.ts

@@ -1,3 +0,3 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
 export const requiredField: CSSResult;

mixins/required-field.js

@@ -0,5 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import '../color.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+
 const requiredField = css`
-  [part="label"] {
+  [part='label'] {
     display: block;
@@ -20,13 +26,13 @@ position: absolute;
 
-  :host([required]) [part="label"]::after {
-    content: " *";
+  :host([required]) [part='label']::after {
+    content: ' *';
     color: inherit;
   }
 
-  :host([invalid]) [part="label"] {
+  :host([invalid]) [part='label'] {
     color: var(--material-error-text-color);
   }
 
-  [part="error-message"] {
-    font-size: .75em;
+  [part='error-message'] {
+    font-size: 0.75em;
     line-height: 1;
@@ -37,4 +43,4 @@ color: var(--material-error-text-color);
   /* Margin that doesn’t reserve space when there’s no error message */
-  [part="error-message"]:not(:empty)::before {
-    content: "";
+  [part='error-message']:not(:empty)::before {
+    content: '';
     display: block;
@@ -44,3 +50,3 @@ height: 6px;
 
-  :host(:not([invalid])) [part="error-message"] {
+  :host(:not([invalid])) [part='error-message'] {
     margin-top: 0;
@@ -51,3 +57,3 @@ max-height: 0;
 
-  :host([invalid]) [part="error-message"] {
+  :host([invalid]) [part='error-message'] {
     animation: reveal 0.2s;
@@ -63,8 +69,9 @@ }
   /* RTL specific styles */
-  :host([dir="rtl"]) [part="label"] {
+  :host([dir='rtl']) [part='label'] {
     transform-origin: 100% 75%;
   }
 `;
-registerStyles('', requiredField, {moduleId: 'material-required-field'});
 
+registerStyles('', requiredField, { moduleId: 'material-required-field' });
+
 export { requiredField };

package.json

 {
+  "name": "@vaadin/vaadin-material-styles",
+  "version": "20.0.0-alpha1",
   "description": "Vaadin Material is a complete theme for Vaadin components, inspired by Google’s Material Design guidelines.",
+  "main": "all-imports.js",
+  "module": "all-imports.js",
+  "repository": "vaadin/vaadin-material-styles",
   "keywords": [
@@ -12,7 +17,2 @@ "vaadin",
   ],
-  "repository": "vaadin/vaadin-material-styles",
-  "homepage": "https://vaadin.com/themes",
-  "name": "@vaadin/vaadin-material-styles",
-  "version": "1.4.0-alpha1",
-  "main": "all-imports.js",
   "author": "Vaadin Ltd",
@@ -23,2 +23,3 @@ "license": "Apache-2.0",
   },
+  "homepage": "https://vaadin.com/themes",
   "files": [
@@ -28,46 +29,12 @@ "*.js",
     "mixins/*.js",
-    "mixins/*.d.ts",
-    "!wdio.conf.js"
+    "mixins/*.d.ts"
   ],
-  "resolutions": {
-    "es-abstract": "1.17.6",
-    "@types/doctrine": "0.0.3",
-    "inherits": "2.0.3",
-    "samsam": "1.1.3",
-    "supports-color": "3.1.2",
-    "type-detect": "1.0.0"
-  },
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-themable-mixin": "^1.6.1"
+    "@vaadin/vaadin-themable-mixin": "^20.0.0-alpha1"
   },
-  "scripts": {
-  "generate-typings": "gen-typescript-declarations --outDir . --verify"
-},
-"devDependencies": {
-    "wct-browser-legacy": "^1.0.1",
-    "@vaadin/vaadin-button": "^2.1.0",
-    "@vaadin/vaadin-checkbox": "^2.2.1",
-    "@vaadin/vaadin-combo-box": "^4.1.0",
-    "@vaadin/vaadin-context-menu": "^4.1.0",
-    "@vaadin/vaadin-date-picker": "^3.2.0",
-    "@vaadin/vaadin-dialog": "^2.1.0",
-    "@vaadin/vaadin-form-layout": "^2.1.0",
-    "@vaadin/vaadin-grid": "^5.1.0",
-    "@vaadin/vaadin-item": "^2.1.0",
-    "@vaadin/vaadin-list-box": "^1.1.0",
-    "@vaadin/vaadin-notification": "^1.1.0",
-    "@vaadin/vaadin-ordered-layout": "^1.1.0",
-    "@vaadin/vaadin-progress-bar": "^1.1.0",
-    "@vaadin/vaadin-radio-button": "^1.1.0",
-    "@vaadin/vaadin-select": "^2.0.0",
-    "@vaadin/vaadin-split-layout": "^4.1.0",
-    "@vaadin/vaadin-tabs": "^2.1.0",
-    "@vaadin/vaadin-text-field": "^2.1.1",
-    "@vaadin/vaadin-upload": "^4.2.0",
-    "@polymer/iron-ajax": "^3.0.0",
-    "@vaadin/elements-demo-resources": "^2.1.0",
-    "@polymer/iron-icons": "^3.0.0",
-    "mock-http-request": "git://github.com/abuinitski/MockHttpRequest#npm_fix"
-  }
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "93c8e0ec03a178c6d74261261f985bd07f7cc79c"
 }

shadow.d.ts

@@ -1,3 +0,3 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
 export const shadow: CSSResult;

shadow.js

@@ -0,21 +1,28 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import './version.js';
-import '@polymer/polymer/lib/elements/custom-style.js';
-import { css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+
 const shadow = css`
-:host {
-  /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
-  --material-shadow-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-  --material-shadow-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
-  --material-shadow-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
-  --material-shadow-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
-  --material-shadow-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
-  --material-shadow-elevation-12dp: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4);
-  --material-shadow-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
-  --material-shadow-elevation-24dp: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
-}
+  /* prettier-ignore */
+  :host {
+    /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
+    --material-shadow-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+    --material-shadow-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
+    --material-shadow-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
+    --material-shadow-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
+    --material-shadow-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
+    --material-shadow-elevation-12dp: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4);
+    --material-shadow-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
+    --material-shadow-elevation-24dp: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
+  }
 `;
+
 const $tpl = document.createElement('template');
-$tpl.innerHTML = `<custom-style><style>${shadow.toString().replace(':host', 'html')}</style></custom-style>`;
+$tpl.innerHTML = `<style>${shadow.toString().replace(':host', 'html')}</style>`;
 document.head.appendChild($tpl.content);
 
 export { shadow };

typography.d.ts

@@ -1,2 +0,2 @@
-import {CSSResult} from 'lit-element';
+import { CSSResult } from 'lit-element';
 
@@ -3,0 +3,0 @@ export const font: CSSResult;

typography.js

@@ -0,31 +1,35 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import './version.js';
-import '@polymer/polymer/lib/elements/custom-style.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+
 const font = css`
-:host {
-  /* Font family */
-  --material-font-family: 'Roboto', sans-serif;
+  :host {
+    /* Font family */
+    --material-font-family: 'Roboto', sans-serif;
 
-  /* Font sizes */
-  --material-h1-font-size: 6rem;
-  --material-h2-font-size: 3.75rem;
-  --material-h3-font-size: 3rem;
-  --material-h4-font-size: 2.125rem;
-  --material-h5-font-size: 1.5rem;
-  --material-h6-font-size: 1.25rem;
-  --material-body-font-size: 1rem;
-  --material-small-font-size: 0.875rem;
-  --material-button-font-size: 0.875rem;
-  --material-caption-font-size: 0.75rem;
+    /* Font sizes */
+    --material-h1-font-size: 6rem;
+    --material-h2-font-size: 3.75rem;
+    --material-h3-font-size: 3rem;
+    --material-h4-font-size: 2.125rem;
+    --material-h5-font-size: 1.5rem;
+    --material-h6-font-size: 1.25rem;
+    --material-body-font-size: 1rem;
+    --material-small-font-size: 0.875rem;
+    --material-button-font-size: 0.875rem;
+    --material-caption-font-size: 0.75rem;
 
-  /* Icon size */
-  --material-icon-font-size: 20px;
-}
+    /* Icon size */
+    --material-icon-font-size: 20px;
+  }
 `;
+
 const $tpl = document.createElement('template');
-$tpl.innerHTML = `<custom-style><style>${font.toString().replace(':host', 'html')}</style></custom-style>`;
+$tpl.innerHTML = `<style>${font.toString().replace(':host', 'html')}</style>`;
 document.head.appendChild($tpl.content);
 
-export { font };
-
 const typography = css`
@@ -114,12 +118,9 @@ body {
 `;
-registerStyles('', typography, {moduleId: 'material-typography'});
+registerStyles('', typography, { moduleId: 'material-typography' });
 
-export { typography };
+export { font, typography };
+
 /* Import Roboto from Google Fonts */
-/*
-  FIXME(polymer-modulizer): the above comments were extracted
-  from HTML and may be out of place here. Review them and
-  then delete this comment!
-*/
 if (!window.polymerSkipLoadingFontRoboto) {
+  /* prettier-ignore */
   const font = 'https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic';
@@ -126,0 +127,0 @@ const link = document.createElement('link');

version.js

@@ -0,4 +1,9 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 class Material extends HTMLElement {
   static get version() {
-    return '1.4.0-alpha1';
+    return '20.0.0-alpha1';
   }
@@ -5,0 +10,0 @@ }

New alerts

License Policy Violation

License

This 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

License

This 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 risk

Package 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

Dev dependency count

0

decreased by-100%

Lines of code

540

increased by5.26%

Worsened metrics

Total package byte prevSize

36289

decreased by-0.88%

Dependency changes

• + Added@vaadin/vaadin-themable-mixin@20.0.5(transitive)

• - Removed@vaadin/vaadin-themable-mixin@1.6.2(transitive)

• Updated@vaadin/vaadin-themable-mixin@^20.0.0-alpha1