@vaadin/list-box - npm Package Compare versions

Comparing version 22.0.0-alpha9 to 22.0.0-beta1

package.json

 {
   "name": "@vaadin/list-box",
-  "version": "22.0.0-alpha9",
+  "version": "22.0.0-beta1",
   "publishConfig": {
@@ -36,8 +36,8 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "22.0.0-alpha9",
-    "@vaadin/item": "22.0.0-alpha9",
-    "@vaadin/vaadin-list-mixin": "22.0.0-alpha9",
-    "@vaadin/vaadin-lumo-styles": "22.0.0-alpha9",
-    "@vaadin/vaadin-material-styles": "22.0.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "22.0.0-alpha9"
+    "@vaadin/component-base": "22.0.0-beta1",
+    "@vaadin/item": "22.0.0-beta1",
+    "@vaadin/vaadin-list-mixin": "22.0.0-beta1",
+    "@vaadin/vaadin-lumo-styles": "22.0.0-beta1",
+    "@vaadin/vaadin-material-styles": "22.0.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "22.0.0-beta1"
   },
@@ -49,3 +49,3 @@ "devDependencies": {
   },
-  "gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274"
+  "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
 }

theme/lumo/vaadin-list-box-styles.js

@@ -14,42 +14,2 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 
-    /* Normal item */
-    [part='items'] ::slotted(vaadin-item) {
-      -webkit-tap-highlight-color: var(--lumo-primary-color-10pct);
-      cursor: var(--lumo-clickable-cursor);
-      outline: none;
-      border-radius: var(--lumo-border-radius-m);
-      padding-left: var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius-m) / 4));
-      padding-right: calc(var(--lumo-space-l) + var(--lumo-border-radius-m) / 4);
-    }
-
-    [part='items'] ::slotted(vaadin-item[disabled]) {
-      cursor: default;
-    }
-
-    /* Workaround to display checkmark in IE11 when list-box is not used in dropdown-menu */
-    [part='items'] ::slotted(vaadin-item)::before {
-      display: var(--_lumo-item-selected-icon-display);
-    }
-
-    /* Hovered item */
-    /* TODO a workaround until we have "focus-follows-mouse". After that, use the hover style for focus-ring as well */
-    [part='items'] ::slotted(vaadin-item:hover:not([disabled])) {
-      background-color: var(--lumo-primary-color-10pct);
-    }
-
-    /* Focused item */
-    [part='items'] ::slotted([focus-ring]:not([disabled])) {
-      box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
-    }
-
-    @media (pointer: coarse) {
-      [part='items'] ::slotted(vaadin-item:hover:not([disabled])) {
-        background-color: transparent;
-      }
-
-      [part='items'] ::slotted([focus-ring]:not([disabled])) {
-        box-shadow: none;
-      }
-    }
-
     /* Dividers */
@@ -63,10 +23,4 @@ [part='items'] ::slotted(hr) {
     }
-
-    /* RTL specific styles */
-    :host([dir='rtl']) [part='items'] ::slotted(vaadin-item) {
-      padding-left: calc(var(--lumo-space-l) + var(--lumo-border-radius-m) / 4);
-      padding-right: var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius-m) / 4));
-    }
   `,
   { moduleId: 'lumo-list-box' }
 );

theme/material/vaadin-list-box-styles.js

@@ -17,24 +17,2 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 
-    [part='items'] ::slotted(vaadin-item) {
-      min-height: 36px;
-      padding: 8px 32px 8px 10px;
-      font-size: var(--material-small-font-size);
-      line-height: 24px;
-    }
-
-    [part='items'] ::slotted(vaadin-item:hover:not([disabled])) {
-      background-color: var(--material-secondary-background-color);
-    }
-
-    [part='items'] ::slotted(vaadin-item[focused]:not([disabled])) {
-      background-color: var(--material-divider-color);
-    }
-
-    @media (pointer: coarse) {
-      [part='items'] ::slotted(vaadin-item:hover:not([disabled])),
-      [part='items'] ::slotted(vaadin-item[focused]:not([disabled])) {
-        background-color: transparent;
-      }
-    }
-
     /* Dividers */
@@ -48,9 +26,4 @@ [part='items'] ::slotted(hr) {
     }
-
-    /* RTL specific styles */
-    :host([dir='rtl']) [part='items'] ::slotted(vaadin-item) {
-      padding: 8px 10px 8px 32px;
-    }
   `,
   { moduleId: 'material-list-box' }
 );

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

Worsened metrics

Total package byte prevSize

21617

decreased by-10.42%

Lines of code

230

decreased by-20.69%

Dependency changes

• + Added@vaadin/component-base@22.0.0-beta1(transitive)

• + Added@vaadin/icon@22.0.0-beta1(transitive)

• + Added@vaadin/item@22.0.0-beta1(transitive)

• + Added@vaadin/vaadin-list-mixin@22.0.0-beta1(transitive)

• + Added@vaadin/vaadin-lumo-styles@22.0.0-beta1(transitive)

• + Added@vaadin/vaadin-material-styles@22.0.0-beta1(transitive)

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

• - Removed@vaadin/component-base@22.0.0-alpha9(transitive)

• - Removed@vaadin/icon@22.0.0-alpha9(transitive)

• - Removed@vaadin/item@22.0.0-alpha9(transitive)

• - Removed@vaadin/vaadin-list-mixin@22.0.0-alpha9(transitive)

• - Removed@vaadin/vaadin-lumo-styles@22.0.0-alpha9(transitive)

• - Removed@vaadin/vaadin-material-styles@22.0.0-alpha9(transitive)

• - Removed@vaadin/vaadin-themable-mixin@22.0.0-alpha9(transitive)

• Updated@vaadin/component-base@22.0.0-beta1

• Updated@vaadin/item@22.0.0-beta1

• Updated@vaadin/vaadin-list-mixin@22.0.0-beta1

• Updated@vaadin/vaadin-lumo-styles@22.0.0-beta1

• Updated@vaadin/vaadin-material-styles@22.0.0-beta1

• Updated@vaadin/vaadin-themable-mixin@22.0.0-beta1