@salesmind-ai/design-system 0.1.7 → 0.1.8

package/dist/index.css

@@ -4284,8 +4284,7 @@
   width: 100%;
   display: flex;
   justify-content: center;
-  padding: var(--space-2) var(--space-3);
-  padding-top: var(--space-3);
+  padding: 0 var(--space-3) var(--space-2);
   box-sizing: border-box;
   background: transparent;
   pointer-events: none;
@@ -4309,12 +4308,15 @@
     backdrop-filter var(--transition-glass),
     -webkit-backdrop-filter var(--transition-glass);
 }
+.ds-navbar-v2--scrolled {
+  padding-bottom: 0;
+}
 .ds-navbar-v2--scrolled .ds-navbar-v2__container {
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
+  background: rgba(var(--void-base-rgb), 0.92);
+  backdrop-filter: blur(60px) saturate(180%) brightness(90%);
+  -webkit-backdrop-filter: blur(60px) saturate(180%) brightness(90%);
   border-color: var(--rim-light-bottom);
-  box-shadow: var(--glass-shadow-elevated-combined);
+  box-shadow: var(--glass-shadow-elevated-combined), 0 1px 0 0 var(--rim-light-top) inset;
 }
 .ds-navbar-v2--scrolled .ds-navbar-v2__container::before {
   content: "";
@@ -4357,7 +4359,7 @@
   gap: var(--space-1);
   padding: var(--space-2);
   flex-shrink: 0;
-  background: var(--glass-base-hover);
+  background: rgba(255, 255, 255, 0.07);
   backdrop-filter: var(--glass-backdrop);
   -webkit-backdrop-filter: var(--glass-backdrop);
   border-radius: var(--radius-card);
@@ -4442,7 +4444,7 @@
   transition: opacity var(--transition-glass);
 }
 .ds-navbar-v2__tab:hover {
-  background: var(--glass-base);
+  background: rgba(255, 255, 255, 0.06);
   color: var(--text-secondary);
 }
 .ds-navbar-v2__tab:hover::before {
@@ -4568,8 +4570,7 @@
 }
 @media (max-width: 1279px) {
   .ds-navbar-v2 {
-    padding: var(--space-2) var(--space-2);
-    padding-top: var(--space-2);
+    padding: 0 var(--space-2) var(--space-2);
   }
   .ds-navbar-v2__container {
     padding: var(--space-2) var(--space-3);
@@ -4584,7 +4585,7 @@
 }
 @media (max-width: 1099px) {
   .ds-navbar-v2 {
-    padding: var(--space-1) var(--space-2);
+    padding: 0 var(--space-2) var(--space-1);
   }
   .ds-navbar-v2__container {
     padding: var(--space-2) var(--space-3);
@@ -4607,7 +4608,7 @@
 }
 @media (max-width: 767px) {
   .ds-navbar-v2 {
-    padding: var(--space-1) 0;
+    padding: 0;
   }
   .ds-navbar-v2__container {
     display: flex;
@@ -4616,10 +4617,10 @@
     border-radius: 0;
   }
   .ds-navbar-v2__container {
-    background: var(--glass-base);
-    backdrop-filter: var(--glass-backdrop);
-    -webkit-backdrop-filter: var(--glass-backdrop);
-    border-color: var(--rim-light-bottom);
+    background: rgba(var(--void-base-rgb), 0.92);
+    backdrop-filter: blur(60px) saturate(180%) brightness(90%);
+    -webkit-backdrop-filter: blur(60px) saturate(180%) brightness(90%);
+    border-bottom: 1px solid var(--rim-light-bottom);
   }
   .ds-navbar-v2__tabs {
     display: none;
@@ -4655,6 +4656,14 @@
 :root[data-theme=light-contrast] .ds-navbar-v2__mega-panel {
   box-shadow: var(--shadow-sm), 0 0 0 1px var(--rim-light-bottom);
 }
+:root[data-theme=light] .ds-navbar-v2__tabs,
+:root[data-theme=light-contrast] .ds-navbar-v2__tabs {
+  background: var(--glass-base-hover);
+}
+:root[data-theme=light] .ds-navbar-v2__tab:hover,
+:root[data-theme=light-contrast] .ds-navbar-v2__tab:hover {
+  background: var(--glass-base);
+}
 @media (prefers-reduced-motion: reduce) {
   .ds-navbar-v2__container {
     transition: none;
@@ -4697,7 +4706,12 @@
 }
 @supports not (backdrop-filter: blur(1px)) {
   .ds-navbar-v2--scrolled .ds-navbar-v2__container {
-    background: var(--fallback-surface);
+    background: var(--void-base);
+  }
+  @media (max-width: 767px) {
+    .ds-navbar-v2__container {
+      background: var(--void-base);
+    }
   }
   .ds-navbar-v2__tabs {
     background: var(--fallback-surface);
@@ -6481,7 +6495,7 @@
   animation: ds-scroll var(--marquee-duration, 40s) linear infinite;
   transform: translateZ(0);
 }
-.ds-social-logos__track:hover {
+.ds-social-logos__marquee:hover .ds-social-logos__track {
   animation-play-state: paused;
 }
 @keyframes ds-scroll {
@@ -7076,11 +7090,14 @@
   flex-shrink: 0;
   margin-left: var(--space-3);
 }
-@media (max-width: 1279px) {
+@media (max-width: 1399px) {
   .ds-locale-dropdown__trigger {
     padding: var(--space-1-5) var(--space-2);
     gap: var(--space-1);
   }
+  .ds-locale-dropdown__trigger-flag {
+    display: none;
+  }
   .ds-locale-dropdown__trigger-chevron {
     display: none;
   }