@apexcura/ui-components 0.0.12-Beta84 → 0.0.12-Beta86

package/dist/index.css

@@ -338,12 +338,6 @@ video {
 .m-\[10px\] {
   margin: 10px;
 }
-.ml-\[-7px\] {
-  margin-left: -7px;
-}
-.mt-\[-10px\] {
-  margin-top: -10px;
-}
 .table {
   display: table;
 }
@@ -388,15 +382,9 @@ video {
 .p-\[6px\] {
   padding: 6px;
 }
-.pl-\[3px\] {
-  padding-left: 3px;
-}
 .text-center {
   text-align: center;
 }
-.text-\[10px\] {
-  font-size: 10px;
-}
 .italic {
   font-style: italic;
 }

package/dist/index.js

@@ -553,11 +553,16 @@ var import_react18 = __toESM(require("react"));
 // src/Components/Notification.tsx
 var import_react15 = __toESM(require("react"));
 var import_antd12 = require("antd");
+var import_io = require("react-icons/io");
+var popoverContentStyle = {
+  minWidth: "300px",
+  maxWidth: "100%"
+};
 var Notification = (props) => /* @__PURE__ */ import_react15.default.createElement(
   import_antd12.Popover,
   {
     className: props.className,
-    content: /* @__PURE__ */ import_react15.default.createElement(
+    content: /* @__PURE__ */ import_react15.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react15.default.createElement(
       import_antd12.List,
       {
         itemLayout: "horizontal",
@@ -571,11 +576,11 @@ var Notification = (props) => /* @__PURE__ */ import_react15.default.createEleme
           }
         ))
       }
-    ),
+    )),
     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 }, /* @__PURE__ */ import_react15.default.createElement("span", { className: props.iconsClassName }, props.icon)))
+  /* @__PURE__ */ import_react15.default.createElement(import_antd12.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react15.default.createElement(import_antd12.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react15.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react15.default.createElement(import_io.IoIosNotifications, null))))
 );
 
 // src/Components/SpanElement.tsx
@@ -584,7 +589,9 @@ var SpanElement = (props) => /* @__PURE__ */ import_react16.default.createElemen
 
 // 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)));
+var import_antd13 = require("antd");
+var import_icons3 = require("@ant-design/icons");
+var Profile = (props) => /* @__PURE__ */ import_react17.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react17.default.createElement(import_antd13.Avatar, { icon: /* @__PURE__ */ import_react17.default.createElement(import_icons3.UserOutlined, null) }), /* @__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) => {

package/dist/index.mjs

@@ -504,11 +504,16 @@ import React17 from "react";
 // src/Components/Notification.tsx
 import React14 from "react";
 import { Popover, Badge, Button as Button4, Avatar, List } from "antd";
+import { IoIosNotifications } from "react-icons/io";
+var popoverContentStyle = {
+  minWidth: "300px",
+  maxWidth: "100%"
+};
 var Notification = (props) => /* @__PURE__ */ React14.createElement(
   Popover,
   {
     className: props.className,
-    content: /* @__PURE__ */ React14.createElement(
+    content: /* @__PURE__ */ React14.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ React14.createElement(
       List,
       {
         itemLayout: "horizontal",
@@ -522,11 +527,11 @@ var Notification = (props) => /* @__PURE__ */ React14.createElement(
           }
         ))
       }
-    ),
+    )),
     trigger: "focus",
     placement: "bottomRight"
   },
-  /* @__PURE__ */ React14.createElement(Button4, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { size: "small", count: props.count }, /* @__PURE__ */ React14.createElement("span", { className: props.iconsClassName }, props.icon)))
+  /* @__PURE__ */ React14.createElement(Button4, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { size: "small", count: props.count }, /* @__PURE__ */ React14.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ React14.createElement(IoIosNotifications, null))))
 );
 
 // src/Components/SpanElement.tsx
@@ -535,7 +540,9 @@ var SpanElement = (props) => /* @__PURE__ */ React15.createElement("span", null,
 
 // 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)));
+import { Avatar as Avatar2 } from "antd";
+import { UserOutlined } from "@ant-design/icons";
+var Profile = (props) => /* @__PURE__ */ React16.createElement("div", { className: props.className }, /* @__PURE__ */ React16.createElement(Avatar2, { icon: /* @__PURE__ */ React16.createElement(UserOutlined, null) }), /* @__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) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.12-Beta84",
+  "version": "0.0.12-Beta86",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -53,6 +53,7 @@
     "esbuild": "^0.21.4",
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
+    "react-icons": "^5.2.1",
     "tailwindcss": "^3.4.3"
   }
 }