@veevarts/design-system 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/patterns/Navbar/Navbar.d.ts

@@ -1,4 +1,15 @@
-import { ReactNode } from 'react';
+/**
+ * Navbar Component
+ *
+ * A flexible, stateless navigation bar pattern for React apps.
+ *
+ * Features:
+ * - Logo on the left (image URL via `logo` prop)
+ * - Language selector dropdown with a globe icon (disabled if no languages)
+ * - Login/Logout button with user icon, fully controlled via props
+ * - All state and actions (login, logout, language change) are controlled by parent via props
+ * - Strictly typed with TypeScript
+ */
 export interface NavbarLink {
     label: string;
     href: string;
@@ -8,17 +19,22 @@ export interface NavbarLanguage {
     code: string;
     label: string;
 }
+export interface NavbarLabels {
+    login: string;
+    logout: string;
+    selectLanguage: string;
+}
 export interface NavbarProps {
-    logo?: ReactNode;
-    links?: NavbarLink[];
+    logo?: string;
     languages?: NavbarLanguage[];
     selectedLanguage?: string;
     onLanguageChange?: (languageCode: string) => void;
     isLoggedIn?: boolean;
-    userEmail?: string;
+    hasLanguages?: boolean;
+    hasAuth?: boolean;
     onLogin?: () => void;
     onLogout?: () => void;
-    loginLabel?: string;
-    logoutLabel?: string;
+    labels?: Partial<NavbarLabels>;
+    className?: string;
 }
-export declare function Navbar(_props: NavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Navbar({ logo, languages, selectedLanguage, onLanguageChange, isLoggedIn, onLogin, onLogout, hasLanguages, hasAuth, labels, className, }: NavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Navbar/Navbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme/index.d.ts

@@ -23,12 +23,12 @@ export declare const theme: {
             readonly 200: "#e5e7eb";
             readonly 300: "#d1d5db";
             readonly 400: "#9ca3af";
-            readonly 500: any;
+            readonly 500: "#000000";
             readonly 600: "#000000";
             readonly 700: "#000000";
             readonly 800: "#000000";
             readonly 900: "#000000";
-            readonly DEFAULT: any;
+            readonly DEFAULT: "#000000";
         };
     };
 };

package/dist/tokens/colors.d.ts

@@ -5,6 +5,7 @@
 export declare const colors: {
     readonly brand: {
         readonly primary: "#C14615";
+        readonly secondary: "#000000";
     };
     readonly semantic: {
         readonly secondary: "#000000";

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.0.0-alpha.4",
+    "version": "1.0.0-alpha.6",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -74,7 +74,7 @@
         "@tiptap/pm": "^2.27.0",
         "@tiptap/react": "^2.27.0",
         "@tiptap/starter-kit": "^2.27.0",
-        "@types/node": "^24.10.1",
+        "@types/node": "^24.10.9",
         "@types/react": "^19.2.5",
         "@types/react-dom": "^19.2.3",
         "@vitejs/plugin-react": "^5.1.1",