@vaadin-component-factory/vcf-nav - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

package.json

 {
   "name": "@vaadin-component-factory/vcf-nav",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "homepage": "https://github.com/vaadin-component-factory/vcf-nav",
@@ -5,0 +5,0 @@ "repository": "https://github.com/vaadin-component-factory/vcf-nav",

src/vcf-nav-item.ts

@@ -75,2 +75,3 @@ import { html, css, LitElement } from 'lit';
       margin: calc((var(--lumo-icon-size-m) - var(--lumo-size-s)) / 2) 0;
+      margin-inline-end: calc(var(--lumo-space-xs) * -1);
       padding: 0;
@@ -169,3 +170,3 @@ background: transparent;
     slot[name='children'] {
-      --_child-indent: calc(var(--_child-indent-2, 0px) + var(--app-nav-child-indent, var(--lumo-space-l)));
+      --_child-indent: calc(var(--_child-indent-2, 0px) + var(--vcf-nav-child-indent, var(--lumo-space-l)));
     }
@@ -172,0 +173,0 @@

src/vcf-nav.ts

@@ -50,2 +50,3 @@ import { html, css, LitElement } from 'lit';
     summary ::slotted([slot='label']) {
+      display: block;
       font-size: var(--lumo-font-size-s);
@@ -65,5 +66,5 @@ color: var(--lumo-secondary-text-color);
 
-    :host([collapsible]) summary::after {
+    summary::after {
       font-family: lumo-icons;
-      content: var(--lumo-icons-dropdown);
+      color: var(--lumo-tertiary-text-color);
       font-size: var(--lumo-icon-size-m);
@@ -76,5 +77,15 @@ display: inline-flex;
       transition: transform 140ms;
-      margin: -0.25em 0;
+      margin: 0 var(--lumo-space-xs);
     }
 
+    :host([collapsible]) summary::after {
+      content: var(--lumo-icons-dropdown);
+    }
+
+    @media (any-hover: hover) {
+      summary:hover::after {
+        color: var(--lumo-body-text-color);
+      }
+    }
+
     :host([collapsed]) summary::after {
@@ -81,0 +92,0 @@ transform: rotate(-90deg);

No alert changes

Improved metrics

Total package byte prevSize

21234

increased by1.37%

Lines of code

309

increased by3.34%

No dependency changes