@vin.samdy.dev/passappui 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,6 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import Link from 'next/link';
4
4
  export function Header({ appName = 'MyApp' }) {
5
- return (_jsx("header", { className: "bg-slate-900 text-white py-4 px-6", children: _jsxs("nav", { className: "flex items-center justify-between max-w-7xl mx-auto", children: [_jsx(Link, { href: "/", className: "text-xl font-bold", children: appName }), _jsxs("ul", { className: "flex gap-6", children: [_jsx("li", { children: _jsx(Link, { href: "/", className: "hover:text-slate-300", children: "Home" }) }), _jsx("li", { children: _jsx(Link, { href: "/about", className: "hover:text-slate-300", children: "About" }) }), _jsx("li", { children: _jsx(Link, { href: "/contact", className: "hover:text-slate-300", children: "Contact" }) })] })] }) }));
5
+ return (_jsx("header", { className: "bg-gray-400 text-white py-4 px-6", children: _jsxs("nav", { className: "flex items-center justify-between max-w-7xl mx-auto", children: [_jsx(Link, { href: "/", className: "text-xl font-bold", children: appName }), _jsxs("ul", { className: "flex gap-6", children: [_jsx("li", { children: _jsx(Link, { href: "/", className: "hover:text-slate-300", children: "Home" }) }), _jsx("li", { children: _jsx(Link, { href: "/about", className: "hover:text-slate-300", children: "About" }) }), _jsx("li", { children: _jsx(Link, { href: "/contact", className: "hover:text-slate-300", children: "Contact" }) })] })] }) }));
6
6
  }
7
7
  //# sourceMappingURL=Header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,WAAW,CAAA;AAM5B,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,EAAe;IACvD,OAAO,CACL,iBAAQ,SAAS,EAAC,mCAAmC,YACnD,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mBAAmB,YACzC,OAAO,GACH,EACP,cAAI,SAAS,EAAC,YAAY,aACxB,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,sBAAsB,qBAAY,GAAK,EACpE,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,sBAAa,GAAK,EAC1E,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,sBAAsB,wBAAe,GAAK,IAC3E,IACD,GACC,CACV,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,WAAW,CAAA;AAM5B,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,EAAe;IACvD,OAAO,CACL,iBAAQ,SAAS,EAAC,kCAAkC,YAClD,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mBAAmB,YACzC,OAAO,GACH,EACP,cAAI,SAAS,EAAC,YAAY,aACxB,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,sBAAsB,qBAAY,GAAK,EACpE,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,sBAAa,GAAK,EAC1E,uBAAI,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,sBAAsB,wBAAe,GAAK,IAC3E,IACD,GACC,CACV,CAAA;AACH,CAAC"}
@@ -0,0 +1,13 @@
1
+ @import "tailwindcss";
2
+ @source "../**/*.{js,jsx,ts,tsx,mdx}";
3
+
4
+ /* Custom variables */
5
+ :root {
6
+ --color-primary: #1e293b;
7
+ --color-secondary: #64748b;
8
+ }
9
+
10
+ .dark {
11
+ --color-primary: #0f172a;
12
+ --color-secondary: #1e293b;
13
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vin.samdy.dev/passappui",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Shared UI components library",
5
5
  "private": false,
6
6
  "type": "module",
@@ -18,10 +18,11 @@
18
18
  "default": "./dist/index.js"
19
19
  },
20
20
  "./styles": "./dist/styles/global.css",
21
+ "./styles.css": "./dist/styles/global.css",
21
22
  "./hooks": "./dist/hooks/index.js"
22
23
  },
23
24
  "scripts": {
24
- "build": "tsc",
25
+ "build": "tsc && mkdir -p dist/styles && cp src/styles/global.css dist/styles/global.css",
25
26
  "dev": "tsc --watch",
26
27
  "clean": "rm -rf dist",
27
28
  "type-check": "tsc --noEmit",
@@ -8,7 +8,7 @@ interface HeaderProps {
8
8
 
9
9
  export function Header({ appName = 'MyApp' }: HeaderProps) {
10
10
  return (
11
- <header className="bg-slate-900 text-white py-4 px-6">
11
+ <header className="bg-gray-400 text-white py-4 px-6">
12
12
  <nav className="flex items-center justify-between max-w-7xl mx-auto">
13
13
  <Link href="/" className="text-xl font-bold">
14
14
  {appName}
@@ -1,3 +1,6 @@
1
+ @import "tailwindcss";
2
+ @source "../**/*.{js,jsx,ts,tsx,mdx}";
3
+
1
4
  /* Custom variables */
2
5
  :root {
3
6
  --color-primary: #1e293b;
@@ -7,4 +10,4 @@
7
10
  .dark {
8
11
  --color-primary: #0f172a;
9
12
  --color-secondary: #1e293b;
10
- }
13
+ }