@deriv-web-design/ui 0.1.29 → 0.1.30

package/block-registry.json

@@ -4793,8 +4793,8 @@
     "name": "Navbar",
     "component": "Navbar",
     "category": "chrome",
-    "description": "Global site header with logo, mega-nav dropdowns, language picker, login, and primary open-account CTA.",
-    "purpose": "Global site header for marketing pages: brand logo, primary navigation (with optional mega-dropdowns), language picker, Log in, and Open account CTA. Themes adapt to light or dark content beneath. This block is designed as fixed page chrome — not a mid-page content section.",
+    "description": "Global site header with logo, mega-nav dropdowns, language picker, login, and primary open-account CTA. Desktop dual logo/CTA copies for the scroll pill transition; inactive copy is inert (out of tab order / a11y tree).",
+    "purpose": "Global site header for marketing pages: brand logo, primary navigation (with optional mega-dropdowns), language picker, Log in, and Open account CTA. Themes adapt to light or dark content beneath. This block is designed as fixed page chrome — not a mid-page content section. On desktop (≥992px) the logo and auth CTAs exist in two visual copies (outer bar vs condensed pill) so the scroll transition can crossfade. The inactive copy is marked `inert` — it is removed from the keyboard tab order and the accessibility tree — so consumers must not add their own `tabindex`/`aria-hidden` workarounds for “hidden” navbar CTAs, and must not treat missing focus rings on those copies as a `Button` defect (visible buttons already ship a `:focus-visible` ring).",
     "keywords": [
       "navigation",
       "navbar",

package/dist/index.css

@@ -4871,6 +4871,8 @@
   gap: var(--spacing-8);
   flex-shrink: 0;
   overflow: hidden;
+  overflow: clip;
+  overflow-clip-margin: 4px;
   white-space: nowrap;
   max-width: 0;
   opacity: 0;