@triptease/tt-navbar 0.0.48 → 0.0.49

package/dist/web/urlMappings.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.48
+* @triptease/tt-navbar v0.0.49
 */
 
 // src/urlMappings.ts

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tt-navbar following open-wc recommendations",
   "license": "MIT",
   "author": "tt-navbar",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/TtNavbar.ts

@@ -136,11 +136,6 @@ export class TtNavbar extends LitElement {
 
     if (!bestMatch) {
       for (const link of this.allNavLinks) {
-        link.classList.remove('current-page');
-        if (link.hasAttribute('aria-current')) {
-          link.attributes.removeNamedItem('aria-current');
-        }
-
         const linkPath = new URL(link.href).pathname;
 
         if (currentPath.startsWith(linkPath)) {
@@ -152,6 +147,13 @@ export class TtNavbar extends LitElement {
       }
     }
 
+    for (const link of this.allNavLinks) {
+      link.classList.remove('current-page');
+      if (link.hasAttribute('aria-current')) {
+        link.attributes.removeNamedItem('aria-current');
+      }
+    }
+
     if (bestMatch) {
       bestMatch.classList.add('current-page');
       bestMatch.setAttribute('aria-current', 'page');

package/src/styles.ts

@@ -25,7 +25,6 @@ export const styles = css`
     --nav-bar-width: fit-content;
   }
 
-
   * {
     box-sizing: border-box;
   }
@@ -261,41 +260,6 @@ export const styles = css`
     background-color: var(--color-surface-200);
     width: calc(100% - var(--nav-bar-width));
     height: 100%;
-    transition-property: left, visibility;
-    transition-duration: 700ms, 400ms;
-    transition-timing-function: ease-out, ease-in;
-
-    &.hidden {
-      left: -100%;
-      visibility: hidden;
-    }
-  }
-
-  .link-page > .section {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-scale-2);
-  }
-
-  .section > .links-container {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: var(--space-scale-3);
-    overflow-y: auto;
-    height: 100%;
-  }
-
-  .visually-hidden {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    border: 0;
-    overflow: hidden;
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    white-space: nowrap;
   }
 
   .tooltip {
@@ -312,32 +276,6 @@ export const styles = css`
     font-weight: var(--font-weight-medium);
   }
 
-  .auth-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 100vh;
-  }
-
-  .error-container {
-    padding: 4rem 1rem 1rem;
-    max-width: 1280px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .error-stack {
-    width: 100%;
-    padding: 1rem;
-    overflow-x: auto;
-  }
-
-  .fullscreen-iframe {
-    width: 100%;
-    height: 100vh;
-    border: 0;
-  }
-
   .nav-toggle-button {
     position: relative;
   }
@@ -363,7 +301,9 @@ export const styles = css`
     --tt-combobox-color: var(--color-text-inverted-400);
     --tt-combobox-dropdown-color: var(--color-text-inverted-400);
     --tt-combobox-list-background-color: var(--color-surface-inverted-100);
-    --tt-combobox-option-background-color-hover: var(--color-surface-inverted-200);
+    --tt-combobox-option-background-color-hover: var(
+      --color-surface-inverted-200
+    );
     --tt-combobox-placeholder-color: var(--color-text-inverted-300);
     --tt-combobox-background-color: var(--color-surface-inverted-100);
     --tt-combobox-hover-background-color: var(--color-surface-inverted-200);