@vaadin/vaadin-grid-pro - npm Package Compare versions

Comparing version 22.0.0-alpha4 to 22.0.0-alpha5

package.json

 {
   "name": "@vaadin/vaadin-grid-pro",
-  "version": "22.0.0-alpha4",
+  "version": "22.0.0-alpha5",
   "description": "vaadin-grid-pro",
@@ -29,13 +29,13 @@ "main": "vaadin-grid-pro.js",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/checkbox": "^22.0.0-alpha4",
-    "@vaadin/select": "^22.0.0-alpha4",
-    "@vaadin/vaadin-element-mixin": "^22.0.0-alpha4",
-    "@vaadin/vaadin-grid": "^22.0.0-alpha4",
-    "@vaadin/vaadin-item": "^22.0.0-alpha4",
+    "@vaadin/checkbox": "^22.0.0-alpha5",
+    "@vaadin/select": "^22.0.0-alpha5",
+    "@vaadin/vaadin-element-mixin": "^22.0.0-alpha5",
+    "@vaadin/vaadin-grid": "^22.0.0-alpha5",
+    "@vaadin/vaadin-item": "^22.0.0-alpha5",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-list-box": "^22.0.0-alpha4",
-    "@vaadin/vaadin-lumo-styles": "^22.0.0-alpha4",
-    "@vaadin/vaadin-material-styles": "^22.0.0-alpha4",
-    "@vaadin/vaadin-text-field": "^22.0.0-alpha4",
-    "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha4"
+    "@vaadin/vaadin-list-box": "^22.0.0-alpha5",
+    "@vaadin/vaadin-lumo-styles": "^22.0.0-alpha5",
+    "@vaadin/vaadin-material-styles": "^22.0.0-alpha5",
+    "@vaadin/vaadin-text-field": "^22.0.0-alpha5",
+    "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha5"
   },
@@ -45,5 +45,5 @@ "devDependencies": {
     "@vaadin/testing-helpers": "^0.2.1",
-    "@vaadin/vaadin-date-picker": "^22.0.0-alpha4",
-    "@vaadin/vaadin-dialog": "^22.0.0-alpha4",
-    "@vaadin/vaadin-template-renderer": "^22.0.0-alpha4",
+    "@vaadin/vaadin-date-picker": "^22.0.0-alpha5",
+    "@vaadin/vaadin-dialog": "^22.0.0-alpha5",
+    "@vaadin/vaadin-template-renderer": "^22.0.0-alpha5",
     "lit": "^2.0.0-rc.1",
@@ -55,3 +55,3 @@ "sinon": "^9.2.1"
   },
-  "gitHead": "86c025abd605d5a4a3c0ae36eb07c34704cee1f2"
+  "gitHead": "012f658db6f81375be8889f63ee15e3f660fe9ec"
 }

theme/lumo/vaadin-grid-pro-edit-select-styles.js

 import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-import './vaadin-grid-pro-editor-styles.js';
+import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
 
