@beweco/aurora-ui 0.0.4 → 0.0.6
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.
package/dist/index.cjs.js
CHANGED
|
@@ -77,7 +77,7 @@ var IconComponent = function (_a) {
|
|
|
77
77
|
|
|
78
78
|
var MenuPrueba = function (_a) {
|
|
79
79
|
var logo = _a.logo, company = _a.company, user = _a.user, items = _a.items, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, onCollapse = _a.onCollapse;
|
|
80
|
-
return (jsxRuntime.jsxs("aside", { className: "h-screen flex flex-col bg-
|
|
80
|
+
return (jsxRuntime.jsxs("aside", { className: "h-screen flex flex-col bg-transparent border-r border-gray-800 transition-all duration-300", style: { minWidth: collapsed ? 80 : 256, maxWidth: collapsed ? 80 : 256 }, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-5 border-b border-gray-800", children: [jsxRuntime.jsx("img", { src: logo, alt: company, className: "rounded-full bg-white", style: { width: 40, height: 40 } }), !collapsed && (jsxRuntime.jsx("span", { className: "font-bold uppercase text-base tracking-widest text-white", children: company })), jsxRuntime.jsx("button", { type: "button", className: "ml-auto text-white opacity-60 hover:opacity-100 bg-transparent", onClick: onCollapse, "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar", children: collapsed ? "»" : "«" })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-4 border-b border-gray-800", children: [jsxRuntime.jsx("img", { src: user.avatar, alt: user.name, className: "rounded-full", style: { width: 36, height: 36 } }), !collapsed && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: "font-semibold text-white text-sm", children: user.name }), jsxRuntime.jsx("div", { className: "text-xs text-gray-400", children: user.email })] }))] }), jsxRuntime.jsx("nav", { className: "flex-1 mt-4", children: jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: items.map(function (item, _idx) { return (jsxRuntime.jsx("li", { className: "list-none", children: jsxRuntime.jsxs("button", { type: "button", className: "flex items-center w-full gap-3 px-6 py-3 cursor-pointer transition-colors bg-transparent ".concat(item.selected
|
|
81
81
|
? "bg-gray-800 text-white font-semibold"
|
|
82
82
|
: "hover:bg-gray-800 text-gray-300"), onClick: item.onClick, children: [jsxRuntime.jsx("span", { className: "text-lg", children: item.icon }), !collapsed && jsxRuntime.jsx("span", { className: "text-base", children: item.label })] }) }, item.label)); }) }) }), jsxRuntime.jsx("div", { className: "px-6 py-4 text-xs text-gray-500 border-t border-gray-800", children: !collapsed && "© BeweOS" })] }));
|
|
83
83
|
};
|
package/dist/index.esm.js
CHANGED
|
@@ -75,7 +75,7 @@ var IconComponent = function (_a) {
|
|
|
75
75
|
|
|
76
76
|
var MenuPrueba = function (_a) {
|
|
77
77
|
var logo = _a.logo, company = _a.company, user = _a.user, items = _a.items, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, onCollapse = _a.onCollapse;
|
|
78
|
-
return (jsxs("aside", { className: "h-screen flex flex-col bg-
|
|
78
|
+
return (jsxs("aside", { className: "h-screen flex flex-col bg-transparent border-r border-gray-800 transition-all duration-300", style: { minWidth: collapsed ? 80 : 256, maxWidth: collapsed ? 80 : 256 }, children: [jsxs("div", { className: "flex items-center gap-3 px-6 py-5 border-b border-gray-800", children: [jsx("img", { src: logo, alt: company, className: "rounded-full bg-white", style: { width: 40, height: 40 } }), !collapsed && (jsx("span", { className: "font-bold uppercase text-base tracking-widest text-white", children: company })), jsx("button", { type: "button", className: "ml-auto text-white opacity-60 hover:opacity-100 bg-transparent", onClick: onCollapse, "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar", children: collapsed ? "»" : "«" })] }), jsxs("div", { className: "flex items-center gap-3 px-6 py-4 border-b border-gray-800", children: [jsx("img", { src: user.avatar, alt: user.name, className: "rounded-full", style: { width: 36, height: 36 } }), !collapsed && (jsxs("div", { children: [jsx("div", { className: "font-semibold text-white text-sm", children: user.name }), jsx("div", { className: "text-xs text-gray-400", children: user.email })] }))] }), jsx("nav", { className: "flex-1 mt-4", children: jsx("ul", { className: "flex flex-col gap-1", children: items.map(function (item, _idx) { return (jsx("li", { className: "list-none", children: jsxs("button", { type: "button", className: "flex items-center w-full gap-3 px-6 py-3 cursor-pointer transition-colors bg-transparent ".concat(item.selected
|
|
79
79
|
? "bg-gray-800 text-white font-semibold"
|
|
80
80
|
: "hover:bg-gray-800 text-gray-300"), onClick: item.onClick, children: [jsx("span", { className: "text-lg", children: item.icon }), !collapsed && jsx("span", { className: "text-base", children: item.label })] }) }, item.label)); }) }) }), jsx("div", { className: "px-6 py-4 text-xs text-gray-500 border-t border-gray-800", children: !collapsed && "© BeweOS" })] }));
|
|
81
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPrueba.d.ts","sourceRoot":"","sources":["../../../../src/components/menuprueba/MenuPrueba.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"MenuPrueba.d.ts","sourceRoot":"","sources":["../../../../src/components/menuprueba/MenuPrueba.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6EhD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beweco/aurora-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "Bewe Aurora UI Component Library",
|
|
5
5
|
"main": "./dist/index.cjs.js",
|
|
6
6
|
"module": "./dist/index.esm.js",
|
|
7
7
|
"types": "./dist/types/index.d.ts",
|
|
8
|
-
"files": [
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
9
11
|
"sideEffects": false,
|
|
10
12
|
"author": "Bewe",
|
|
11
13
|
"license": "MIT",
|