@apexcura/ui-components 0.0.12-Beta79 → 0.0.12-Beta81

package/dist/index.css

@@ -344,9 +344,6 @@ video {
 .mt-\[-10px\] {
   margin-top: -10px;
 }
-.flex {
-  display: flex;
-}
 .table {
   display: table;
 }
@@ -356,12 +353,6 @@ video {
 .w-\[126px\] {
   width: 126px;
 }
-.w-full {
-  width: 100%;
-}
-.justify-between {
-  justify-content: space-between;
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -406,10 +397,6 @@ video {
 .text-\[10px\] {
   font-size: 10px;
 }
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
 .italic {
   font-style: italic;
 }

package/dist/index.d.mts

@@ -46,6 +46,7 @@ type ElementType = {
     profileSubClassName?: string;
     subContainerClassName?: string;
     element?: string;
+    secondTextClassName?: string;
 };
 
 interface ElementExecuterProps$3 extends ElementType {

package/dist/index.d.ts

@@ -46,6 +46,7 @@ type ElementType = {
     profileSubClassName?: string;
     subContainerClassName?: string;
     element?: string;
+    secondTextClassName?: string;
 };
 
 interface ElementExecuterProps$3 extends ElementType {

package/dist/index.js

@@ -548,7 +548,7 @@ var Sidebar = (props) => {
 };
 
 // src/Components/Navbar.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 
 // src/Components/Notification.tsx
 var import_react15 = __toESM(require("react"));
@@ -557,30 +557,44 @@ var Notification = (props) => /* @__PURE__ */ import_react15.default.createEleme
   import_antd12.Popover,
   {
     className: props.className,
-    content: props.items?.map(
-      (eachItem) => {
-        return /* @__PURE__ */ import_react15.default.createElement("div", { key: eachItem.text }, /* @__PURE__ */ import_react15.default.createElement("p", null, eachItem.text), /* @__PURE__ */ import_react15.default.createElement("p", null, eachItem.time));
+    content: /* @__PURE__ */ import_react15.default.createElement(
+      import_antd12.List,
+      {
+        itemLayout: "horizontal",
+        dataSource: props.items,
+        renderItem: (item, index) => /* @__PURE__ */ import_react15.default.createElement(import_antd12.List.Item, null, /* @__PURE__ */ import_react15.default.createElement(
+          import_antd12.List.Item.Meta,
+          {
+            avatar: /* @__PURE__ */ import_react15.default.createElement(import_antd12.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
+            title: item.text,
+            description: item.time
+          }
+        ))
       }
     ),
     trigger: "focus",
     placement: "bottomRight"
   },
-  /* @__PURE__ */ import_react15.default.createElement(import_antd12.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react15.default.createElement(import_antd12.Badge, { size: "small", count: props.count }, props.icon))
+  /* @__PURE__ */ import_react15.default.createElement(import_antd12.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react15.default.createElement(import_antd12.Badge, { count: props.count }, props.icon))
 );
 
-// src/Components/Profile.tsx
+// src/Components/SpanElement.tsx
 var import_react16 = __toESM(require("react"));
-var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("p", null, props.secondaryText)));
+var SpanElement = (props) => /* @__PURE__ */ import_react16.default.createElement("span", null, props.label);
+
+// src/Components/Profile.tsx
+var import_react17 = __toESM(require("react"));
+var Profile = (props) => /* @__PURE__ */ import_react17.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react17.default.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ import_react17.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react17.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react17.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
 
 // src/Components/Navbar.tsx
 var Navbar = (props) => {
-  return /* @__PURE__ */ import_react17.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
+  return /* @__PURE__ */ import_react18.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
     if (item.element === "span") {
-      return /* @__PURE__ */ import_react17.default.createElement("span", { className: item.className }, item.label);
+      return /* @__PURE__ */ import_react18.default.createElement(SpanElement, { ...item });
     } else if (item.element === "notifications") {
-      return /* @__PURE__ */ import_react17.default.createElement(Notification, { ...item });
+      return /* @__PURE__ */ import_react18.default.createElement(Notification, { ...item });
     } else if (item.name === "profile") {
-      return /* @__PURE__ */ import_react17.default.createElement(Profile, { ...item });
+      return /* @__PURE__ */ import_react18.default.createElement(Profile, { ...item });
     }
     return null;
   }));

package/dist/index.mjs

@@ -499,39 +499,53 @@ var Sidebar = (props) => {
 };
 
 // src/Components/Navbar.tsx
-import React16 from "react";
+import React17 from "react";
 
 // src/Components/Notification.tsx
 import React14 from "react";
-import { Popover, Badge, Button as Button4 } from "antd";
+import { Popover, Badge, Button as Button4, Avatar, List } from "antd";
 var Notification = (props) => /* @__PURE__ */ React14.createElement(
   Popover,
   {
     className: props.className,
-    content: props.items?.map(
-      (eachItem) => {
-        return /* @__PURE__ */ React14.createElement("div", { key: eachItem.text }, /* @__PURE__ */ React14.createElement("p", null, eachItem.text), /* @__PURE__ */ React14.createElement("p", null, eachItem.time));
+    content: /* @__PURE__ */ React14.createElement(
+      List,
+      {
+        itemLayout: "horizontal",
+        dataSource: props.items,
+        renderItem: (item, index) => /* @__PURE__ */ React14.createElement(List.Item, null, /* @__PURE__ */ React14.createElement(
+          List.Item.Meta,
+          {
+            avatar: /* @__PURE__ */ React14.createElement(Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
+            title: item.text,
+            description: item.time
+          }
+        ))
       }
     ),
     trigger: "focus",
     placement: "bottomRight"
   },
-  /* @__PURE__ */ React14.createElement(Button4, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { size: "small", count: props.count }, props.icon))
+  /* @__PURE__ */ React14.createElement(Button4, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { count: props.count }, props.icon))
 );
 
-// src/Components/Profile.tsx
+// src/Components/SpanElement.tsx
 import React15 from "react";
-var Profile = (props) => /* @__PURE__ */ React15.createElement("div", { className: props.className }, /* @__PURE__ */ React15.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ React15.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ React15.createElement("p", null, props.primaryText), /* @__PURE__ */ React15.createElement("p", null, props.secondaryText)));
+var SpanElement = (props) => /* @__PURE__ */ React15.createElement("span", null, props.label);
+
+// src/Components/Profile.tsx
+import React16 from "react";
+var Profile = (props) => /* @__PURE__ */ React16.createElement("div", { className: props.className }, /* @__PURE__ */ React16.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ React16.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ React16.createElement("p", null, props.primaryText), /* @__PURE__ */ React16.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
 
 // src/Components/Navbar.tsx
 var Navbar = (props) => {
-  return /* @__PURE__ */ React16.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
+  return /* @__PURE__ */ React17.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
     if (item.element === "span") {
-      return /* @__PURE__ */ React16.createElement("span", { className: item.className }, item.label);
+      return /* @__PURE__ */ React17.createElement(SpanElement, { ...item });
     } else if (item.element === "notifications") {
-      return /* @__PURE__ */ React16.createElement(Notification, { ...item });
+      return /* @__PURE__ */ React17.createElement(Notification, { ...item });
     } else if (item.name === "profile") {
-      return /* @__PURE__ */ React16.createElement(Profile, { ...item });
+      return /* @__PURE__ */ React17.createElement(Profile, { ...item });
     }
     return null;
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.12-Beta79",
+  "version": "0.0.12-Beta81",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",