-registerStyles(
-  'vaadin-grid-pro-edit-select',
-  css`
-    :host([theme~='grid-pro-editor']) [part='toggle-button'] {
-      margin-right: var(--lumo-space-xs);
-    }
+const gridProEditSelect = css`
+  :host([theme~='grid-pro-editor']) [part='toggle-button'] {
+    margin-right: var(--lumo-space-xs);
+  }
 
-    :host([theme~='grid-pro-editor']) [part='input-field'] ::slotted([slot='value']) {
-      box-sizing: border-box;
-      padding: 0 var(--lumo-space-m);
-      font-size: var(--lumo-font-size-m);
-      /* prevent selection on editor focus */
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      user-select: none;
-    }
-  `,
-  { include: ['lumo-grid-pro-editor'], moduleId: 'lumo-grid-pro-edit-select' }
-);
+  :host([theme~='grid-pro-editor']) [part='input-field'] ::slotted([slot='value']) {
+    box-sizing: border-box;
+    padding: 0 var(--lumo-space-m);
+    font-size: var(--lumo-font-size-m);
+    /* prevent selection on editor focus */
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+`;
+
+registerStyles('vaadin-grid-pro-edit-select', [gridProEditor, gridProEditSelect], {
+  moduleId: 'lumo-grid-pro-edit-select'
+});

theme/lumo/vaadin-grid-pro-edit-text-field-styles.js

@@ -1,7 +0,6 @@
-import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
-import './vaadin-grid-pro-editor-styles.js';
+import { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
 
-registerStyles('vaadin-grid-pro-edit-text-field', css``, {
-  include: ['lumo-grid-pro-editor'],
+registerStyles('vaadin-grid-pro-edit-text-field', gridProEditor, {
   moduleId: 'lumo-grid-pro-edit-text-field'
 });

theme/lumo/vaadin-grid-pro-editor-styles.js

@@ -6,37 +6,37 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 
-registerStyles(
-  '',
-  css`
-    :host([theme~='grid-pro-editor']) {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      padding: 0;
-      will-change: transform;
-      font-size: inherit;
-      --lumo-text-field-size: 27px;
-      /* outline similar to what grid uses */
-      box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
-    }
+const gridProEditor = css`
+  :host([theme~='grid-pro-editor']) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 0;
+    will-change: transform;
+    font-size: inherit;
+    --lumo-text-field-size: 27px;
+    /* outline similar to what grid uses */
+    box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
+  }
 
-    :host([theme~='grid-pro-editor']) [part='input-field'] {
-      padding: 0;
-      border-radius: 0;
-      flex-grow: 1;
-      font-weight: 400;
-    }
+  :host([theme~='grid-pro-editor']) [part='input-field'] {
+    padding: 0;
+    border-radius: 0;
+    flex-grow: 1;
+    font-weight: 400;
+  }
 
-    /* reset outline inherited from text-field */
-    :host([theme~='grid-pro-editor'][focus-ring]) [part='input-field'] {
-      box-shadow: none;
-    }
+  /* reset outline inherited from text-field */
+  :host([theme~='grid-pro-editor'][focus-ring]) [part='input-field'] {
+    box-shadow: none;
+  }
 
-    :host([theme~='grid-pro-editor']) [part='value'] {
-      padding: 0 var(--lumo-space-m);
-      font-size: inherit;
-    }
-  `,
-  { moduleId: 'lumo-grid-pro-editor' }
-);
+  :host([theme~='grid-pro-editor']) [part='value'] {
+    padding: 0 var(--lumo-space-m);
+    font-size: inherit;
+  }
+`;
+
+registerStyles('', gridProEditor, { moduleId: 'lumo-grid-pro-editor' });
+
+export { gridProEditor };

theme/material/vaadin-grid-pro-edit-select-styles.js

 import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
-import './vaadin-grid-pro-editor-styles.js';
+import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
 
-registerStyles(
-  'vaadin-grid-pro-edit-select',
-  css`
-    :host([theme~='grid-pro-editor']) [part='input-field'] ::slotted([slot='value']) {
-      box-sizing: border-box;
-      font-size: inherit;
-      /* prevent selection on editor focus */
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      user-select: none;
-    }
-  `,
-  { include: ['material-grid-pro-editor'], moduleId: 'material-grid-pro-edit-select' }
-);
+const gridProEditSelect = css`
+  :host([theme~='grid-pro-editor']) [part='input-field'] ::slotted([slot='value']) {
+    box-sizing: border-box;
+    font-size: inherit;
+    /* prevent selection on editor focus */
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+`;
+
+registerStyles('vaadin-grid-pro-edit-select', [gridProEditor, gridProEditSelect], {
+  moduleId: 'material-grid-pro-edit-select'
+});

theme/material/vaadin-grid-pro-edit-text-field-styles.js

@@ -1,7 +0,6 @@
-import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
-import './vaadin-grid-pro-editor-styles.js';
+import { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
 
-registerStyles('vaadin-grid-pro-edit-text-field', css``, {
-  include: ['material-grid-pro-editor'],
+registerStyles('vaadin-grid-pro-edit-text-field', gridProEditor, {
   moduleId: 'material-grid-pro-edit-text-field'
 });

theme/material/vaadin-grid-pro-editor-styles.js

 import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 
-registerStyles(
-  '',
-  css`
-    :host([theme~='grid-pro-editor']) {
-      width: 100%;
-      margin: -6px 0 0;
-      padding: 0;
-      top: 6px;
-      will-change: transform;
-      font-size: inherit;
-    }
+const gridProEditor = css`
+  :host([theme~='grid-pro-editor']) {
+    width: 100%;
+    margin: -6px 0 0;
+    padding: 0;
+    top: 6px;
+    will-change: transform;
+    font-size: inherit;
+  }
 
-    :host([theme~='grid-pro-editor']) [part='value'] {
-      box-sizing: border-box;
-      font-size: inherit;
-    }
-  `,
-  { moduleId: 'material-grid-pro-editor' }
-);
+  :host([theme~='grid-pro-editor']) [part='value'] {
+    box-sizing: border-box;
+    font-size: inherit;
+  }
+`;
+
+registerStyles('', gridProEditor, { moduleId: 'material-grid-pro-editor' });
+
+export { gridProEditor };

No alert changes

Improved metrics

Total package byte prevSize

63117

increased by0.08%

Worsened metrics

Lines of code

1229

decreased by-0.65%

Dependency changes

• Updated@vaadin/checkbox@^22.0.0-alpha5

• Updated@vaadin/select@^22.0.0-alpha5

• Updated@vaadin/vaadin-element-mixin@^22.0.0-alpha5

• Updated@vaadin/vaadin-grid@^22.0.0-alpha5

• Updated@vaadin/vaadin-item@^22.0.0-alpha5

• Updated@vaadin/vaadin-list-box@^22.0.0-alpha5

• Updated@vaadin/vaadin-lumo-styles@^22.0.0-alpha5

• Updated@vaadin/vaadin-material-styles@^22.0.0-alpha5

• Updated@vaadin/vaadin-text-field@^22.0.0-alpha5

• Updated@vaadin/vaadin-themable-mixin@^22.0.0-alpha5