@amateescu/portal-ui-components 0.0.32-beta1 → 0.0.33

package/dist/components/InfoModal/InfoModal.js

@@ -1,27 +1,27 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import * as r from "react";
-import { S as m } from "../../VModalIcon-D7L4bQLO.js";
-import { M as i } from "../../index-Dz00OoV7.js";
-import '../../assets/ErrorModal.css';const p = (o) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ r.createElement("path", { d: "M13 16H12V12H11M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), x = "_flexRowCenter_1wx1z_85", d = "_mr10_1wx1z_91", h = "_text18_1wx1z_99", f = "_content_1wx1z_103", t = {
-  flexRowCenter: x,
-  mr10: d,
-  text18: h,
-  content: f
+import { S as i } from "../../VModalIcon-D7L4bQLO.js";
+import { M as m } from "../../index-Dz00OoV7.js";
+import '../../assets/ErrorModal.css';const d = (t) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ r.createElement("path", { d: "M13 16H12V12H11M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), f = "_flexRowCenter_ufgj5_1", p = "_mr10_ufgj5_7", x = "_text18_ufgj5_15", h = "_content_ufgj5_19", o = {
+  flexRowCenter: f,
+  mr10: p,
+  text18: x,
+  content: h
 };
-function k({ modalOpen: o, contentText: s, setModalOpen: l, title: c, okText: a }) {
-  return localStorage.getItem("theme") === "portal-theme" ? import("../../portal-theme-BarSJQdA.js") : import("../../theme-94RKb7HE.js"), /* @__PURE__ */ e(
-    i,
+function w({ modalOpen: t, contentText: s, setModalOpen: l, title: c, okText: a }) {
+  return /* @__PURE__ */ e(
+    m,
     {
-      title: /* @__PURE__ */ n("span", { className: t.flexRowCenter, children: [
-        /* @__PURE__ */ e(p, { className: t.mr10 }),
-        /* @__PURE__ */ e("p", { className: t.text18, children: c })
+      title: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
+        /* @__PURE__ */ e(d, { className: o.mr10, color: "var(--color-primary)" }),
+        /* @__PURE__ */ e("p", { className: o.text18, children: c })
       ] }),
       centered: !0,
-      open: o,
+      open: t,
       onOk: () => l(!1),
       closeIcon: !1,
-      okText: /* @__PURE__ */ n("span", { className: t.flexRowCenter, children: [
-        /* @__PURE__ */ e(m, {}),
+      okText: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
+        /* @__PURE__ */ e(i, {}),
         /* @__PURE__ */ e("span", { children: a })
       ] }),
       okButtonProps: {
@@ -35,10 +35,10 @@ function k({ modalOpen: o, contentText: s, setModalOpen: l, title: c, okText: a
         }
       },
       zIndex: 2e3,
-      children: /* @__PURE__ */ e("p", { className: t.content, children: s })
+      children: /* @__PURE__ */ e("p", { className: o.content, children: s })
     }
   );
 }
 export {
-  k as InfoModal
+  w as InfoModal
 };

package/dist/components/KpiCard/KpiCard.js

@@ -2383,7 +2383,7 @@ const Dn = (e) => {
 Ke.Grid = Qt;
 Ke.Meta = Dn;
 process.env.NODE_ENV !== "production" && (Ke.displayName = "Card");
-const Bn = "_kpiCard_rhgq4_85", jn = "_width430_rhgq4_91", An = "_width384_rhgq4_100", Gn = "_flexCol_rhgq4_104", Hn = "_flexRow_rhgq4_109", Wn = "_title_rhgq4_114", Vn = "_content_rhgq4_140", Ce = {
+const Bn = "_kpiCard_w4qw3_1", jn = "_width430_w4qw3_7", An = "_width384_w4qw3_16", Gn = "_flexCol_w4qw3_20", Hn = "_flexRow_w4qw3_25", Wn = "_title_w4qw3_30", Vn = "_content_w4qw3_56", Ce = {
   kpiCard: Bn,
   width430: jn,
   width384: An,

package/dist/components/KpiWrapper/KpiWrapper.stories.js

@@ -1,12 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { S as e } from "../../InvencoGVR-qnTq-d6S.js";
+import '../../assets/SideMenu.css';import '../../assets/globals.css';/* empty css                     */
 import "react";
 import "@mui/x-data-grid";
 import { KpiCard as i } from "../KpiCard/KpiCard.js";
 import { KpiWrapper as n } from "./KpiWrapper.js";
 import "i18next";
-import '../../assets/SideMenu.css';/* empty css                      */
-const s = {
+/* empty css                      */
+const m = {
   title: "Kpi Wrapper",
   component: n,
   tags: ["autodocs"],
@@ -19,7 +20,7 @@ const s = {
       padding: "10px 10px"
     }
   }
-}, m = {}, K = {
+}, K = {}, u = {
   args: {
     children: [
       /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
@@ -27,7 +28,7 @@ const s = {
       /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   }
-}, u = {
+}, g = {
   args: {
     children: [
       /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
@@ -36,7 +37,7 @@ const s = {
       /* @__PURE__ */ t(i, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   }
-}, g = {
+}, w = {
   args: {
     children: [
       /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
@@ -47,9 +48,9 @@ const s = {
   render: (r) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(n, { ...r }) })
 };
 export {
-  m as Default,
-  g as RTL,
-  K as With3Kpis,
-  u as With4Kpis,
-  s as default
+  K as Default,
+  w as RTL,
+  u as With3Kpis,
+  g as With4Kpis,
+  m as default
 };

package/dist/components/Login/Login.js

@@ -8848,7 +8848,7 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
 });
 const ui = ke(/* @__PURE__ */ v("path", {
   d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2M9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9zm9 14H6V10h12zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2"
-}), "LockOutlined"), Si = ({ title: t, disableAll: o, error: n, setError: r, handleSubmit: i, version: s }) => (localStorage.getItem("theme") === "portal-theme" ? import("../../portal-theme-BarSJQdA.js") : import("../../theme-94RKb7HE.js"), /* @__PURE__ */ ce(Ko, { component: "main", maxWidth: "xs", children: [
+}), "LockOutlined"), Si = ({ title: t, disableAll: o, error: n, setError: r, handleSubmit: i, version: s }) => /* @__PURE__ */ ce(Ko, { component: "main", maxWidth: "xs", children: [
   /* @__PURE__ */ v(Xo, {}),
   /* @__PURE__ */ ce(
     oo,
@@ -8906,7 +8906,7 @@ const ui = ke(/* @__PURE__ */ v("path", {
       ]
     }
   )
-] }));
+] });
 export {
   Si as Login
 };

package/dist/components/SideMenu/SideMenu.js

@@ -1,66 +1,66 @@
-import { jsxs as i, jsx as e, Fragment as M } from "react/jsx-runtime";
-import * as n from "react";
-import { M as R, S as N, U as h } from "../../UserInfoDropdown-Cql8tlJU.js";
+import { jsxs as o, jsx as e, Fragment as M } from "react/jsx-runtime";
+import * as l from "react";
+import { M as R, S as N, U as h } from "../../UserInfoDropdown-GTCkmg6H.js";
 import { S as H } from "../../InvencoGVR-qnTq-d6S.js";
 import '../../assets/SideMenu.css';/* empty css                      */
-const v = (l) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("path", { d: "M11 19L4 12L11 5M19 19L12 12L19 5", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (l) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("path", { d: "M13 5L20 12L13 19M5 5L12 12L5 19", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), V = (l) => /* @__PURE__ */ n.createElement("svg", { width: 28, height: 27, viewBox: "0 0 28 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 4V9C10.5 9.55228 10.0523 10 9.5 10H4.5L6.5 12H9.5C11.1569 12 12.5 10.6569 12.5 9V6L10.5 4Z", fill: "#12121A" }), /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 6V0L8.5 2V7.75C8.5 7.88807 8.38807 8 8.25 8H2.5L0.5 6H6.5Z", fill: "#12121A" }), /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5 4V9C17.5 9.55228 17.9477 10 18.5 10H23.5L21.5 12H18.5C16.8431 12 15.5 10.6569 15.5 9V6L17.5 4Z", fill: "#12121A" }), /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5 6V0L19.5 2V7.75C19.5 7.88807 19.6119 8 19.75 8H25.5L27.5 6H21.5Z", fill: "#12121A" }), /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 23V18C10.5 17.4477 10.0523 17 9.5 17H4.5L6.5 15H9.5C11.1569 15 12.5 16.3431 12.5 18V21L10.5 23Z", fill: "#12121A" }), /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 21V27L8.5 25V19.25C8.5 19.1119 8.38807 19 8.25 19H2.5L0.5 21H6.5Z", fill: "#12121A" })), j = ({
-  logo: l,
+const v = (n) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ l.createElement("path", { d: "M11 19L4 12L11 5M19 19L12 12L19 5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (n) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ l.createElement("path", { d: "M13 5L20 12L13 19M5 5L12 12L5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), V = (n) => /* @__PURE__ */ l.createElement("svg", { width: 28, height: 27, viewBox: "0 0 28 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 4V9C10.5 9.55228 10.0523 10 9.5 10H4.5L6.5 12H9.5C11.1569 12 12.5 10.6569 12.5 9V6L10.5 4Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 6V0L8.5 2V7.75C8.5 7.88807 8.38807 8 8.25 8H2.5L0.5 6H6.5Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5 4V9C17.5 9.55228 17.9477 10 18.5 10H23.5L21.5 12H18.5C16.8431 12 15.5 10.6569 15.5 9V6L17.5 4Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5 6V0L19.5 2V7.75C19.5 7.88807 19.6119 8 19.75 8H25.5L27.5 6H21.5Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 23V18C10.5 17.4477 10.0523 17 9.5 17H4.5L6.5 15H9.5C11.1569 15 12.5 16.3431 12.5 18V21L10.5 23Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 21V27L8.5 25V19.25C8.5 19.1119 8.38807 19 8.25 19H2.5L0.5 21H6.5Z", fill: "#12121A" })), Z = ({
+  logo: n,
   title: u,
-  softwareName: r,
-  majorVersion: f,
-  menuItems: L,
+  softwareName: t,
+  majorVersion: L,
+  menuItems: f,
   userInfoDropdownItems: c,
-  collapsed: t,
+  collapsed: r,
   username: a,
   isRtl: d,
-  openKeys: g,
-  toggleCollapsed: o,
-  onClick: w,
+  openKeys: w,
+  toggleCollapsed: i,
+  onClick: g,
   handleMenuClickUserInfo: s,
-  handleOpenChange: x
+  handleOpenChange: C
 }) => {
-  const m = /@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, k = t ? 54 : 250, C = t ? 50 : 250;
-  return localStorage.getItem("theme") === "portal-theme" ? import("../../portal-theme-BarSJQdA.js") : import("../../theme-94RKb7HE.js"), /* @__PURE__ */ i("div", { style: { width: k }, className: "main-container", children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e("div", { className: "flex-col-center mt-15", children: d ? /* @__PURE__ */ e(v, { onClick: o, className: "pointer" }) : /* @__PURE__ */ e(p, { onClick: o, className: "pointer" }) }) : /* @__PURE__ */ i("div", { className: "space-around-center", children: [
-      /* @__PURE__ */ i("div", { className: "flex-row-center", children: [
-        l,
-        /* @__PURE__ */ i("h4", { className: "station ml-5", children: [
+  const m = /@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, x = r ? 54 : 250, k = r ? 50 : 250;
+  return /* @__PURE__ */ o("div", { style: { width: x }, className: "main-container", children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { children: r ? /* @__PURE__ */ e("div", { className: "flex-col-center mt-15", children: d ? /* @__PURE__ */ e(v, { onClick: i, className: "pointer", color: "var(--color-primary)" }) : /* @__PURE__ */ e(p, { onClick: i, className: "pointer", color: "var(--color-primary)" }) }) : /* @__PURE__ */ o("div", { className: "space-around-center", children: [
+      /* @__PURE__ */ o("div", { className: "flex-row-center", children: [
+        n,
+        /* @__PURE__ */ o("h4", { className: "station ml-5", children: [
           u,
-          r ? /* @__PURE__ */ i(M, { children: [
+          t ? /* @__PURE__ */ o(M, { children: [
             /* @__PURE__ */ e("br", {}),
             " ",
-            r,
+            t,
             ": ",
-            f
+            L
           ] }) : ""
         ] })
       ] }),
-      d ? /* @__PURE__ */ e(p, { onClick: o, className: "pointer" }) : /* @__PURE__ */ e(v, { onClick: o, className: "pointer" })
+      d ? /* @__PURE__ */ e(p, { onClick: i, className: "pointer", color: "var(--color-primary)" }) : /* @__PURE__ */ e(v, { onClick: i, className: "pointer", color: "var(--color-primary)" })
     ] }) }) }),
     /* @__PURE__ */ e(
       R,
       {
-        onClick: w,
+        onClick: g,
         mode: "inline",
-        onOpenChange: x,
-        openKeys: g,
+        onOpenChange: C,
+        openKeys: w,
         selectedKeys: [location.pathname.slice(location.pathname.lastIndexOf("/"), location.pathname.length)],
-        items: t ? void 0 : L,
-        expandIcon: /* @__PURE__ */ e(N, {}),
+        items: r ? void 0 : f,
+        expandIcon: /* @__PURE__ */ e(N, { color: "var(--color-primary)" }),
         style: {
-          height: t ? "82vh" : "80vh",
+          height: r ? "82vh" : "80vh",
           //menuHeight,
-          width: C,
+          width: k,
           backgroundColor: "var(--color-background)",
           border: "none"
         },
         className: "menu side-menu"
       }
     ),
-    t ? /* @__PURE__ */ e("div", { className: "flex-col-center mb-30", children: /* @__PURE__ */ e(h, { user: a.replace(m, ""), collapsed: !0, items: c, handleMenuClick: s }) }) : /* @__PURE__ */ e("div", { className: "user-logo-container", children: /* @__PURE__ */ e(h, { user: a.replace(m, ""), collapsed: !1, items: c, handleMenuClick: s }) }),
-    t ? /* @__PURE__ */ e("div", { className: "flex-col-center mb-30", children: /* @__PURE__ */ e(V, {}) }) : /* @__PURE__ */ e("div", { className: "logo-small-container", children: /* @__PURE__ */ e(H, {}) })
+    r ? /* @__PURE__ */ e("div", { className: "flex-col-center mb-30", children: /* @__PURE__ */ e(h, { user: a.replace(m, ""), collapsed: !0, items: c, handleMenuClick: s }) }) : /* @__PURE__ */ e("div", { className: "user-logo-container", children: /* @__PURE__ */ e(h, { user: a.replace(m, ""), collapsed: !1, items: c, handleMenuClick: s }) }),
+    r ? /* @__PURE__ */ e("div", { className: "flex-col-center mb-30", children: /* @__PURE__ */ e(V, {}) }) : /* @__PURE__ */ e("div", { className: "logo-small-container", children: /* @__PURE__ */ e(H, {}) })
   ] });
 };
 export {
-  j as SideMenu
+  Z as SideMenu
 };

package/dist/components/TotalDataGrid/TotalDataGrid.js

@@ -1,16 +1,16 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { DataGrid as l, gridClasses as o } from "@mui/x-data-grid";
-const p = ({
+const c = ({
   rows: r,
-  isFetching: a,
-  columnsDefinitions: t
-}) => (localStorage.getItem("theme") === "portal-theme" ? import("../../portal-theme-BarSJQdA.js") : import("../../theme-94RKb7HE.js"), /* @__PURE__ */ n(
+  isFetching: n,
+  columnsDefinitions: e
+}) => /* @__PURE__ */ t(
   l,
   {
-    loading: (!r || !r.length) && a,
-    rows: r.map((e, i) => (e.id = i, e)),
-    columns: t,
-    getRowClassName: (e) => e.id === r.length - 1 ? "last-row" : "",
+    loading: (!r || !r.length) && n,
+    rows: r.map((a, i) => (a.id = i, a)),
+    columns: e,
+    getRowClassName: (a) => a.id === r.length - 1 ? "last-row" : "",
     sx: {
       "& .last-row": {
         "& .MuiDataGrid-cellContent": {
@@ -115,7 +115,7 @@ const p = ({
       }
     }
   }
-));
+);
 export {
-  p as TotalDataGrid
+  c as TotalDataGrid
 };

package/dist/components/UserInfoDropdown/UserInfoDropdown.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { U as t } from "../../UserInfoDropdown-Cql8tlJU.js";
+import { U as t } from "../../UserInfoDropdown-GTCkmg6H.js";
 import "../../portal-utils/cn.js";
 export {
   t as UserInfoDropdown

package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { userInfoDropdownItems as s } from "../../mock.js";
-import { U as o } from "../../UserInfoDropdown-Cql8tlJU.js";
+import { U as o } from "../../UserInfoDropdown-GTCkmg6H.js";
 const n = {
   title: "User Info Dropdown",
   component: o,

package/dist/components/index.js

@@ -1,28 +1,29 @@
-import { ConfirmationModal as t } from "./ConfirmationModal/ConfirmationModal.js";
-import { CustomButton as m } from "./CustomButton/CustomButton.js";
-import { CustomFooter as f } from "./CustomFooter/CustomFooter.js";
+import '../assets/globals.css';/* empty css                  */
+import { ConfirmationModal as m } from "./ConfirmationModal/ConfirmationModal.js";
+import { CustomButton as e } from "./CustomButton/CustomButton.js";
+import { CustomFooter as a } from "./CustomFooter/CustomFooter.js";
 import { CustomPagination as n } from "./CustomPagination/CustomPagination.js";
-import { ErrorModal as i } from "./ErrorModal/ErrorModal.js";
-import { InfoModal as s } from "./InfoModal/InfoModal.js";
-import { KpiCard as C } from "./KpiCard/KpiCard.js";
-import { KpiWrapper as M } from "./KpiWrapper/KpiWrapper.js";
-import { LoadingAnimation as D } from "./LoadingAnimation/LoadingAnimation.js";
-import { Login as K } from "./Login/Login.js";
-import { SideMenu as U } from "./SideMenu/SideMenu.js";
-import { TotalDataGrid as A } from "./TotalDataGrid/TotalDataGrid.js";
-import { U as E } from "../UserInfoDropdown-Cql8tlJU.js";
+import { ErrorModal as d } from "./ErrorModal/ErrorModal.js";
+import { InfoModal as u } from "./InfoModal/InfoModal.js";
+import { KpiCard as l } from "./KpiCard/KpiCard.js";
+import { KpiWrapper as g } from "./KpiWrapper/KpiWrapper.js";
+import { LoadingAnimation as I } from "./LoadingAnimation/LoadingAnimation.js";
+import { Login as L } from "./Login/Login.js";
+import { SideMenu as w } from "./SideMenu/SideMenu.js";
+import { TotalDataGrid as B } from "./TotalDataGrid/TotalDataGrid.js";
+import { U as F } from "../UserInfoDropdown-GTCkmg6H.js";
 export {
-  t as ConfirmationModal,
-  m as CustomButton,
-  f as CustomFooter,
+  m as ConfirmationModal,
+  e as CustomButton,
+  a as CustomFooter,
   n as CustomPagination,
-  i as ErrorModal,
-  s as InfoModal,
-  C as KpiCard,
-  M as KpiWrapper,
-  D as LoadingAnimation,
-  K as Login,
-  U as SideMenu,
-  A as TotalDataGrid,
-  E as UserInfoDropdown
+  d as ErrorModal,
+  u as InfoModal,
+  l as KpiCard,
+  g as KpiWrapper,
+  I as LoadingAnimation,
+  L as Login,
+  w as SideMenu,
+  B as TotalDataGrid,
+  F as UserInfoDropdown
 };

package/dist/main.js

@@ -1,47 +1,48 @@
-import { ConfirmationModal as e } from "./components/ConfirmationModal/ConfirmationModal.js";
-import { CustomButton as m } from "./components/CustomButton/CustomButton.js";
-import { CustomFooter as p } from "./components/CustomFooter/CustomFooter.js";
-import { CustomPagination as n } from "./components/CustomPagination/CustomPagination.js";
-import { ErrorModal as i } from "./components/ErrorModal/ErrorModal.js";
-import { InfoModal as d } from "./components/InfoModal/InfoModal.js";
-import { KpiCard as g } from "./components/KpiCard/KpiCard.js";
-import { KpiWrapper as s } from "./components/KpiWrapper/KpiWrapper.js";
-import { LoadingAnimation as L } from "./components/LoadingAnimation/LoadingAnimation.js";
-import { Login as P } from "./components/Login/Login.js";
-import { SideMenu as h } from "./components/SideMenu/SideMenu.js";
-import { TotalDataGrid as A } from "./components/TotalDataGrid/TotalDataGrid.js";
-import { U as I } from "./UserInfoDropdown-Cql8tlJU.js";
-import { chunkArray as b } from "./portal-utils/chunkArray.js";
-import { cn as v } from "./portal-utils/cn.js";
-import { currency as B, date as E, datetime as F, decimal as G, fuelUnitPrice as S, fuelVolume as T, hours as V, number as W, time as j } from "./portal-utils/formatters.js";
-import { LogLevel as z, createLogger as H } from "./portal-utils/loggerService.js";
-import { getPageCount as N } from "./portal-utils/pageCount.js";
+import './assets/globals.css';/* empty css                 */
+import { ConfirmationModal as t } from "./components/ConfirmationModal/ConfirmationModal.js";
+import { CustomButton as p } from "./components/CustomButton/CustomButton.js";
+import { CustomFooter as a } from "./components/CustomFooter/CustomFooter.js";
+import { CustomPagination as i } from "./components/CustomPagination/CustomPagination.js";
+import { ErrorModal as u } from "./components/ErrorModal/ErrorModal.js";
+import { InfoModal as l } from "./components/InfoModal/InfoModal.js";
+import { KpiCard as c } from "./components/KpiCard/KpiCard.js";
+import { KpiWrapper as C } from "./components/KpiWrapper/KpiWrapper.js";
+import { LoadingAnimation as M } from "./components/LoadingAnimation/LoadingAnimation.js";
+import { Login as U } from "./components/Login/Login.js";
+import { SideMenu as y } from "./components/SideMenu/SideMenu.js";
+import { TotalDataGrid as D } from "./components/TotalDataGrid/TotalDataGrid.js";
+import { U as K } from "./UserInfoDropdown-GTCkmg6H.js";
+import { chunkArray as k } from "./portal-utils/chunkArray.js";
+import { cn as w } from "./portal-utils/cn.js";
+import { currency as E, date as F, datetime as G, decimal as S, fuelUnitPrice as T, fuelVolume as V, hours as W, number as j, time as q } from "./portal-utils/formatters.js";
+import { LogLevel as H, createLogger as J } from "./portal-utils/loggerService.js";
+import { getPageCount as O } from "./portal-utils/pageCount.js";
 export {
-  e as ConfirmationModal,
-  m as CustomButton,
-  p as CustomFooter,
-  n as CustomPagination,
-  i as ErrorModal,
-  d as InfoModal,
-  g as KpiCard,
-  s as KpiWrapper,
-  L as LoadingAnimation,
-  z as LogLevel,
-  P as Login,
-  h as SideMenu,
-  A as TotalDataGrid,
-  I as UserInfoDropdown,
-  b as chunkArray,
-  v as cn,
-  H as createLogger,
-  B as currency,
-  E as date,
-  F as datetime,
-  G as decimal,
-  S as fuelUnitPrice,
-  T as fuelVolume,
-  N as getPageCount,
-  V as hours,
-  W as number,
-  j as time
+  t as ConfirmationModal,
+  p as CustomButton,
+  a as CustomFooter,
+  i as CustomPagination,
+  u as ErrorModal,
+  l as InfoModal,
+  c as KpiCard,
+  C as KpiWrapper,
+  M as LoadingAnimation,
+  H as LogLevel,
+  U as Login,
+  y as SideMenu,
+  D as TotalDataGrid,
+  K as UserInfoDropdown,
+  k as chunkArray,
+  w as cn,
+  J as createLogger,
+  E as currency,
+  F as date,
+  G as datetime,
+  S as decimal,
+  T as fuelUnitPrice,
+  V as fuelVolume,
+  O as getPageCount,
+  W as hours,
+  j as number,
+  q as time
 };

package/package.json

@@ -2,19 +2,15 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.32-beta1",
+  "version": "0.0.33",
   "type": "module",
   "files": [
-    "dist",
-    "src/theme/theme.scss",
-    "src/theme/portal-theme.scss"
+    "dist"
   ],
   "exports": {
     "./components": "./dist/components/index.js",
     "./types": "./dist/types/index.js",
-    "./portal-utils": "./dist/portal-utils/index.js",
-    "./theme.css": "./dist/assets/theme.css",
-    "./portal-theme.css": "./dist/assets/portal-theme.css"
+    "./portal-utils": "./dist/portal-utils/index.js"
   },
   "scripts": {
     "build": "tsc && vite build",

package/dist/assets/portal-theme.css

@@ -1 +0,0 @@
-:root{--color-primary: #cbddf3;--color-secondary: #626367;--color-background: #f0f0f0;--color-background-secondary: #f3f6f8;--color-text: #12121a;--color-text-secondary: #111111;--color-text-light: #777;--color-text-dark: #333;--color-border: #ddd;--color-highlight: #05a952;--color-highlight-data-grid: rgba(5,169,82,.10196);--color-mui-selected: #F5F7FB;--color-warning: #eea63c;--color-critical: #f95048;--color-neutral: #fafafa;--color-red: red;--color-gray: #e0e0e0;--color-blue: #0054EE;--color-light-gray-blue: #E6EBEF;--color-very-light-gray: #DBDBDB;--color-white: white;--color-green: green;--color-ant-theme: #00b96b;--color-avatar: #41b06e;--font-size-xxsmall: 8px;--font-size-9: 9px;--font-size-xsmall: 10px;--font-size-small: 12px;--font-size-normal: 13px;--font-size-medium: 14px;--font-size-large: 16px;--font-size-xlarge: 18px;--font-size-xxlarge: 20px;--font-size-xxxlarge: 21px;--font-size-22: 22px;--font-size-kpi-card: 32px;--font-bolded: 600;--font-500: 500;--font-400: 400}

package/src/theme/portal-theme.scss

@@ -1,43 +0,0 @@
-:root {
-  --color-primary: #cbddf3;
-  --color-secondary: #626367;
-  --color-background: #f0f0f0;
-  --color-background-secondary: #f3f6f8;
-  --color-text: #12121a;
-  --color-text-secondary: #111111;
-  --color-text-light: #777;
-  --color-text-dark: #333;
-  --color-border: #ddd;
-  --color-highlight: #05a952;
-  --color-highlight-data-grid: #05a9521a; //data-grid row selection
-  --color-mui-selected: #F5F7FB;
-  --color-warning: #eea63c;
-  --color-critical: #f95048;
-  --color-neutral: #fafafa;
-  --color-red: red;
-  --color-gray: #e0e0e0;
-  --color-blue: #0054EE; //clear filters
-  --color-light-gray-blue: #E6EBEF;
-  --color-very-light-gray: #DBDBDB;
-  --color-white: white;
-  --color-green: green;
-  --color-ant-theme: #00b96b;
-  --color-avatar: #41b06e;
-
-  --font-size-xxsmall: 8px;
-  --font-size-9: 9px;
-  --font-size-xsmall: 10px;
-  --font-size-small: 12px;
-  --font-size-normal: 13px;
-  --font-size-medium: 14px;
-  --font-size-large: 16px;
-  --font-size-xlarge: 18px;
-  --font-size-xxlarge: 20px;
-  --font-size-xxxlarge: 21px;
-  --font-size-22: 22px;
-  --font-size-kpi-card: 32px;
-
-  --font-bolded: 600;
-  --font-500: 500;
-  --font-400: 400;
-}

package/src/theme/theme.scss

@@ -1,43 +0,0 @@
-:root {
-  --color-primary: #045529;
-  --color-secondary: #626367;
-  --color-background: #f0f0f0;
-  --color-background-secondary: #f3f6f8;
-  --color-text: #12121a;
-  --color-text-secondary: #111111;
-  --color-text-light: #777;
-  --color-text-dark: #333;
-  --color-border: #ddd;
-  --color-highlight: #05a952;
-  --color-highlight-data-grid: #05a9521a; //data-grid row selection
-  --color-mui-selected: #F5F7FB;
-  --color-warning: #eea63c;
-  --color-critical: #f95048;
-  --color-neutral: #fafafa;
-  --color-red: red;
-  --color-gray: #e0e0e0;
-  --color-blue: #0054EE; //clear filters
-  --color-light-gray-blue: #E6EBEF;
-  --color-very-light-gray: #DBDBDB;
-  --color-white: white;
-  --color-green: green;
-  --color-ant-theme: #00b96b;
-  --color-avatar: #41b06e;
-
-  --font-size-xxsmall: 8px;
-  --font-size-9: 9px;
-  --font-size-xsmall: 10px;
-  --font-size-small: 12px;
-  --font-size-normal: 13px;
-  --font-size-medium: 14px;
-  --font-size-large: 16px;
-  --font-size-xlarge: 18px;
-  --font-size-xxlarge: 20px;
-  --font-size-xxxlarge: 21px;
-  --font-size-22: 22px;
-  --font-size-kpi-card: 32px;
-
-  --font-bolded: 600;
-  --font-500: 500;
-  --font-400: 400;
-}