@amateescu/portal-ui-components 0.0.32-beta0 → 0.0.32-beta2

package/dist/{UserInfoDropdown-DtadP0e7.js → UserInfoDropdown-DcgHMy3r.js}

@@ -3,9 +3,9 @@ import * as l from "react";
 import $t, { useRef as Be, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as He, createContext as to } from "react";
 import { cn as oo } from "./portal-utils/cn.js";
 import { _ as ze } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
-import { I as Ve, K as le, H as no, U as We, ah as ro, g as de, m as ce, y as ve, u as O, a2 as io, a as ie, E as ao, v as be, D as je, c as _, p as lo, N as so, e as se, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as he, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-4ttylmIf.js";
+import { I as Ve, K as le, H as no, U as We, ah as ro, g as de, m as ce, y as ve, u as O, a2 as io, a as ie, E as ao, v as be, D as je, c as _, p as lo, N as so, e as se, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as Ge, o as he, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-4ttylmIf.js";
 import { R as ho, T as $o, c as yo, M as Co, a as Se, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-CmR4hXJ_.js";
-import { P as fe, i as Te, C as St, b as zo, u as Ge, d as ue, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-CykVuv66.js";
+import { P as fe, i as Te, C as St, b as zo, u as qe, d as ue, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-CykVuv66.js";
 import './assets/UserInfoDropdown.css';function Mo(e, t) {
   return fe.reduce((o, n) => {
     const r = e[`${n}1`], a = e[`${n}3`], i = e[`${n}6`], s = e[`${n}7`];
@@ -106,7 +106,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), qo = new le("antMoveUpIn", {
+}), Go = new le("antMoveUpIn", {
   "0%": {
     transform: "translate3d(0, -100%, 0)",
     transformOrigin: "0 0",
@@ -117,7 +117,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Go = new le("antMoveUpOut", {
+}), qo = new le("antMoveUpOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -130,8 +130,8 @@ const Ao = (e) => ({
   }
 }), Yo = {
   "move-up": {
-    inKeyframes: qo,
-    outKeyframes: Go
+    inKeyframes: Go,
+    outKeyframes: qo
   },
   "move-down": {
     inKeyframes: Lo,
@@ -418,13 +418,13 @@ const Ye = /* @__PURE__ */ l.forwardRef((e, t) => {
     const X = be("Avatar");
     process.env.NODE_ENV !== "production" && X(!(typeof s == "string" && s.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${s}\` at https://ant.design/components/icon`);
   }
-  const j = P("avatar", o), H = je(j), [D, W, q] = Nt(j, H), G = _({
+  const j = P("avatar", o), H = je(j), [D, W, G] = Nt(j, H), q = _({
     [`${j}-lg`]: E === "large",
     [`${j}-sm`]: E === "small"
-  }), Z = /* @__PURE__ */ l.isValidElement(a), ee = n || (z == null ? void 0 : z.shape) || "circle", k = _(j, G, I == null ? void 0 : I.className, `${j}-${ee}`, {
+  }), Z = /* @__PURE__ */ l.isValidElement(a), ee = n || (z == null ? void 0 : z.shape) || "circle", k = _(j, q, I == null ? void 0 : I.className, `${j}-${ee}`, {
     [`${j}-image`]: Z || a && M,
     [`${j}-icon`]: !!s
-  }, q, H, c, u, W), U = typeof E == "number" ? {
+  }, G, H, c, u, W), U = typeof E == "number" ? {
     width: E,
     height: E,
     fontSize: s ? E / 2 : 18
@@ -581,7 +581,7 @@ var me = {
       overlayInnerStyle: se(se({}, P), A == null ? void 0 : A.body)
     }, I);
   }, W = function() {
-    var G = l.Children.only(v), Z = (G == null ? void 0 : G.props) || {}, ee = se(se({}, Z), {}, {
+    var q = l.Children.only(v), Z = (q == null ? void 0 : q.props) || {}, ee = se(se({}, Z), {}, {
       "aria-describedby": I ? F : null
     });
     return /* @__PURE__ */ l.cloneElement(v, ee);
@@ -1156,19 +1156,19 @@ const $n = /* @__PURE__ */ l.forwardRef((e, t) => {
     style: j,
     classNames: H,
     styles: D
-  } = Xe("tooltip"), W = be("Tooltip"), q = l.useRef(null), G = () => {
+  } = Xe("tooltip"), W = be("Tooltip"), G = l.useRef(null), q = () => {
     var K;
-    (K = q.current) === null || K === void 0 || K.forceAlign();
+    (K = G.current) === null || K === void 0 || K.forceAlign();
   };
   l.useImperativeHandle(t, () => {
     var K, te;
     return {
-      forceAlign: G,
+      forceAlign: q,
       forcePopupAlign: () => {
-        W.deprecated(!1, "forcePopupAlign", "forceAlign"), G();
+        W.deprecated(!1, "forcePopupAlign", "forceAlign"), q();
       },
-      nativeElement: (K = q.current) === null || K === void 0 ? void 0 : K.nativeElement,
-      popupElement: (te = q.current) === null || te === void 0 ? void 0 : te.popupElement
+      nativeElement: (K = G.current) === null || K === void 0 ? void 0 : K.nativeElement,
+      popupElement: (te = G.current) === null || te === void 0 ? void 0 : te.popupElement
     };
   }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"], ["overlayStyle", "styles={{ root: {} }}"], ["overlayInnerStyle", "styles={{ body: {} }}"], ["overlayClassName", 'classNames={{ root: "" }}']].forEach((K) => {
     let [te, ae] = K;
@@ -1196,9 +1196,9 @@ const $n = /* @__PURE__ */ l.forwardRef((e, t) => {
   }, typeof X == "function" ? X() : X), J = A("tooltip", r), V = A(), re = e["data-popover-inject"];
   let ne = Z;
   !("open" in e) && !("visible" in e) && k && (ne = !1);
-  const Me = /* @__PURE__ */ l.isValidElement(u) && !zo(u) ? u : /* @__PURE__ */ l.createElement("span", null, u), ye = Me.props, Xt = !ye.className || typeof ye.className == "string" ? _(ye.className, a || `${J}-open`) : ye.className, [Ft, qt, Gt] = Bt(J, !re), De = zt(J, s), Yt = De.arrowStyle, Ut = _(x, {
+  const Me = /* @__PURE__ */ l.isValidElement(u) && !zo(u) ? u : /* @__PURE__ */ l.createElement("span", null, u), ye = Me.props, Xt = !ye.className || typeof ye.className == "string" ? _(ye.className, a || `${J}-open`) : ye.className, [Ft, Gt, qt] = Bt(J, !re), De = zt(J, s), Yt = De.arrowStyle, Ut = _(x, {
     [`${J}-rtl`]: L === "rtl"
-  }, De.className, w, qt, Gt, F, H.root, I == null ? void 0 : I.root), Kt = _(H.body, I == null ? void 0 : I.body), [Zt, Qt] = Ge("Tooltip", z.zIndex), Jt = /* @__PURE__ */ l.createElement(sn, Object.assign({}, z, {
+  }, De.className, w, Gt, qt, F, H.root, I == null ? void 0 : I.root), Kt = _(H.body, I == null ? void 0 : I.body), [Zt, Qt] = qe("Tooltip", z.zIndex), Jt = /* @__PURE__ */ l.createElement(sn, Object.assign({}, z, {
     zIndex: Zt,
     showArrow: y,
     placement: B,
@@ -1214,7 +1214,7 @@ const $n = /* @__PURE__ */ l.forwardRef((e, t) => {
       body: Object.assign(Object.assign(Object.assign(Object.assign({}, D.body), c), P == null ? void 0 : P.body), De.overlayStyle)
     },
     getTooltipContainer: $ || i || E,
-    ref: q,
+    ref: G,
     builtinPlacements: Q,
     overlay: Y,
     visible: ne,
@@ -1550,7 +1550,7 @@ const dt = (e) => {
   }
   const S = a("avatar", s), $ = `${S}-group`, B = je(S), [M, R, T] = Nt(S, B), w = _($, {
     [`${$}-rtl`]: i === "rtl"
-  }, T, B, c, u, R), x = qe(C).map((z, y) => ue(z, {
+  }, T, B, c, u, R), x = Ge(C).map((z, y) => ue(z, {
     // eslint-disable-next-line react/no-array-index-key
     key: `avatar-key-${y}`
   })), P = (b == null ? void 0 : b.count) || f, I = x.length;
@@ -1912,13 +1912,13 @@ const ut = {
   }, r || /* @__PURE__ */ l.createElement(Rt, null)) : null, j = w === "rtl" == !d, W = {
     expanded: j ? /* @__PURE__ */ l.createElement(Oe, null) : /* @__PURE__ */ l.createElement(Ne, null),
     collapsed: j ? /* @__PURE__ */ l.createElement(Ne, null) : /* @__PURE__ */ l.createElement(Oe, null)
-  }[S ? "collapsed" : "expanded"], q = r !== null ? F || /* @__PURE__ */ l.createElement("div", {
+  }[S ? "collapsed" : "expanded"], G = r !== null ? F || /* @__PURE__ */ l.createElement("div", {
     className: `${x}-trigger`,
     onClick: N,
     style: {
       width: L
     }
-  }, r || W) : null, G = Object.assign(Object.assign({}, c), {
+  }, r || W) : null, q = Object.assign(Object.assign({}, c), {
     flex: `0 0 ${L}`,
     maxWidth: L,
     minWidth: L,
@@ -1936,11 +1936,11 @@ const ut = {
   }, /* @__PURE__ */ l.createElement("aside", Object.assign({
     className: Z
   }, E, {
-    style: G,
+    style: q,
     ref: t
   }), /* @__PURE__ */ l.createElement("div", {
     className: `${x}-children`
-  }, a), u || B && F ? q : null)));
+  }, a), u || B && F ? G : null)));
 });
 process.env.NODE_ENV !== "production" && (kn.displayName = "Sider");
 const Ee = /* @__PURE__ */ to({
@@ -2001,7 +2001,7 @@ const Ht = (e) => {
     title: g
   };
   !p && !m && (h.title = null, h.open = !1);
-  const C = qe(n).length;
+  const C = Ge(n).length;
   let b = /* @__PURE__ */ l.createElement(Co, Object.assign({}, he(e, ["title", "icon", "danger"]), {
     className: _({
       [`${c}-item-danger`]: i,
@@ -2087,7 +2087,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       }
     }
   };
-}, qn = (e) => {
+}, Gn = (e) => {
   let {
     componentCls: t,
     menuArrowOffset: o,
@@ -2361,7 +2361,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       paddingInlineEnd: d
     }
   };
-}, Gn = (e) => {
+}, qn = (e) => {
   const {
     componentCls: t,
     iconCls: o,
@@ -2995,13 +2995,13 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       Fn(w),
       // Hard code for some light style
       // Vertical
-      Gn(w),
+      qn(w),
       // Hard code for some light style
       // Theme
       pt(w, "light"),
       pt(x, "dark"),
       // RTL
-      qn(w),
+      Gn(w),
       // Motion
       Ao(w),
       Se(w, "slide-up"),
@@ -3045,7 +3045,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
   }
   const m = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
-  }), [i]), [v] = Ge("Menu");
+  }), [i]), [v] = qe("Menu");
   return /* @__PURE__ */ l.createElement(Ee.Provider, {
     value: m
   }, /* @__PURE__ */ l.createElement(xo, Object.assign({}, he(e, ["icon"]), {
@@ -3118,9 +3118,9 @@ const Qn = {
       return r.expandIcon || null;
     if (typeof (c == null ? void 0 : c.expandIcon) == "function" || Ae(c == null ? void 0 : c.expandIcon))
       return (c == null ? void 0 : c.expandIcon) || null;
-    const q = (D = p ?? (r == null ? void 0 : r.expandIcon)) !== null && D !== void 0 ? D : c == null ? void 0 : c.expandIcon;
-    return ue(q, {
-      className: _(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (W = q.props) === null || W === void 0 ? void 0 : W.className : void 0)
+    const G = (D = p ?? (r == null ? void 0 : r.expandIcon)) !== null && D !== void 0 ? D : c == null ? void 0 : c.expandIcon;
+    return ue(G, {
+      className: _(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(G) ? (W = G.props) === null || W === void 0 ? void 0 : W.className : void 0)
     });
   }, [p, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, y]), H = l.useMemo(() => ({
     prefixCls: y,
@@ -3529,12 +3529,12 @@ const er = (e) => {
       [`${y}-rtl`]: w === "rtl"
     }, j.props.className),
     disabled: (t = j.props.disabled) !== null && t !== void 0 ? t : s
-  }), D = s ? [] : i, W = !!(D != null && D.includes("contextMenu")), [q, G] = Fe(!1, {
+  }), D = s ? [] : i, W = !!(D != null && D.includes("contextMenu")), [G, q] = Fe(!1, {
     value: v ?? g
   }), Z = wt((V) => {
     p == null || p(V, {
       source: "trigger"
-    }), h == null || h(V), G(V);
+    }), h == null || h(V), q(V);
   }), ee = _(d, f, A, L, N, x == null ? void 0 : x.className, {
     [`${y}-rtl`]: w === "rtl"
   }), k = Pt({
@@ -3546,7 +3546,7 @@ const er = (e) => {
   }), U = l.useCallback(() => {
     o != null && o.selectable && (o != null && o.multiple) || (p == null || p(!1, {
       source: "menu"
-    }), G(!1));
+    }), q(!1));
   }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), Q = () => {
     let V;
     return o != null && o.items ? V = /* @__PURE__ */ l.createElement(ge, Object.assign({}, o)) : typeof B == "function" ? V = B() : V = B, c && (V = c(V)), V = l.Children.only(typeof V == "string" ? /* @__PURE__ */ l.createElement("span", null, V) : V), /* @__PURE__ */ l.createElement(Xn, {
@@ -3569,13 +3569,13 @@ const er = (e) => {
         process.env.NODE_ENV !== "production" && P(!ne || ne === "vertical", "usage", `mode="${ne}" is not supported for Dropdown's Menu.`);
       }
     }, V);
-  }, [X, Y] = Ge("Dropdown", m == null ? void 0 : m.zIndex);
+  }, [X, Y] = qe("Dropdown", m == null ? void 0 : m.zIndex);
   let J = /* @__PURE__ */ l.createElement(Bo, Object.assign({
     alignPoint: W
   }, he(e, ["rootClassName"]), {
     mouseEnterDelay: C,
     mouseLeaveDelay: b,
-    visible: q,
+    visible: G,
     builtinPlacements: k,
     arrow: !!n,
     overlayClassName: ee,
@@ -3652,7 +3652,7 @@ const cr = /* @__PURE__ */ l.forwardRef((e, t) => {
     wrap: S = !1,
     classNames: $,
     styles: B
-  } = e, M = sr(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [R, T] = Array.isArray(d) ? d : [d, d], w = bt(T), x = bt(R), P = ht(T), I = ht(R), z = qe(p, {
+  } = e, M = sr(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [R, T] = Array.isArray(d) ? d : [d, d], w = bt(T), x = bt(R), P = ht(T), I = ht(R), z = Ge(p, {
     keepEmpty: !0
   }), y = f === void 0 && g === "horizontal" ? "center" : f, N = n("space", h), [E, A, L] = To(N), F = _(N, i, A, `${N}-${g}`, {
     [`${N}-rtl`]: r === "rtl",
@@ -3661,27 +3661,27 @@ const cr = /* @__PURE__ */ l.forwardRef((e, t) => {
     [`${N}-gap-col-${R}`]: x
   }, m, v, L), j = _(`${N}-item`, (o = $ == null ? void 0 : $.item) !== null && o !== void 0 ? o : c.item);
   let H = 0;
-  const D = z.map((G, Z) => {
+  const D = z.map((q, Z) => {
     var ee;
-    G != null && (H = Z);
-    const k = (G == null ? void 0 : G.key) || `${j}-${Z}`;
+    q != null && (H = Z);
+    const k = (q == null ? void 0 : q.key) || `${j}-${Z}`;
     return /* @__PURE__ */ l.createElement(lr, {
       className: j,
       key: k,
       index: Z,
       split: C,
       style: (ee = B == null ? void 0 : B.item) !== null && ee !== void 0 ? ee : u.item
-    }, G);
+    }, q);
   }), W = l.useMemo(() => ({
     latestIndex: H
   }), [H]);
   if (z.length === 0)
     return null;
-  const q = {};
-  return S && (q.flexWrap = "wrap"), !x && I && (q.columnGap = R), !w && P && (q.rowGap = T), E(/* @__PURE__ */ l.createElement("div", Object.assign({
+  const G = {};
+  return S && (G.flexWrap = "wrap"), !x && I && (G.columnGap = R), !w && P && (G.rowGap = T), E(/* @__PURE__ */ l.createElement("div", Object.assign({
     ref: t,
     className: F,
-    style: Object.assign(Object.assign(Object.assign({}, q), s), b)
+    style: Object.assign(Object.assign(Object.assign({}, G), s), b)
   }, M), /* @__PURE__ */ l.createElement(ar, {
     value: W
   }, D)));
@@ -3750,7 +3750,7 @@ const Vt = (e) => {
     compactItemClassnames: D
   } = Ro(L, n), W = _(F, D, m);
   "overlay" in e && (j.overlay = h), "open" in e && (j.open = S), "placement" in e ? j.placement = B : j.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
-  const q = /* @__PURE__ */ l.createElement(lt, {
+  const G = /* @__PURE__ */ l.createElement(lt, {
     type: a,
     danger: i,
     disabled: s,
@@ -3759,11 +3759,11 @@ const Vt = (e) => {
     htmlType: d,
     href: R,
     title: w
-  }, f), G = /* @__PURE__ */ l.createElement(lt, {
+  }, f), q = /* @__PURE__ */ l.createElement(lt, {
     type: a,
     danger: i,
     icon: T
-  }), [Z, ee] = x([q, G]);
+  }), [Z, ee] = x([G, q]);
   return /* @__PURE__ */ l.createElement(et.Compact, Object.assign({
     className: W,
     size: H,
@@ -3773,7 +3773,7 @@ const Vt = (e) => {
 Vt.__ANT_BUTTON = !0;
 const Wt = $e;
 Wt.Button = Vt;
-const ur = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), mr = "_avatar_1r72q_43", pr = "_pointer_1r72q_49", gr = "_flexRowCenter_1r72q_53", fr = "_userTitle_1r72q_60", xe = {
+const ur = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), mr = "_avatar_1f4cc_1", pr = "_pointer_1f4cc_7", gr = "_flexRowCenter_1f4cc_11", fr = "_userTitle_1f4cc_18", xe = {
   avatar: mr,
   pointer: pr,
   flexRowCenter: gr,

package/dist/assets/ConfirmationModal.css

@@ -1 +1 @@
-: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: 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}._flexRowCenter_1mxo7_43{display:flex!important;flex-direction:row;align-items:center}._mr10_1mxo7_49,html[dir=rtl] ._mr10_1mxo7_49{margin-right:10px}html[dir=ltr] ._mr10_1mxo7_49{margin-left:10px}._text18_1mxo7_61{font-size:18px;font-size:var(--font-size-xlarge)}._content_1mxo7_65{position:relative;top:-10px}
+._flexRowCenter_18rw0_1{display:flex!important;flex-direction:row;align-items:center}._mr10_18rw0_7,html[dir=rtl] ._mr10_18rw0_7{margin-right:10px}html[dir=ltr] ._mr10_18rw0_7{margin-left:10px}._text18_18rw0_19{font-size:var(--font-size-xlarge)}._content_18rw0_23{position:relative;top:-10px}

package/dist/assets/ErrorModal.css

@@ -1 +1 @@
-: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: 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}._flexRowCenter_1ixx3_43{display:flex!important;flex-direction:row;align-items:center}html[dir=rtl] ._mr10_1ixx3_49{margin-right:10px}html[dir=ltr] ._mr10_1ixx3_49{margin-left:10px}._text18_1ixx3_57{font-size:18px;font-size:var(--font-size-xlarge)}._content_1ixx3_61{position:relative;top:-10px}
+._flexRowCenter_ufgj5_1{display:flex!important;flex-direction:row;align-items:center}html[dir=rtl] ._mr10_ufgj5_7{margin-right:10px}html[dir=ltr] ._mr10_ufgj5_7{margin-left:10px}._text18_ufgj5_15{font-size:var(--font-size-xlarge)}._content_ufgj5_19{position:relative;top:-10px}

package/dist/assets/KpiCard.css

@@ -1 +1 @@
-: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: 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}._kpiCard_19chq_43{height:147px;background-color:#f0f0f0;background-color:var(--color-background);border-radius:8px}._width430_19chq_49{width:430px}@media (max-width: 1500px){._width430_19chq_49{width:200px}}._width384_19chq_58{width:384px}._flexCol_19chq_62{display:flex;flex-direction:column}._flexRow_19chq_67{display:flex;flex-direction:row}._title_19chq_72{font-size:32px;font-size:var(--font-size-kpi-card);font-weight:500;color:#12121a;color:var(--color-text)}@media (max-width: 900px){._title_19chq_72{font-size:12px;font-size:var(--font-size-small)}}@media (max-width: 1100px){._title_19chq_72{font-size:16px;font-size:var(--font-size-large)}}@media (max-width: 1400px){._title_19chq_72{font-size:20px;font-size:var(--font-size-xxlarge)}}@media (max-width: 1600px){._title_19chq_72{font-size:22px;font-size:var(--font-size-22)}}._content_19chq_98{font-size:21px;font-size:var(--font-size-xxxlarge);font-weight:400;color:#626367;color:var(--color-secondary);margin-top:-10px}@media (max-width: 900px){._content_19chq_98{font-size:8px;font-size:var(--font-size-xxsmall)}}@media (max-width: 1100px){._content_19chq_98{font-size:12px;font-size:var(--font-size-small)}}@media (max-width: 1400px){._content_19chq_98{font-size:14px;font-size:var(--font-size-medium)}}
+._kpiCard_w4qw3_1{height:147px;background-color:var(--color-background);border-radius:8px}._width430_w4qw3_7{width:430px}@media (max-width: 1500px){._width430_w4qw3_7{width:200px}}._width384_w4qw3_16{width:384px}._flexCol_w4qw3_20{display:flex;flex-direction:column}._flexRow_w4qw3_25{display:flex;flex-direction:row}._title_w4qw3_30{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media (max-width: 900px){._title_w4qw3_30{font-size:var(--font-size-small)}}@media (max-width: 1100px){._title_w4qw3_30{font-size:var(--font-size-large)}}@media (max-width: 1400px){._title_w4qw3_30{font-size:var(--font-size-xxlarge)}}@media (max-width: 1600px){._title_w4qw3_30{font-size:var(--font-size-22)}}._content_w4qw3_56{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary);margin-top:-10px}@media (max-width: 900px){._content_w4qw3_56{font-size:var(--font-size-xxsmall)}}@media (max-width: 1100px){._content_w4qw3_56{font-size:var(--font-size-small)}}@media (max-width: 1400px){._content_w4qw3_56{font-size:var(--font-size-medium)}}

package/dist/assets/SideMenu.css

@@ -1 +1 @@
-: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: 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}.ant-menu-title-content{color:#626367;color:var(--color-secondary)}.main-container{background-color:#f0f0f0;background-color:var(--color-background);border-top-right-radius:16px;border-bottom-right-radius:16px;height:100vh}[dir=rtl] .main-container{border-radius:16px 0 0 16px/16px 0px 0px 16px}.menu{overflow-y:scroll;background-color:#f0f0f0;background-color:var(--color-background)}.menu::-webkit-scrollbar{display:none}.side-menu .ant-menu-item-selected{background-color:#fafafa!important;background-color:var(--color-neutral)!important;box-shadow:0 5px 5px gray!important}.side-menu .ant-menu-item-selected span{color:#12121a!important;color:var(--color-text)!important}.side-menu .ant-menu-root{border-right-style:none!important}.side-menu .ant-menu-submenu-title svg{width:25px!important}.mb-10{margin-bottom:10px}.flex-col-center{display:flex;flex-direction:column;align-items:center}.mt-15{margin-top:15px}.space-around-center{display:flex;align-items:center;justify-content:space-around}.flex-row-center{display:flex;flex-direction:row;align-content:center;align-items:center;line-height:1}.ml-5{margin-left:5px}.mb-30{margin-bottom:30px}.avatar{background-color:#41b06e;background-color:var(--color-avatar);vertical-align:middle;text-transform:uppercase}.user-container{display:flex;flex-direction:column;margin-left:5px}.username{font-size:12px;font-size:var(--font-size-small);color:#626367;color:var(--color-secondary);margin-left:.5em}.email{font-size:9px;font-size:var(--font-size-9);color:#626367;color:var(--color-secondary)}.user-logo-container{cursor:pointer;display:flex;align-items:center;margin:10px;justify-content:space-between;border:1px solid #e0e0e0;border:1px solid var(--color-gray);border-radius:10px;padding:5px}.general-information{cursor:pointer;display:flex;align-items:center;margin:10px;justify-content:space-between;border:1px solid #e0e0e0;border:1px solid var(--color-gray);border-radius:10px;padding:5px;height:52px}.logo-small-container{display:flex;margin:10px auto auto;flex-direction:column;align-items:center;padding-top:5px;padding-bottom:10px}.pointer{cursor:pointer}
+: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: 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}: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}.ant-menu-title-content{color:#626367;color:var(--color-secondary)}.main-container{background-color:#f0f0f0;background-color:var(--color-background);border-top-right-radius:16px;border-bottom-right-radius:16px;height:100vh}[dir=rtl] .main-container{border-radius:16px 0 0 16px/16px 0px 0px 16px}.menu{overflow-y:scroll;background-color:#f0f0f0;background-color:var(--color-background)}.menu::-webkit-scrollbar{display:none}.side-menu .ant-menu-item-selected{background-color:#fafafa!important;background-color:var(--color-neutral)!important;box-shadow:0 5px 5px gray!important}.side-menu .ant-menu-item-selected span{color:#12121a!important;color:var(--color-text)!important}.side-menu .ant-menu-root{border-right-style:none!important}.side-menu .ant-menu-submenu-title svg{width:25px!important}.mb-10{margin-bottom:10px}.flex-col-center{display:flex;flex-direction:column;align-items:center}.mt-15{margin-top:15px}.space-around-center{display:flex;align-items:center;justify-content:space-around}.flex-row-center{display:flex;flex-direction:row;align-content:center;align-items:center;line-height:1}.ml-5{margin-left:5px}.mb-30{margin-bottom:30px}.avatar{background-color:#41b06e;background-color:var(--color-avatar);vertical-align:middle;text-transform:uppercase}.user-container{display:flex;flex-direction:column;margin-left:5px}.username{font-size:12px;font-size:var(--font-size-small);color:#626367;color:var(--color-secondary);margin-left:.5em}.email{font-size:9px;font-size:var(--font-size-9);color:#626367;color:var(--color-secondary)}.user-logo-container{cursor:pointer;display:flex;align-items:center;margin:10px;justify-content:space-between;border:1px solid #e0e0e0;border:1px solid var(--color-gray);border-radius:10px;padding:5px}.general-information{cursor:pointer;display:flex;align-items:center;margin:10px;justify-content:space-between;border:1px solid #e0e0e0;border:1px solid var(--color-gray);border-radius:10px;padding:5px;height:52px}.logo-small-container{display:flex;margin:10px auto auto;flex-direction:column;align-items:center;padding-top:5px;padding-bottom:10px}.pointer{cursor:pointer}

package/dist/assets/UserInfoDropdown.css

@@ -1 +1 @@
-: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: 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}._avatar_1r72q_43{background-color:#41b06e;background-color:var(--color-avatar);vertical-align:middle;text-transform:uppercase}._pointer_1r72q_49{cursor:pointer}._flexRowCenter_1r72q_53{display:flex;flex-direction:row;align-content:center;align-items:center}._userTitle_1r72q_60{font-size:12px;font-size:var(--font-size-small);color:#626367;color:var(--color-secondary);margin-left:10px}[dir=rtl] ._userTitle_1r72q_60{margin-right:10px}
+._avatar_1f4cc_1{background-color:var(--color-avatar);vertical-align:middle;text-transform:uppercase}._pointer_1f4cc_7{cursor:pointer}._flexRowCenter_1f4cc_11{display:flex;flex-direction:row;align-content:center;align-items:center}._userTitle_1f4cc_18{font-size:var(--font-size-small);color:var(--color-secondary);margin-left:10px}[dir=rtl] ._userTitle_1f4cc_18{margin-right:10px}

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -1,30 +1,29 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import * as n from "react";
 import { S as m } from "../../VModalIcon-D7L4bQLO.js";
-import '../../assets/theme.css';import '../../assets/ConfirmationModal.css';/* empty css                   */
 import { M as d } from "../../index-Dz00OoV7.js";
-const x = (t) => /* @__PURE__ */ n.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (t) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), g = "_flexRowCenter_1mxo7_43", w = "_mr10_1mxo7_49", f = "_text18_1mxo7_61", C = "_content_1mxo7_65", o = {
-  flexRowCenter: g,
-  mr10: w,
+import '../../assets/ConfirmationModal.css';const w = (o) => /* @__PURE__ */ n.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ n.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (o) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ n.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), x = "_flexRowCenter_18rw0_1", g = "_mr10_18rw0_7", f = "_text18_18rw0_19", C = "_content_18rw0_23", t = {
+  flexRowCenter: x,
+  mr10: g,
   text18: f,
   content: C
 };
-function L({ modalOpen: t, contentText: l, setModalOpen: s, commandOnOk: c, title: a, approve: i, cancel: h }) {
+function u({ modalOpen: o, contentText: l, setModalOpen: s, commandOnOk: c, title: a, approve: i, cancel: h }) {
   return /* @__PURE__ */ e(
     d,
     {
-      title: /* @__PURE__ */ r("span", { className: o.flexRowCenter, children: [
-        /* @__PURE__ */ e(x, { className: o.mr10 }),
-        /* @__PURE__ */ e("p", { className: o.text18, children: a })
+      title: /* @__PURE__ */ r("span", { className: t.flexRowCenter, children: [
+        /* @__PURE__ */ e(w, { className: t.mr10 }),
+        /* @__PURE__ */ e("p", { className: t.text18, children: a })
       ] }),
       centered: !0,
-      open: t,
+      open: o,
       onOk: () => {
         c(), s(!1);
       },
       onCancel: () => s(!1),
       closeIcon: !1,
-      okText: /* @__PURE__ */ r("span", { className: o.flexRowCenter, children: [
+      okText: /* @__PURE__ */ r("span", { className: t.flexRowCenter, children: [
         /* @__PURE__ */ e(m, {}),
         /* @__PURE__ */ e("span", { children: i })
       ] }),
@@ -39,14 +38,14 @@ function L({ modalOpen: t, contentText: l, setModalOpen: s, commandOnOk: c, titl
           color: "var(--color-highlight)"
         }
       },
-      cancelText: /* @__PURE__ */ r("span", { className: o.flexRowCenter, children: [
+      cancelText: /* @__PURE__ */ r("span", { className: t.flexRowCenter, children: [
         /* @__PURE__ */ e(p, {}),
         /* @__PURE__ */ e("span", { children: h })
       ] }),
-      children: /* @__PURE__ */ e("p", { className: o.content, children: l })
+      children: /* @__PURE__ */ e("p", { className: t.content, children: l })
     }
   );
 }
 export {
-  L as ConfirmationModal
+  u as ConfirmationModal
 };

package/dist/components/CustomButton/CustomButton.js

@@ -1,7 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import '../../assets/theme.css';/* empty css                   */
 import { B as l } from "../../Button-xgiLW4_3.js";
-const p = ({ content: r, height: o = "40px", width: t = "120px", direction: n = "left", size: a = "small", ...e }) => /* @__PURE__ */ i(
+const m = ({ content: r, height: o = "40px", width: t = "120px", direction: n = "left", size: a = "small", ...e }) => /* @__PURE__ */ i(
   l,
   {
     variant: "outlined",
@@ -33,5 +32,5 @@ const p = ({ content: r, height: o = "40px", width: t = "120px", direction: n =
   }
 );
 export {
-  p as CustomButton
+  m as CustomButton
 };

package/dist/components/CustomFooter/CustomFooter.stories.js

@@ -1,11 +1,10 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import "react";
-import '../../assets/SideMenu.css';import '../../assets/theme.css';/* empty css                   */
 import { Pagination as a } from "../CustomPagination/CustomPagination.js";
 import { TotalDataGrid as s } from "../TotalDataGrid/TotalDataGrid.js";
 import "@mui/x-data-grid";
 import "i18next";
-/* empty css                      */
+import '../../assets/SideMenu.css';/* empty css                      */
 import { columnsDefinitions as e, total as i } from "../../mock.js";
 const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
   /* @__PURE__ */ t(
@@ -18,7 +17,7 @@ const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
   ),
   /* @__PURE__ */ t(a, { isRtl: o, page: 2, pageCount: 12, onPageChange: () => {
   } })
-] }), h = {
+] }), C = {
   title: "Custom Footer",
   component: m,
   tags: ["autodocs"],
@@ -28,13 +27,13 @@ const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
   args: {
     isRtl: !1
   }
-}, x = {}, D = {
+}, h = {}, x = {
   args: {
     isRtl: !0
   }
 };
 export {
-  x as Default,
-  D as RTL,
-  h as default
+  h as Default,
+  x as RTL,
+  C as default
 };

package/dist/components/CustomPagination/CustomPagination.js

@@ -1,6 +1,5 @@
 import { jsx as l, jsxs as ot } from "react/jsx-runtime";
 import * as c from "react";
-import '../../assets/theme.css';/* empty css                   */
 import { GridPagination as nt } from "@mui/x-data-grid";
 import { g as Q, a as X, u as Y, s as R, c as A, b as T, d as Z, m as F, i as S, e as _, P as e } from "../../createSimplePaletteValueFilter-evt-Xthj.js";
 import { u as st, a as it, b as j, i as B } from "../../useSlot-Baxtq84W.js";
@@ -809,10 +808,10 @@ function Ot({
     }
   );
 }
-function Mt({ isRtl: t, pageCount: a }) {
+function zt({ isRtl: t, pageCount: a }) {
   return /* @__PURE__ */ l(nt, { ActionsComponent: (o) => /* @__PURE__ */ l(Ot, { isRtl: t, pageCount: a, ...o }) });
 }
 export {
-  Mt as CustomPagination,
+  zt as CustomPagination,
   Ot as Pagination
 };

package/dist/components/ErrorModal/ErrorModal.js

@@ -1,17 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/theme.css';import '../../assets/ErrorModal.css';/* empty css                   */
-import { useState as x } from "react";
-import { M as h } from "../../index-Dz00OoV7.js";
-const p = "_flexRowCenter_1ixx3_43", d = "_text18_1ixx3_57", m = "_content_1ixx3_61", t = {
-  flexRowCenter: p,
-  text18: d,
-  content: m
-}, u = ({ error: o, resetErrorBoundary: n, title: r, tryAgain: l, cancel: c }) => {
-  const [s, a] = x(!0), i = () => {
+import { useState as h } from "react";
+import { M as p } from "../../index-Dz00OoV7.js";
+import '../../assets/ErrorModal.css';const d = "_flexRowCenter_ufgj5_1", x = "_text18_ufgj5_15", f = "_content_ufgj5_19", t = {
+  flexRowCenter: d,
+  text18: x,
+  content: f
+}, C = ({ error: o, resetErrorBoundary: n, title: r, tryAgain: l, cancel: c }) => {
+  const [s, a] = h(!0), i = () => {
     a(!1);
   };
   return /* @__PURE__ */ e(
-    h,
+    p,
     {
       title: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("p", { className: t.text18, children: r }) }),
       centered: !0,
@@ -37,5 +36,5 @@ const p = "_flexRowCenter_1ixx3_43", d = "_text18_1ixx3_57", m = "_content_1ixx3
   );
 };
 export {
-  u as ErrorModal
+  C as ErrorModal
 };

package/dist/components/InfoModal/InfoModal.js

@@ -1,20 +1,19 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import * as r from "react";
 import { S as i } from "../../VModalIcon-D7L4bQLO.js";
-import '../../assets/theme.css';import '../../assets/ErrorModal.css';/* empty css                   */
-import { M as x } from "../../index-Dz00OoV7.js";
-const m = (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" })), d = "_flexRowCenter_1ixx3_43", p = "_mr10_1ixx3_49", f = "_text18_1ixx3_57", h = "_content_1ixx3_61", t = {
-  flexRowCenter: d,
+import { M as m } from "../../index-Dz00OoV7.js";
+import '../../assets/ErrorModal.css';const d = (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" })), f = "_flexRowCenter_ufgj5_1", p = "_mr10_ufgj5_7", x = "_text18_ufgj5_15", h = "_content_ufgj5_19", t = {
+  flexRowCenter: f,
   mr10: p,
-  text18: f,
+  text18: x,
   content: h
 };
-function k({ modalOpen: o, contentText: s, setModalOpen: l, title: c, okText: a }) {
+function w({ modalOpen: o, contentText: s, setModalOpen: l, title: c, okText: a }) {
   return /* @__PURE__ */ e(
-    x,
+    m,
     {
       title: /* @__PURE__ */ n("span", { className: t.flexRowCenter, children: [
-        /* @__PURE__ */ e(m, { className: t.mr10 }),
+        /* @__PURE__ */ e(d, { className: t.mr10 }),
         /* @__PURE__ */ e("p", { className: t.text18, children: c })
       ] }),
       centered: !0,
@@ -41,5 +40,5 @@ function k({ modalOpen: o, contentText: s, setModalOpen: l, title: c, okText: a
   );
 }
 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_19chq_43", jn = "_width430_19chq_49", An = "_width384_19chq_58", Gn = "_flexCol_19chq_62", Hn = "_flexRow_19chq_67", Wn = "_title_19chq_72", Vn = "_content_19chq_98", 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,13 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import { S as e } from "../../InvencoGVR-qnTq-d6S.js";
 import "react";
-import '../../assets/SideMenu.css';import '../../assets/theme.css';/* empty css                   */
 import "@mui/x-data-grid";
 import { KpiCard as i } from "../KpiCard/KpiCard.js";
 import { KpiWrapper as n } from "./KpiWrapper.js";
 import "i18next";
-/* empty css                      */
-const m = {
+import '../../assets/SideMenu.css';/* empty css                      */
+const s = {
   title: "Kpi Wrapper",
   component: n,
   tags: ["autodocs"],
@@ -20,7 +19,7 @@ const m = {
       padding: "10px 10px"
     }
   }
-}, K = {}, u = {
+}, m = {}, K = {
   args: {
     children: [
       /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
@@ -28,7 +27,7 @@ const m = {
       /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   }
-}, g = {
+}, u = {
   args: {
     children: [
       /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
@@ -37,7 +36,7 @@ const m = {
       /* @__PURE__ */ t(i, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   }
-}, w = {
+}, g = {
   args: {
     children: [
       /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
@@ -48,9 +47,9 @@ const m = {
   render: (r) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(n, { ...r }) })
 };
 export {
-  K as Default,
-  w as RTL,
-  u as With3Kpis,
-  g as With4Kpis,
-  m as default
+  m as Default,
+  g as RTL,
+  K as With3Kpis,
+  u as With4Kpis,
+  s as default
 };

package/dist/components/Login/Login.js

@@ -1,5 +1,4 @@
 import { jsx as v, jsxs as ce } from "react/jsx-runtime";
-import '../../assets/theme.css';/* empty css                   */
 import { c as ke } from "../../createSvgIcon-CgFXfzFk.js";
 import { t as Ye } from "i18next";
 import { P as e, q as gn, r as hn, c as Z, b as K, d as J, l as yn, g as te, t as Io, T as Po, a as se, u as oe, s as F, i as mt, v as Qt, m as ae, f as st, e as Re, w as eo, x as to, y as No, z as zt, h as Pe, A as Wt, B as vn } from "../../createSimplePaletteValueFilter-evt-Xthj.js";
@@ -8849,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"), Ri = ({ title: t, disableAll: o, error: n, setError: r, handleSubmit: i, version: s }) => /* @__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,
@@ -8909,5 +8908,5 @@ const ui = ke(/* @__PURE__ */ v("path", {
   )
 ] });
 export {
-  Ri as Login
+  Si as Login
 };

package/dist/components/SideMenu/SideMenu.js

@@ -1,53 +1,52 @@
-import { jsxs as i, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { jsxs as i, jsx as e, Fragment as M } from "react/jsx-runtime";
 import * as n from "react";
-import { M as N, S as H, U as h } from "../../UserInfoDropdown-DtadP0e7.js";
-import { S as V } from "../../InvencoGVR-qnTq-d6S.js";
-import '../../assets/SideMenu.css';import '../../assets/theme.css';/* empty 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" })), A = (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" })), y = ({
+import { M as R, S as N, U as h } from "../../UserInfoDropdown-DcgHMy3r.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" })), b = ({
   logo: l,
   title: u,
   softwareName: r,
-  majorVersion: g,
-  menuItems: L,
+  majorVersion: L,
+  menuItems: f,
   userInfoDropdownItems: c,
   collapsed: t,
   username: a,
   isRtl: d,
-  openKeys: f,
+  openKeys: w,
   toggleCollapsed: o,
-  onClick: w,
+  onClick: g,
   handleMenuClickUserInfo: s,
   handleOpenChange: x
 }) => {
-  const m = /@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, k = t ? 54 : 250, C = t ? 50 : 250, M = localStorage.getItem("theme");
-  return console.log("theme", M), /* @__PURE__ */ i("div", { style: { width: k }, className: "main-container", children: [
+  const m = /@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, k = t ? 54 : 250, C = t ? 50 : 250;
+  return /* @__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: [
           u,
-          r ? /* @__PURE__ */ i(R, { children: [
+          r ? /* @__PURE__ */ i(M, { children: [
             /* @__PURE__ */ e("br", {}),
             " ",
             r,
             ": ",
-            g
+            L
           ] }) : ""
         ] })
       ] }),
       d ? /* @__PURE__ */ e(p, { onClick: o, className: "pointer" }) : /* @__PURE__ */ e(v, { onClick: o, className: "pointer" })
     ] }) }) }),
     /* @__PURE__ */ e(
-      N,
+      R,
       {
-        onClick: w,
+        onClick: g,
         mode: "inline",
         onOpenChange: x,
-        openKeys: f,
+        openKeys: w,
         selectedKeys: [location.pathname.slice(location.pathname.lastIndexOf("/"), location.pathname.length)],
-        items: t ? void 0 : L,
-        expandIcon: /* @__PURE__ */ e(H, {}),
+        items: t ? void 0 : f,
+        expandIcon: /* @__PURE__ */ e(N, {}),
         style: {
           height: t ? "82vh" : "80vh",
           //menuHeight,
@@ -59,9 +58,9 @@ const v = (l) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24,
       }
     ),
     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(A, {}) }) : /* @__PURE__ */ e("div", { className: "logo-small-container", children: /* @__PURE__ */ e(V, {}) })
+    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, {}) })
   ] });
 };
 export {
-  y as SideMenu
+  b as SideMenu
 };

package/dist/components/TotalDataGrid/TotalDataGrid.js

@@ -1,16 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/theme.css';/* empty css                   */
 import { DataGrid as l, gridClasses as o } from "@mui/x-data-grid";
-const p = ({
+const c = ({
   rows: r,
   isFetching: n,
-  columnsDefinitions: i
+  columnsDefinitions: e
 }) => /* @__PURE__ */ t(
   l,
   {
     loading: (!r || !r.length) && n,
-    rows: r.map((a, e) => (a.id = e, a)),
-    columns: i,
+    rows: r.map((a, i) => (a.id = i, a)),
+    columns: e,
     getRowClassName: (a) => a.id === r.length - 1 ? "last-row" : "",
     sx: {
       "& .last-row": {
@@ -118,5 +117,5 @@ 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-DtadP0e7.js";
+import { U as t } from "../../UserInfoDropdown-DcgHMy3r.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-DtadP0e7.js";
+import { U as o } from "../../UserInfoDropdown-DcgHMy3r.js";
 const n = {
   title: "User Info Dropdown",
   component: o,

package/dist/components/index.js

@@ -10,7 +10,7 @@ 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-DtadP0e7.js";
+import { U as E } from "../UserInfoDropdown-DcgHMy3r.js";
 export {
   t as ConfirmationModal,
   m as CustomButton,

package/dist/main.js

@@ -10,7 +10,7 @@ import { LoadingAnimation as L } from "./components/LoadingAnimation/LoadingAnim
 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-DtadP0e7.js";
+import { U as I } from "./UserInfoDropdown-DcgHMy3r.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";

package/package.json

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

package/src/theme/portal-theme.scss

@@ -0,0 +1,43 @@
+: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/dist/assets/theme.css

@@ -1 +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: 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}