blixify-ui-web 0.1.183 → 0.1.185

package/lib/components/navigation/header/index.js

@@ -113,12 +113,24 @@ var Header = /** @class */ (function (_super) {
     }
     Header.prototype.render = function () {
         var _this = this;
+        var hoverBgColor = this.props.darkMode
+            ? "hover:bg-gray-700"
+            : "hover:bg-gray-100";
+        var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
+        var textColor = this.props.darkMode ? "text-white" : "text-gray-900";
+        var menuTextColor = this.props.darkMode
+            ? "text-gray-200"
+            : "text-gray-600";
+        var groupHoverColor = "group-hover:text-indigo-600";
+        var subHoverColor = this.props.darkMode
+            ? "hover:text-indigo-600"
+            : "hover:text-gray-700";
         var _a = this.props.lib, Disclosure = _a.Disclosure, Menu = _a.Menu, Transition = _a.Transition, Popover = _a.Popover;
-        return (react_1.default.createElement(Disclosure, { as: "nav", className: "bg-white shadow-sm" }, function (_a) {
+        return (react_1.default.createElement(Disclosure, { as: "nav", className: "".concat(bgColor, " shadow-sm") }, function (_a) {
             var _b;
             var open = _a.open;
             return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(container_1.Container, { bgColor: "bg-white" },
+                react_1.default.createElement(container_1.Container, { bgColor: bgColor },
                     react_1.default.createElement("div", { className: "flex justify-between h-16" },
                         react_1.default.createElement("div", { className: "flex" },
                             react_1.default.createElement("div", { className: "flex-shrink-0 flex items-center" },
@@ -132,23 +144,23 @@ var Header = /** @class */ (function (_super) {
                                             item.multiNav && (react_1.default.createElement(Popover, { className: "relative", key: item.name },
                                                 react_1.default.createElement(Popover.Button, { as: "button", className: "focus:outline-none active:outline-none" },
                                                     react_1.default.createElement("div", { className: classNames(_this.props.page === item.name
-                                                            ? "border-primary-500 text-gray-900"
-                                                            : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", "inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium mt-5 pb-5 mx-2") },
+                                                            ? "border-primary-500 ".concat(textColor)
+                                                            : "border-transparent ".concat(textColor, " ").concat(subHoverColor, " hover:border-gray-300"), "inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium mt-5 pb-5 mx-2") },
                                                         item.name,
-                                                        react_1.default.createElement(solid_1.ChevronDownIcon, { className: "h-4 w-4 flex-none text-gray-400 hover:text-gray-700 ml-2", "aria-hidden": "true" }))),
+                                                        react_1.default.createElement(solid_1.ChevronDownIcon, { className: "h-4 w-4 flex-none ".concat(textColor, " ").concat(subHoverColor, " ml-2"), "aria-hidden": "true" }))),
                                                 react_1.default.createElement(Transition, { as: react_1.Fragment, enter: "transition ease-out duration-200", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-100 translate-y-0", leave: "transition ease-in duration-150", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-1" },
-                                                    react_1.default.createElement(Popover.Panel, { className: "absolute -left-8 top-full z-30 mt-3 w-screen max-w-md overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5" },
+                                                    react_1.default.createElement(Popover.Panel, { className: "absolute -left-8 top-full z-30 mt-3 w-screen max-w-md overflow-hidden rounded-3xl ".concat(bgColor, " shadow-lg ring-1 ring-gray-900/5") },
                                                         react_1.default.createElement("div", { className: "p-4" }, (_a = item.multiNav) === null || _a === void 0 ? void 0 : _a.map(function (navItem) { return (react_1.default.createElement("div", { key: navItem.name, className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50" },
                                                             react_1.default.createElement("div", { className: "flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white" },
-                                                                react_1.default.createElement(navItem.icon, { className: "h-6 w-6 text-gray-600 group-hover:text-indigo-600", "aria-hidden": "true" })),
+                                                                react_1.default.createElement(navItem.icon, { className: "h-6 w-6 text-gray-600 ".concat(groupHoverColor), "aria-hidden": "true" })),
                                                             react_1.default.createElement("div", { className: "flex-auto" },
-                                                                react_1.default.createElement(link_1.Link, { href: navItem.href, linkType: _this.props.linkType, custom: _this.props.custom, className: "block font-semibold text-gray-900 group-hover:text-primary-600" },
+                                                                react_1.default.createElement(link_1.Link, { href: navItem.href, linkType: _this.props.linkType, custom: _this.props.custom, className: "block font-semibold ".concat(textColor, " ").concat(groupHoverColor) },
                                                                     navItem.name,
                                                                     react_1.default.createElement("span", { className: "absolute inset-0" })),
-                                                                react_1.default.createElement("p", { className: "mt-1 text-gray-600 group-hover:text-primary-600" }, navItem.description)))); })))))),
+                                                                react_1.default.createElement("p", { className: "mt-1 ".concat(textColor, " ").concat(groupHoverColor) }, navItem.description)))); })))))),
                                             !item.multiNav && (react_1.default.createElement(link_1.Link, { key: item.name, href: item.href, linkType: _this.props.linkType, custom: _this.props.custom, className: classNames(_this.props.page === item.name
-                                                    ? "border-primary-500 text-gray-900"
-                                                    : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", "inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium mx-5") }, item.name))));
+                                                    ? "border-primary-500 ".concat(textColor)
+                                                    : "border-transparent ".concat(textColor, " ").concat(subHoverColor, " hover:border-gray-300"), "inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium mx-5") }, item.name))));
                                     }))))),
                         react_1.default.createElement("div", { className: "hidden lg:ml-6 lg:flex lg:space-x-8" }, _this.props.user && (react_1.default.createElement("div", { className: "hidden md:ml-3 md:flex md:space-x-8 md:items-center" },
                             react_1.default.createElement(Menu, { as: "div", className: "ml-3 z-30 relative" }, function (_a) {
@@ -156,24 +168,24 @@ var Header = /** @class */ (function (_super) {
                                 var open = _a.open;
                                 return (react_1.default.createElement(react_1.default.Fragment, null,
                                     react_1.default.createElement("div", null,
-                                        react_1.default.createElement(Menu.Button, { className: "bg-white flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 focus:text-primary-500" },
+                                        react_1.default.createElement(Menu.Button, { className: "".concat(bgColor, " flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 focus:text-primary-500") },
                                             react_1.default.createElement("div", { className: "flex items-center" },
                                                 react_1.default.createElement("img", { className: "h-8 w-8 rounded-full", src: (_b = _this.props.user) === null || _b === void 0 ? void 0 : _b.image, alt: "" }),
-                                                react_1.default.createElement(solid_1.ChevronDownIcon, { className: "block h-5 w-5", "aria-hidden": "true" })),
+                                                react_1.default.createElement(solid_1.ChevronDownIcon, { className: "block h-5 w-5 ".concat(textColor), "aria-hidden": "true" })),
                                             !open &&
                                                 ((_c = _this.props.userNavigation) === null || _c === void 0 ? void 0 : _c.some(function (item) { return item.notification; })) &&
                                                 _this.renderPingAnimation())),
                                     react_1.default.createElement(Transition, { show: open, as: react_1.Fragment, enter: "transition ease-out duration-200", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" },
-                                        react_1.default.createElement(Menu.Items, { static: true, className: "origin-top-right absolute z-30 right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, _this.props.userNavigation &&
+                                        react_1.default.createElement(Menu.Items, { static: true, className: "origin-top-right absolute z-30 right-0 mt-2 w-48 rounded-md shadow-lg py-1 ".concat(bgColor, " ring-1 ring-black ring-opacity-5 focus:outline-none") }, _this.props.userNavigation &&
                                             _this.props.userNavigation.map(function (item) { return (react_1.default.createElement(Menu.Item, { key: item.name }, function (_a) {
                                                 var _b;
                                                 var active = _a.active;
                                                 var notificationComp = item.notification
                                                     ? _this.renderPingAnimation(true)
                                                     : null;
-                                                var containerClassName = "block flex flex-row px-4 py-2 text-sm text-gray-700";
+                                                var containerClassName = "block flex flex-row px-4 py-2 text-sm ".concat(textColor, " ").concat(hoverBgColor);
                                                 if (item.action) {
-                                                    return (react_1.default.createElement("span", { className: classNames(active ? "bg-gray-100" : "", "cursor-pointer ".concat(containerClassName)), onClick: _this.handleSignOut },
+                                                    return (react_1.default.createElement("span", { className: classNames(active ? "".concat(bgColor) : "", "cursor-pointer ".concat(containerClassName)), onClick: _this.handleSignOut },
                                                         item.name,
                                                         notificationComp));
                                                 }
@@ -192,7 +204,7 @@ var Header = /** @class */ (function (_super) {
                             })))),
                         react_1.default.createElement("div", { className: "-mr-2 flex lg:hidden" },
                             react_1.default.createElement("div", { className: "items-center self-center" },
-                                react_1.default.createElement(Disclosure.Button, { className: "bg-white inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500" }, open ? (react_1.default.createElement(outline_1.XMarkIcon, { className: "block h-6 w-6", "aria-hidden": "true" })) : (react_1.default.createElement("div", { className: "flex" },
+                                react_1.default.createElement(Disclosure.Button, { className: "".concat(bgColor, " inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 ").concat(hoverBgColor, " focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500") }, open ? (react_1.default.createElement(outline_1.XMarkIcon, { className: "block h-6 w-6", "aria-hidden": "true" })) : (react_1.default.createElement("div", { className: "flex" },
                                     react_1.default.createElement(outline_1.Bars3Icon, { className: "block h-6 w-6", "aria-hidden": "true" }),
                                     !open &&
                                         ((_b = _this.props.userNavigation) === null || _b === void 0 ? void 0 : _b.some(function (item) { return item.notification; })) &&
@@ -207,30 +219,30 @@ var Header = /** @class */ (function (_super) {
                                 react_1.default.createElement(Disclosure.Button, { className: "w-full items-center text-base font-semibold leading-7 hover:bg-gray-50" },
                                     react_1.default.createElement("div", { className: classNames(_this.props.page === item.name
                                             ? "bg-primary-50 border-primary-500 text-primary-700"
-                                            : "border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800", "block pl-3 pr-4 py-2 border-l-4 text-base font-medium flex flex-row justify-between") },
+                                            : "border-transparent ".concat(menuTextColor, " hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800"), "block pl-3 pr-4 py-2 border-l-4 text-base font-medium flex flex-row justify-between") },
                                         item.name,
                                         react_1.default.createElement(solid_1.ChevronDownIcon, { className: classNames(open ? "rotate-180" : "", "h-5 w-5 flex-none"), "aria-hidden": "true" }))),
-                                react_1.default.createElement(Disclosure.Panel, { className: "mt-2 space-y-2" }, (_b = item.multiNav) === null || _b === void 0 ? void 0 : _b.map(function (navItem) { return (react_1.default.createElement(link_1.Link, { href: navItem.href, key: navItem.name, linkType: _this.props.linkType, custom: _this.props.custom, className: "block flex items-center rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-600 hover:bg-gray-50 hover:text-primary-600" },
+                                react_1.default.createElement(Disclosure.Panel, { className: "mt-2 space-y-2" }, (_b = item.multiNav) === null || _b === void 0 ? void 0 : _b.map(function (navItem) { return (react_1.default.createElement(link_1.Link, { href: navItem.href, key: navItem.name, linkType: _this.props.linkType, custom: _this.props.custom, className: "block flex items-center rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 ".concat(menuTextColor, " hover:bg-gray-50 hover:text-primary-600") },
                                     react_1.default.createElement(navItem.icon, { className: "flex-shrink-0 -ml-1 mr-3 h-6 w-6", "aria-hidden": "true" }),
                                     react_1.default.createElement("span", { className: "truncate" }, navItem.name))); }))));
                         })),
                         !item.multiNav && (react_1.default.createElement(link_1.Link, { href: item.href, key: item.name, linkType: _this.props.linkType, custom: _this.props.custom, className: classNames(_this.props.page === item.name
                                 ? "bg-primary-50 border-primary-500 text-primary-700"
-                                : "border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800", "block pl-3 pr-4 py-2 border-l-4 text-base font-medium") }, item.name)))); })),
+                                : "border-transparent ".concat(menuTextColor, " hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800"), "block pl-3 pr-4 py-2 border-l-4 text-base font-medium") }, item.name)))); })),
                     _this.props.user && (react_1.default.createElement("div", { className: "pt-4 pb-3 border-t border-gray-200" },
                         react_1.default.createElement("div", { className: "flex items-center px-4" },
                             react_1.default.createElement("div", { className: "flex-shrink-0" },
                                 react_1.default.createElement("img", { className: "h-10 w-10 rounded-full", src: _this.props.user.image, alt: "" })),
                             react_1.default.createElement("div", { className: "ml-3" },
-                                react_1.default.createElement("div", { className: "text-base font-medium text-gray-800" }, _this.props.user.name),
-                                react_1.default.createElement("div", { className: "text-sm font-medium text-gray-500" }, _this.props.user.email))),
+                                react_1.default.createElement("div", { className: "text-base font-medium ".concat(textColor) }, _this.props.user.name),
+                                react_1.default.createElement("div", { className: "text-sm font-medium ".concat(menuTextColor) }, _this.props.user.email))),
                         react_1.default.createElement("div", { className: "mt-3 space-y-1" }, _this.props.userNavigation &&
                             _this.props.userNavigation.map(function (item) {
                                 var _a;
                                 var notificationComp = item.notification
                                     ? _this.renderPingAnimation(true)
                                     : null;
-                                var containerClassName = "flex flex-row block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100";
+                                var containerClassName = "flex flex-row block px-4 py-2 text-base font-medium ".concat(menuTextColor, " ").concat(hoverBgColor);
                                 if (item.action) {
                                     return (react_1.default.createElement("span", { key: item.name, className: "cursor-pointer ".concat(containerClassName), onClick: _this.handleSignOut },
                                         item.name,

package/lib/components/navigation/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/header/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAmE;AACnE,mDAA4D;AAC5D,6CAAmD;AACnD,8BAA4B;AAC5B,uDAAsD;AACtD,6CAAuD;AAuBvD,SAAS,UAAU;IAAC,iBAAe;SAAf,UAAe,EAAf,qBAAe,EAAf,IAAe;QAAf,4BAAe;;IACjC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAuBD;IAA4B,0BAAgB;IAA5C;QAAA,qEA4aC;QA3aC,mBAAa,GAAG;;gBACd,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBACtB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;iBACtB;;;aACF,CAAC;QAEF,yBAAmB,GAAG,UAAC,MAAgB;YACrC,IAAM,gBAAgB,GAAG,CACvB,wCAAM,SAAS,EAAC,uBAAuB;gBACrC,wCAAM,SAAS,EAAC,wFAAwF,GAAQ;gBAChH,wCAAM,SAAS,EAAC,0DAA0D,GAAQ,CAC7E,CACR,CAAC;YAEF,IAAI,MAAM;gBAAE,OAAO,uCAAK,SAAS,EAAC,MAAM,IAAE,gBAAgB,CAAO,CAAC;;gBAC7D,OAAO,gBAAgB,CAAC;QAC/B,CAAC,CAAC;;IA2ZJ,CAAC;IAzZC,uBAAM,GAAN;QAAA,iBAwZC;QAvZC,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;YACtC,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,mBAAmB,CAAC;QACxB,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;QACjE,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;QACvE,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;YACvC,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,eAAe,CAAC;QACpB,IAAM,eAAe,GAAG,6BAA6B,CAAC;QACtD,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;YACvC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,qBAAqB,CAAC;QACpB,IAAA,KAA4C,IAAI,CAAC,KAAK,CAAC,GAAG,EAAxD,UAAU,gBAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAmB,CAAC;QACjE,OAAO,CACL,8BAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,UAAG,OAAO,eAAY,IACnD,UAAC,EAAQ;;gBAAN,IAAI,UAAA;YAAO,OAAA,CACb;gBACE,8BAAC,qBAAS,IAAC,OAAO,EAAE,OAAO;oBACzB,uCAAK,SAAS,EAAC,2BAA2B;wBACxC,uCAAK,SAAS,EAAC,MAAM;4BACnB,uCAAK,SAAS,EAAC,iCAAiC;gCAC9C,8BAAC,WAAI,IACH,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,EAC3B,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM;oCAEzB,uCACE,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI,EACpB,GAAG,EAAC,EAAE,GACN,CACG,CACH;4BACN,uCAAK,SAAS,EAAC,0BAA0B;gCACvC;oCACE,8BAAC,OAAO,CAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,IACtC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI;;wCAAK,OAAA,CACnC;4CACG,IAAI,CAAC,QAAQ,IAAI,CAChB,8BAAC,OAAO,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI;gDAC1C,8BAAC,OAAO,CAAC,MAAM,IACb,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,wCAAwC;oDAElD,uCACE,SAAS,EAAE,UAAU,CACnB,KAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;4DAC3B,CAAC,CAAC,6BAAsB,SAAS,CAAE;4DACnC,CAAC,CAAC,6BAAsB,SAAS,cAAI,aAAa,2BAAwB,EAC5E,kFAAkF,CACnF;wDAEA,IAAI,CAAC,IAAI;wDACV,8BAAC,uBAAe,IACd,SAAS,EAAE,4BAAqB,SAAS,cAAI,aAAa,UAAO,iBACrD,MAAM,GAClB,CACE,CACS;gDAEjB,8BAAC,UAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,2BAA2B,EACnC,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,yBAAyB;oDAEjC,8BAAC,OAAO,CAAC,KAAK,IACZ,SAAS,EAAE,4FAAqF,OAAO,sCAAmC;wDAE1I,uCAAK,SAAS,EAAC,KAAK,IACjB,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC/B,uCACE,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,SAAS,EAAC,4FAA4F;4DAEtG,uCAAK,SAAS,EAAC,iGAAiG;gEAC9G,8BAAC,OAAO,CAAC,IAAI,IACX,SAAS,EAAE,gCAAyB,eAAe,CAAE,iBACzC,MAAM,GAClB,CACE;4DACN,uCAAK,SAAS,EAAC,WAAW;gEACxB,8BAAC,WAAI,IACH,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,8BAAuB,SAAS,cAAI,eAAe,CAAE;oEAE/D,OAAO,CAAC,IAAI;oEACb,wCAAM,SAAS,EAAC,kBAAkB,GAAG,CAChC;gEACP,qCACE,SAAS,EAAE,eAAQ,SAAS,cAAI,eAAe,CAAE,IAEhD,OAAO,CAAC,WAAW,CAClB,CACA,CACF,CACP,EA5BgC,CA4BhC,CAAC,CACE,CACQ,CACL,CACL,CACX;4CACA,CAAC,IAAI,CAAC,QAAQ,IAAI,CACjB,8BAAC,WAAI,IACH,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,UAAU,CACnB,KAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;oDAC3B,CAAC,CAAC,6BAAsB,SAAS,CAAE;oDACnC,CAAC,CAAC,6BAAsB,SAAS,cAAI,aAAa,2BAAwB,EAC5E,wEAAwE,CACzE,IAEA,IAAI,CAAC,IAAI,CACL,CACR,CACA,CACJ,CAAA;qCAAA,CAAC,CACY,CACf,CACC,CACF;wBACN,uCAAK,SAAS,EAAC,qCAAqC,IACjD,KAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAClB,uCAAK,SAAS,EAAC,qDAAqD;4BAClE,8BAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB,IAC1C,UAAC,EAAQ;;oCAAN,IAAI,UAAA;gCAAO,OAAA,CACb;oCACE;wCACE,8BAAC,IAAI,CAAC,MAAM,IACV,SAAS,EAAE,UAAG,OAAO,iIAA8H;4CAEnJ,uCAAK,SAAS,EAAC,mBAAmB;gDAChC,uCACE,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,KAAK,EAC3B,GAAG,EAAC,EAAE,GACN;gDACF,8BAAC,uBAAe,IACd,SAAS,EAAE,wBAAiB,SAAS,CAAE,iBAC3B,MAAM,GAClB,CACE;4CACL,CAAC,IAAI;iDACJ,MAAA,KAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,IAAI,CAC7B,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,YAAY,EAAjB,CAAiB,CAC5B,CAAA;gDACD,KAAI,CAAC,mBAAmB,EAAE,CAChB,CACV;oCACN,8BAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;wCAEtC,8BAAC,IAAI,CAAC,KAAK,IACT,MAAM,QACN,SAAS,EAAE,qFAA8E,OAAO,yDAAsD,IAErJ,KAAI,CAAC,KAAK,CAAC,cAAc;4CACxB,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACtC,8BAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,IACtB,UAAC,EAAU;;oDAAR,MAAM,YAAA;gDACR,IAAM,gBAAgB,GACpB,IAAI,CAAC,YAAY;oDACf,CAAC,CAAC,KAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;oDAChC,CAAC,CAAC,IAAI,CAAC;gDACX,IAAM,kBAAkB,GAAG,gDAAyC,SAAS,cAAI,YAAY,CAAE,CAAC;gDAChG,IAAI,IAAI,CAAC,MAAM,EAAE;oDACf,OAAO,CACL,wCACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,CAAC,CAAC,UAAG,OAAO,CAAE,CAAC,CAAC,CAAC,EAAE,EAC1B,yBAAkB,kBAAkB,CAAE,CACvC,EACD,OAAO,EAAE,KAAI,CAAC,aAAa;wDAE1B,IAAI,CAAC,IAAI;wDACT,gBAAgB,CACZ,CACR,CAAC;iDACH;qDAAM,IAAI,IAAI,CAAC,YAAY,EAAE;oDAC5B,OAAO,CACL,wCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC3B,yBAAkB,kBAAkB,CAAE,CACvC,EACD,OAAO,EAAE,IAAI,CAAC,YAAY;wDAEzB,IAAI,CAAC,IAAI;wDACT,gBAAgB,CACZ,CACR,CAAC;iDACH;qDAAM;oDACL,OAAO,CACL;wDACE,8BAAC,WAAI,IACH,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EACrB,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC3B,kBAAkB,CACnB;4DAEA,IAAI,CAAC,IAAI;4DACT,gBAAgB,CACZ,CACH,CACP,CAAC;iDACH;4CACH,CAAC,CACS,CACb,EAvDuC,CAuDvC,CAAC,CACO,CACF,CACZ,CACJ,CAAA;6BAAA,CACI,CACH,CACP,CACG;wBACN,uCAAK,SAAS,EAAC,sBAAsB;4BACnC,uCAAK,SAAS,EAAC,0BAA0B;gCACvC,8BAAC,UAAU,CAAC,MAAM,IAChB,SAAS,EAAE,UAAG,OAAO,uGAA6F,YAAY,gFAA6E,IAE1M,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,mBAAS,IACR,SAAS,EAAC,eAAe,iBACb,MAAM,GAClB,CACH,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,MAAM;oCACnB,8BAAC,mBAAS,IACR,SAAS,EAAC,eAAe,iBACb,MAAM,GAClB;oCACD,CAAC,IAAI;yCACJ,MAAA,KAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,IAAI,CAC7B,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,YAAY,EAAjB,CAAiB,CAC5B,CAAA;wCACD,KAAI,CAAC,mBAAmB,EAAE,CACxB,CACP,CACiB,CAChB;4BACN,uCAAK,SAAS,EAAC,wBAAwB,GAAO,CAC1C,CACF,CACI;gBACZ,8BAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,WAAW;oBACrC,uCAAK,SAAS,EAAC,qBAAqB,IACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnC;wBACG,IAAI,CAAC,QAAQ,IAAI,CAChB,8BAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,IAC7C,UAAC,EAAQ;;gCAAN,IAAI,UAAA;4BAAO,OAAA,CACb;gCACE,8BAAC,UAAU,CAAC,MAAM,IAAC,SAAS,EAAC,wEAAwE;oCACnG,uCACE,SAAS,EAAE,UAAU,CACnB,KAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;4CAC3B,CAAC,CAAC,mDAAmD;4CACrD,CAAC,CAAC,6BAAsB,aAAa,gEAA6D,EACpG,qFAAqF,CACtF;wCAEA,IAAI,CAAC,IAAI;wCACV,8BAAC,uBAAe,IACd,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EACxB,mBAAmB,CACpB,iBACW,MAAM,GAClB,CACE,CACY;gCACpB,8BAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,IACzC,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC/B,8BAAC,WAAI,IACH,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,4FAAqF,aAAa,6CAA0C;oCAEvJ,8BAAC,OAAO,CAAC,IAAI,IACX,SAAS,EACP,kCAAkC,iBAExB,MAAM,GAClB;oCACF,wCAAM,SAAS,EAAC,UAAU,IACvB,OAAO,CAAC,IAAI,CACR,CACF,CACR,EAlBgC,CAkBhC,CAAC,CACe,CAClB,CACJ,CAAA;yBAAA,CACU,CACd;wBACA,CAAC,IAAI,CAAC,QAAQ,IAAI,CACjB,8BAAC,WAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,UAAU,CACnB,KAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;gCAC3B,CAAC,CAAC,mDAAmD;gCACrD,CAAC,CAAC,6BAAsB,aAAa,gEAA6D,EACpG,uDAAuD,CACxD,IAEA,IAAI,CAAC,IAAI,CACL,CACR,CACA,CACJ,EAnEoC,CAmEpC,CAAC,CACE;oBACL,KAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAClB,uCAAK,SAAS,EAAC,oCAAoC;wBACjD,uCAAK,SAAS,EAAC,wBAAwB;4BACrC,uCAAK,SAAS,EAAC,eAAe;gCAC5B,uCACE,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAC1B,GAAG,EAAC,EAAE,GACN,CACE;4BACN,uCAAK,SAAS,EAAC,MAAM;gCACnB,uCAAK,SAAS,EAAE,gCAAyB,SAAS,CAAE,IACjD,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACjB;gCACN,uCAAK,SAAS,EAAE,8BAAuB,aAAa,CAAE,IACnD,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAClB,CACF,CACF;wBACN,uCAAK,SAAS,EAAC,gBAAgB,IAC5B,KAAI,CAAC,KAAK,CAAC,cAAc;4BACxB,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,UAAC,IAAI;;gCACjC,IAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY;oCACxC,CAAC,CAAC,KAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;oCAChC,CAAC,CAAC,IAAI,CAAC;gCACT,IAAM,kBAAkB,GAAG,8DAAuD,aAAa,cAAI,YAAY,CAAE,CAAC;gCAClH,IAAI,IAAI,CAAC,MAAM,EAAE;oCACf,OAAO,CACL,wCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,yBAAkB,kBAAkB,CAAE,EACjD,OAAO,EAAE,KAAI,CAAC,aAAa;wCAE1B,IAAI,CAAC,IAAI;wCACT,gBAAgB,CACZ,CACR,CAAC;iCACH;qCAAM,IAAI,IAAI,CAAC,YAAY,EAAE;oCAC5B,OAAO,CACL,wCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,yBAAkB,kBAAkB,CAAE,EACjD,OAAO,EAAE,IAAI,CAAC,YAAY;wCAEzB,IAAI,CAAC,IAAI;wCACT,gBAAgB,CACZ,CACR,CAAC;iCACH;qCAAM;oCACL,OAAO,CACL,8BAAC,WAAI,IACH,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EACrB,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,kBAAkB;wCAE5B,IAAI,CAAC,IAAI;wCACT,gBAAgB,CACZ,CACR,CAAC;iCACH;4BACH,CAAC,CAAC,CACA,CACF,CACP,CACgB,CAClB,CACJ,CAAA;SAAA,CACU,CACd,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AA5aD,CAA4B,iBAAS,GA4apC;AA5aY,wBAAM"}

package/lib/components/navigation/leftNav/index.d.ts

@@ -12,6 +12,7 @@ interface Props extends LinkProps {
     navigation: Navigation[];
     leftNavMobileMenu: boolean;
     draggable?: boolean;
+    darkMode?: boolean;
     transition?: {
         headerVisible?: boolean;
         collapse?: boolean;
@@ -30,6 +31,13 @@ export declare class LeftNav extends Component<Props> {
     renderCollapseIcon: () => React.JSX.Element;
     renderDashboardHeader: () => React.JSX.Element;
     renderLeftNav: () => React.JSX.Element;
+    renderDarkModeSettings: () => {
+        textColor: string;
+        iconTextColor: string;
+        bgColor: string;
+        mildbgColor: string;
+        borderColor: string;
+    };
     render(): React.JSX.Element;
 }
 export {};

package/lib/components/navigation/leftNav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,4BAA4B,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,UAAU,0BA2BR;IAEF,kBAAkB,0BAsBhB;IAEF,qBAAqB,0BA2BnB;IAEF,aAAa,0BAqEX;IAEF,MAAM;CAaP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,4BAA4B,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,UAAU,0BA+BR;IAEF,kBAAkB,0BAsBhB;IAEF,qBAAqB,0BAmCnB;IAEF,aAAa,0BAyEX;IAEF,sBAAsB;;;;;;MASpB;IAEF,MAAM;CAcP"}

package/lib/components/navigation/leftNav/index.js

@@ -51,14 +51,15 @@ var LeftNav = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.renderBars = function () {
             var _a;
+            var borderColor = _this.renderDarkModeSettings().borderColor;
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("div", { className: "flex flex-col space-y-1" },
-                    react_1.default.createElement(bars_1.Bars, { primaryColor: true, bars: _this.props.navigation, selectedId: _this.props.selectedId, draggable: _this.props.draggable, custom: _this.props.custom, linkType: _this.props.linkType, collapse: (_a = _this.props.transition) === null || _a === void 0 ? void 0 : _a.collapse, handleChangeBars: function (value) {
+                    react_1.default.createElement(bars_1.Bars, { primaryColor: true, bars: _this.props.navigation, selectedId: _this.props.selectedId, draggable: _this.props.draggable, custom: _this.props.custom, darkMode: _this.props.darkMode, darkModeBg: "bg-gray-800", linkType: _this.props.linkType, collapse: (_a = _this.props.transition) === null || _a === void 0 ? void 0 : _a.collapse, handleChangeBars: function (value) {
                             if (_this.props.handleChangeNavigation)
                                 _this.props.handleChangeNavigation(value);
                         }, handleDropEnd: _this.props.handleDropEnd })),
                 react_1.default.createElement("div", { className: "grow" }),
-                _this.props.renderDashboardFooterContent && (react_1.default.createElement("div", { className: "flex flex-shrink-0 border-t border-gray-200 p-4" }, _this.props.renderDashboardFooterContent()))));
+                _this.props.renderDashboardFooterContent && (react_1.default.createElement("div", { className: "flex flex-shrink-0 border-t ".concat(borderColor, " p-4") }, _this.props.renderDashboardFooterContent()))));
         };
         _this.renderCollapseIcon = function () {
             var _a, _b;
@@ -75,29 +76,31 @@ var LeftNav = /** @class */ (function (_super) {
         };
         _this.renderDashboardHeader = function () {
             var _a, _b;
+            var _c = _this.renderDarkModeSettings(), textColor = _c.textColor, mildbgColor = _c.mildbgColor, borderColor = _c.borderColor;
             if (((_a = _this.props.transition) === null || _a === void 0 ? void 0 : _a.headerVisible) === undefined ||
                 ((_b = _this.props.transition) === null || _b === void 0 ? void 0 : _b.headerVisible)) {
-                return (react_1.default.createElement("div", { className: "relative flex-shrink-0 flex h-16 bg-white shadow border-b border-gray-200 lg:border-none" },
-                    react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.Bars3Icon, { className: "h-5 w-5 text-gray-400" }), className: "px-4 border-r rounded-md border-gray-200 lg:hidden", onClick: _this.props.handleToggleLeftNavMobileMenu }),
-                    react_1.default.createElement(container_1.Container, { bgColor: "bg-white", className: "h-full" }, _this.props.renderDashboardHeaderContent())));
+                return (react_1.default.createElement("div", { className: "relative flex-shrink-0 flex h-16 ".concat(mildbgColor, " shadow border-b ").concat(borderColor, " lg:border-none") },
+                    react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.Bars3Icon, { className: "h-5 w-5 ".concat(textColor) }), className: "px-4 border-r rounded-md ".concat(borderColor, " lg:hidden "), darkMode: _this.props.darkMode, onClick: _this.props.handleToggleLeftNavMobileMenu }),
+                    react_1.default.createElement(container_1.Container, { bgColor: mildbgColor, className: "h-full " }, _this.props.renderDashboardHeaderContent())));
             }
-            return (react_1.default.createElement("div", { className: "relative flex-shrink-0 flex h-16 bg-white shadow border-b border-gray-200 lg:border-none lg:hidden" },
-                react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.Bars3Icon, { className: "h-5 w-5 text-gray-400" }), className: "px-4 border-r rounded-md border-gray-200 lg:hidden", onClick: _this.props.handleToggleLeftNavMobileMenu })));
+            return (react_1.default.createElement("div", { className: "relative flex-shrink-0 flex h-16 ".concat(mildbgColor, " shadow border-b ").concat(borderColor, " lg:border-none lg:hidden") },
+                react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.Bars3Icon, { className: "h-5 w-5 ".concat(textColor) }), className: "px-4 border-r rounded-md ".concat(borderColor, " lg:hidden"), darkMode: _this.props.darkMode, onClick: _this.props.handleToggleLeftNavMobileMenu })));
         };
         _this.renderLeftNav = function () {
             var _a, _b, _c, _d;
+            var _e = _this.renderDarkModeSettings(), mildbgColor = _e.mildbgColor, textColor = _e.textColor, borderColor = _e.borderColor;
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 _this.props.leftNavMobileMenu && (react_1.default.createElement("div", { className: "fixed inset-0 flex z-40 lg:hidden", role: "dialog", "aria-modal": "true" },
                     react_1.default.createElement("div", { className: "fixed inset-0 bg-gray-600 bg-opacity-75", onClick: _this.props.handleToggleLeftNavMobileMenu, "aria-hidden": "true" }),
-                    react_1.default.createElement("div", { className: "relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white" },
+                    react_1.default.createElement("div", { className: "relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 ".concat(mildbgColor) },
                         react_1.default.createElement("div", { className: "absolute top-0 right-0 -mr-12 pt-2" },
-                            react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.XMarkIcon, { className: "h-5 w-5 text-white" }), background: "bg-transparent", className: "text-white ml-1 rounded-md flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white", onClick: _this.props.handleToggleLeftNavMobileMenu })),
+                            react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.XMarkIcon, { className: "h-5 w-5 ".concat(textColor) }), background: "bg-transparent", className: "text-white ml-1 rounded-md flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white", onClick: _this.props.handleToggleLeftNavMobileMenu })),
                         _this.props.renderDashboardLogo(),
                         react_1.default.createElement("div", { className: "mt-5 flex-1 h-0 overflow-y-auto" },
                             react_1.default.createElement("nav", { className: "flex flex-col px-2 h-full" }, _this.renderBars()))),
                     react_1.default.createElement("div", { className: "flex-shrink-0 w-14", "aria-hidden": "true" }))),
                 react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-shrink-0" },
-                    react_1.default.createElement("div", { className: "flex flex-col ".concat(((_a = _this.props.transition) === null || _a === void 0 ? void 0 : _a.collapse) ? "w-20" : "w-64", " border-r border-gray-200 pt-5 pb-4 bg-white") },
+                    react_1.default.createElement("div", { className: "flex flex-col ".concat(mildbgColor, " ").concat(((_a = _this.props.transition) === null || _a === void 0 ? void 0 : _a.collapse) ? "w-20" : "w-64", " border-r ").concat(borderColor, " pt-5 pb-4 ") },
                         react_1.default.createElement("div", { className: "flex flex-row ".concat(((_b = _this.props.transition) === null || _b === void 0 ? void 0 : _b.collapse)
                                 ? "justify-center"
                                 : "justify-between", " items-center") },
@@ -109,10 +112,21 @@ var LeftNav = /** @class */ (function (_super) {
                         react_1.default.createElement("div", { className: "h-0 flex-1 flex flex-col overflow-y-auto" },
                             react_1.default.createElement("nav", { className: "flex flex-col px-3 mt-6 h-full" }, _this.renderBars()))))));
         };
+        _this.renderDarkModeSettings = function () {
+            var textColor = _this.props.darkMode ? "text-white" : "text-black";
+            var iconTextColor = _this.props.darkMode ? "text-white" : "text-gray-400";
+            var bgColor = _this.props.darkMode ? "bg-gray-900" : "bg-gray-100";
+            var mildbgColor = _this.props.darkMode ? "bg-gray-800" : "bg-white";
+            var borderColor = _this.props.darkMode
+                ? "border-gray-500"
+                : "border-gray-200";
+            return { textColor: textColor, iconTextColor: iconTextColor, bgColor: bgColor, mildbgColor: mildbgColor, borderColor: borderColor };
+        };
         return _this;
     }
     LeftNav.prototype.render = function () {
-        return (react_1.default.createElement("div", { className: "h-screen flex overflow-hidden bg-gray-100" },
+        var bgColor = this.renderDarkModeSettings().bgColor;
+        return (react_1.default.createElement("div", { className: "h-screen flex overflow-hidden ".concat(bgColor) },
             this.renderLeftNav(),
             react_1.default.createElement("div", { className: "flex-1 overflow-auto focus:outline-none" },
                 this.renderDashboardHeader(),

package/lib/components/navigation/leftNav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/navigation/tabs/index.d.ts

@@ -13,6 +13,7 @@ interface Props extends LinkProps {
     onClick?: (id: string) => void;
     handleChangeTabs?: (value: any) => void;
     handleDropEnd?: () => void;
+    darkMode?: boolean;
 }
 export declare class Tabs extends Component<Props> {
     dragItem: any;

package/lib/components/navigation/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAClE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;IACvE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAe;IAC5B,YAAY,EAAE,GAAG,CAAe;IAChC,OAAO,EAAE,GAAG,CAAQ;IAEpB,iBAAiB;IAMjB,eAAe,mCAGb;IAEF,cAAc,uBAEZ;IAEF,eAAe,uBAQb;IAEF,UAAU,aAIR;IAEF,MAAM;CA+DP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAClE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;IACvE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAe;IAC5B,YAAY,EAAE,GAAG,CAAe;IAChC,OAAO,EAAE,GAAG,CAAQ;IAEpB,iBAAiB;IAMjB,eAAe,mCAGb;IAEF,cAAc,uBAEZ;IAEF,eAAe,uBAQb;IAEF,UAAU,aAIR;IAEF,MAAM;CAuEP"}

package/lib/components/navigation/tabs/index.js

@@ -97,15 +97,23 @@ var Tabs = /** @class */ (function (_super) {
     };
     Tabs.prototype.render = function () {
         var _this = this;
+        var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
+        var textColor = this.props.darkMode ? "text-white" : "text-gray-700";
+        var subHoverColor = this.props.darkMode
+            ? "hover:text-gray-300"
+            : "hover:text-primary-600";
+        var subBorderColor = this.props.darkMode
+            ? "hover:border-gray-300"
+            : "hover:border-primary-600";
         return (react_1.default.createElement("div", null,
-            react_1.default.createElement("div", { className: "border-b border-gray-200" },
+            react_1.default.createElement("div", { className: "border-b border-gray-200 ".concat(bgColor) },
                 react_1.default.createElement("nav", { className: "-mb-px flex space-x-8", "aria-label": "Tabs" }, this.props.tabs.map(function (tab, index) {
                     var containerClassName = classNames(tab.id === _this.props.selectedId
                         ? "border-primary-500 text-primary-600"
                         : _this.dragItem.current === index
-                            ? "border-gray-300 text-gray-700"
-                            : "border-transparent text-gray-500 ".concat(_this.dragItem.current === null &&
-                                "hover:text-gray-700 hover:border-gray-300"), "cursor-pointer whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm");
+                            ? "border-gray-300 ".concat(textColor)
+                            : "border-transparent ".concat(textColor, " ").concat(_this.dragItem.current === null &&
+                                "".concat(subHoverColor, " ").concat(subBorderColor)), "cursor-pointer whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm");
                     if (_this.props.onClick) {
                         return (react_1.default.createElement("div", { key: tab.name, className: containerClassName, onClick: _this.props.onClick.bind(_this, tab.id), draggable: _this.props.draggable, onDragStart: function (event) { return _this.handleDragStart(event, index); }, onDragEnter: function () { return _this.handleDragEnter(index); }, onDragOver: function (event) { return _this.handleDragOver(event); }, onDrop: _this.handleDrop },
                             react_1.default.createElement("div", { className: "flex flex-cols-2" },

package/lib/components/navigation/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blixify-ui-web",
-  "version": "0.1.183",
+  "version": "0.1.185",
   "license": "MIT",
   "main": "lib/index.js",
   "private": false,