@odigos/ui-kit 0.0.52 → 0.0.53

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [0.0.53](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.52...ui-kit-v0.0.53) (2025-07-13)
+
+
+### Features
+
+* add UserSettingsIcon component ([#222](https://github.com/odigos-io/ui-kit/issues/222)) ([e0b3d77](https://github.com/odigos-io/ui-kit/commit/e0b3d77b439e6a91b3a3aff7027d3137bc9c0422))
+
+
+### Bug Fixes
+
+* lint error ([92c4a12](https://github.com/odigos-io/ui-kit/commit/92c4a1290eead068ea56845de0cbda7cf993cff1))
+* notification manager popup positioning ([#223](https://github.com/odigos-io/ui-kit/issues/223)) ([eb7e1a4](https://github.com/odigos-io/ui-kit/commit/eb7e1a47e0c5088eade7a6d0f010bb8c7a387e83))
+
 ## [0.0.52](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.51...ui-kit-v0.0.52) (2025-07-13)
 
 

package/lib/containers.js

@@ -3636,15 +3636,14 @@ const NotificationManager = () => {
                 unseen.forEach(({ id }) => markAsSeen(id));
         },
     });
-    const toggleOpen = (e) => {
-        const { clientX, clientY } = e;
-        handlePosition(clientX, clientY);
+    const toggleOpen = () => {
+        handlePosition(0, 0);
         setPopupOpen((prev) => !prev);
     };
     return (React.createElement(RelativeContainer, null,
         React.createElement(IconButton, { onClick: toggleOpen, tooltip: 'Notifications', withPing: !!unseenCount, pingColor: theme.colors.orange_og },
             React.createElement(NotificationIcon, { size: 18 })),
-        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, asPortal: true, left: popupPosition.left, maxWidth: '400px', header: React.createElement(PopupHeader, null,
+        React.createElement(Popup, { ref: popupRef, isOpen: popupOpen, right: popupPosition.left, maxWidth: '400px', header: React.createElement(PopupHeader, null,
                 React.createElement(Text, { size: 20 }, "Notifications"),
                 !!unseenCount && (React.createElement(NewCount, { size: 12, family: 'secondary' },
                     unseenCount,

package/lib/icons/common/index.d.ts

@@ -21,5 +21,6 @@ export * from './sort-arrows-icon/index';
 export * from './terminal-icon/index';
 export * from './trash-icon/index';
 export * from './user-group-icon/index';
+export * from './user-settings-icon/index';
 export * from './user-icon/index';
 export * from './x-icon/index';

package/lib/icons/common/user-settings-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const UserSettingsIcon: SVG;

package/lib/icons.js

@@ -43,6 +43,13 @@ const UserGroupIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.09178 10.5161C3.84575 9.83853 3 8.51792 3 6.99978C3 5.48163 3.84576 4.16101 5.09182 3.4834M3.02937 15.4169C1.82391 16.0405 1 17.2989 1 18.7498C1 19.7863 1.70087 20.6591 2.65456 20.9201M21.3454 20.9201C22.2991 20.6591 23 19.7863 23 18.7498C23 17.2989 22.1761 16.0406 20.9706 15.417M18.9082 10.5161C20.1543 9.83853 21 8.51792 21 6.99978C21 5.48162 20.1542 4.16101 18.9082 3.4834M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM8.25 21H15.75C16.9926 21 18 19.9926 18 18.75C18 16.6789 16.3211 15 14.25 15H9.75C7.67893 15 6 16.6789 6 18.75C6 19.9926 7.00736 21 8.25 21Z' })));
 };
 
+const UserSettingsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: '1', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.1758 15H8C5.79086 15 4 16.7909 4 19C4 20.1046 4.89543 21 6 21H11.1758M18 18H18.01M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM18 14L19.1787 15.1545L20.8284 15.1716L20.8455 16.8213L22 18L20.8455 19.1787L20.8284 20.8284L19.1787 20.8455L18 22L16.8213 20.8455L15.1716 20.8284L15.1545 19.1787L14 18L15.1545 16.8213L15.1716 15.1716L16.8213 15.1545L18 14Z' })));
+};
+
 const GoogleCloudStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
     return (React.createElement("svg", { width: size, height: size * (65 / 81), viewBox: '0 0 81 65', xmlns: 'http://www.w3.org/2000/svg', fill: '#ffffff', fillRule: 'evenodd', stroke: '#000000', strokeLinecap: 'round', strokeLinejoin: 'round', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("defs", null,
@@ -137,4 +144,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
 };
 
-export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "author": "Odigos",
   "repository": {
     "type": "git",