@adminide-stack/yantra-help-browser 12.0.16-alpha.26 → 12.0.16-alpha.27

package/lib/components/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AASzF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwIrC,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AAGzF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwIrC,CAAC"}

package/lib/components/Logo.js

@@ -1,20 +1,15 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useParams,useLocation}from'@remix-run/react';/**
- * Routes that have a dark hero section behind the header.
- * On these pages, the logo can safely use white fill before scrolling.
- */
-const DARK_HERO_ROUTES = ['/', '/landing', '/help-center', '/get-started'];
-const Logo = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useParams}from'@remix-run/react';const Logo = props => {
   useParams();
-  const loc = useLocation();
   const {
     settings,
     logo,
     scrolled,
     location
   } = props;
-  const pathname = loc?.pathname || location?.pathname || '/';
-  const hasDarkHero = DARK_HERO_ROUTES.includes(pathname);
-  const fill = !scrolled && hasDarkHero ? '#fff' : settings?.navTheme === 'dark' ? '#fff' : 'black';
+  // Use CSS theme variable so the fill automatically adapts to light/dark mode.
+  // The header bg is always transparent (showing bg-background) before scroll,
+  // so hardcoded white is never correct on light theme.
+  const fill = 'hsl(var(--foreground))';
   return jsxs("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",

package/lib/components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../src/components/Logo.tsx"],"sourcesContent":[null],"names":[],"mappings":"8FAIA;;;AAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,CAAC;AAE7D,MAAA,IAAI,GAAyB,KAAC,IAAS;AAChD,EAAY,SAAY;AACxB,EAAA,MAAA,GAAS,GAAA,WAAc,EAAA;QACjB;IACN,QAAM;IACN,IAAM;IACN,QAAM;AAEN,IAAA;;;mBAce,GAAI,gBAAA,CAAA,QAAA,CAAA,QAAA,CAAA;;;;;;;;;;;UAYH,EAAA;AAsGpB,MAAE,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Logo.js","sources":["../../src/components/Logo.tsx"],"sourcesContent":[null],"names":[],"mappings":"kFAIa,MAAA,IAAI,GAAyB,KAAC,IAAS;AAChD,EAAY,SAAY;QAClB;IACN,QAA8E;IAC9E,IAA6E;IAC7E,QAAsD;IACtD;AAEA,GAAA,GAAA,KAAO;;;;;;;;;;;;;;UA0BS,EAAA;AAsGpB,MAAE,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/navbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqBxC,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsFtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmFtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/navbar/index.js

@@ -11,11 +11,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {us
   label: 'Help Center',
   path: '/help-center'
 }];
-/**
- * Routes that have a dark hero section behind the header.
- * On these pages, the nav text can safely use white color before scrolling.
- */
-const DARK_HERO_ROUTES = ['/', '/landing', '/help-center', '/get-started'];
 const RightNavItems = ({
   scrolled = false
 }) => {
@@ -23,17 +18,18 @@ const RightNavItems = ({
   const location = useLocation();
   useParams();
   const isActive = path => location.pathname === path;
-  const hasDarkHero = DARK_HERO_ROUTES.includes(location.pathname);
-  const isDark = !scrolled && hasDarkHero;
+  // Always use theme-aware colors. The header bg is transparent before scroll,
+  // showing bg-background behind it — white on light theme, dark on dark theme.
+  // CSS variables (--foreground, --muted-foreground) automatically adapt.
   return jsxs("div", {
-    className: `flex items-center justify-between ${isDark ? 'text-white' : 'text-foreground'}`,
+    className: "flex items-center justify-between text-foreground",
     children: [jsxs("div", {
       className: "flex items-center min-w-0",
       children: [jsx("div", {
         className: "hidden sm:ml-6 sm:flex sm:items-center sm:gap-0.5 md:gap-1 min-w-0 flex-shrink",
         children: navItems.map(item => jsxs(Link, {
           to: item.path,
-          className: `relative rounded-lg px-2 sm:px-2.5 md:px-3.5 py-2 text-[12px] sm:text-[13px] md:text-[14px] font-medium transition-all duration-200 whitespace-nowrap flex-shrink-0 ${isActive(item.path) ? isDark ? 'bg-white/[0.08] text-white' : 'bg-foreground/[0.06] text-foreground' : isDark ? 'text-white/60 hover:bg-white/[0.05] hover:text-white' : 'text-muted-foreground hover:bg-muted hover:text-foreground'}`,
+          className: `relative rounded-lg px-2 sm:px-2.5 md:px-3.5 py-2 text-[12px] sm:text-[13px] md:text-[14px] font-medium transition-all duration-200 whitespace-nowrap flex-shrink-0 ${isActive(item.path) ? 'bg-foreground/[0.06] text-foreground' : 'text-muted-foreground hover:bg-muted hover:text-foreground'}`,
           children: [item.label, isActive(item.path) && jsx("span", {
             className: "absolute bottom-0 left-1/2 h-[2px] w-4 -translate-x-1/2 rounded-full bg-gradient-to-r from-cyan-500 to-blue-500"
           })]

package/lib/components/navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/navbar/index.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"gIASA,MAAM,QAAQ,GAAc,CAAA;KACtB,EAAA,MAAK;OACL,EAAG,MAAE;MACL,EAAA;CACL,EAAC;AAEF,EAAA,GAAA,EAAA,aAAA;;;AAGG,CAAA,EAAA;AACH,EAAM,GAAA,EAAA,aAAA;AAMN,EAAM,KAAC,EAAM,aAAA;MACH,EAAA;AACN,CAAA,CAAA;AACA;AAEA;;AAEA;MAEO,gBACE,GAAA,CAAA,GAAA,EAAA,UAAW,EAAA,cAAA,EAAA,cAAA,CAAA;AAUY,MAAA,aAAA,GAAA,CAAA;AACI,EAAA,QAAA,GAAA;AACA,CAAA,KAAA;AACJ,EAAA,MAAA,CAAA,UAAA,EAAA,aAAE,CAAM,GAAA,QAAA,CAAA,KAAA,CAAA;AACN,EAAA,MAAA,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,SAAA;AA+CE,EAAA,MAAA,QAAA,GAAA,IAAA,IAAA,QAAoE,CAAA,QAAA,KAAA,IAAA;AACpE,EAAA,MAAA,WAAA,GAAA,gBACR,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA;AAYhC,EAAE,MAAA,MAAA,GAAA,CAAA,QAAA,IAAA,WAAA;AAEF,EAAA,OAAAA,IAAA,CAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/navbar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"gIASA,MAAM,QAAQ,GAAc,CAAA;KACtB,EAAA,MAAK;OACL,EAAG,MAAE;MACL,EAAA;CACL,EAAC;AAMF,EAAM,GAAA,EAAC,aAAM;OACH,EAAA,aAAW;AACjB,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AAEA,EAAA,GAAA,EAAA,aAAc;OAE+D,EAAA,aAAA;MACC,EAAA;;AAG1E,MAAK,aAAA,GAAA,CAAA;AAUuB,EAAA,QAAA,GAAA;AACA,CAAA,KAAA;AA+CI,EAAA,MAAA,CAAA,UAAA,EAAA,aAAoE,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACpE,EAAA,MAAA,QAAA,GAAA,WAAE,EACV;AAYhC,EAAE,SAAA;AAEF,EAAA,MAAA,2BAA6B,CAAA,QAAA,KAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adminide-stack/yantra-help-browser",
-    "version": "12.0.16-alpha.26",
+    "version": "12.0.16-alpha.27",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "Yantra App",
@@ -71,5 +71,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "d9192652b52237b62a54633dff3ae1d3f51c9916"
+    "gitHead": "721aad5a54cdf80d94c48c8c805684c472757b29"
 }