@xenide-io/the-old-ui-theme 0.6.14 → 0.7.1

package/src/suite/components/suite-notification-bell.test.tsx

@@ -12,7 +12,7 @@ afterEach(() => {
 });
 
 describe("SuiteNotificationBell", () => {
-  it("anchors the unread badge to the button corner, not the bell glyph", async () => {
+  it("anchors the unread badge close to the bell glyph", async () => {
     render(
       <SuiteNotificationBell
         fetchNotifications={async () => ({
@@ -38,9 +38,10 @@ describe("SuiteNotificationBell", () => {
     });
 
     expect(badge.textContent).toBe("9+");
-    expect(badge.className).toContain("translate-x-1/2");
-    expect(badge.className).not.toContain("-translate-y");
-    expect(badge.parentElement?.className).toContain("h-11");
-    expect(badge.parentElement?.className).toContain("w-11");
+    expect(badge.className).toContain("-right-2");
+    expect(badge.className).toContain("-top-2");
+    expect(badge.parentElement?.className).toContain("relative");
+    expect(badge.parentElement?.className).toContain("h-5");
+    expect(badge.parentElement?.className).toContain("w-5");
   });
 });

package/src/suite/components/suite-notification-bell.tsx

@@ -181,12 +181,14 @@ export function SuiteNotificationBell({
       onOpenChange={onOpenChange}
       trigger={
         <span className="relative inline-flex h-11 w-11 items-center justify-center overflow-visible rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink">
-          <Bell className="h-5 w-5" strokeWidth={1.75} aria-hidden />
-          {unread > 0 ? (
-            <span className="pointer-events-none absolute right-0 top-0 z-[1] flex h-4 min-w-4 translate-x-1/2 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-white ring-2 ring-ph-surface">
-              {unread > 9 ? "9+" : unread}
-            </span>
-          ) : null}
+          <span className="relative inline-flex h-5 w-5">
+            <Bell className="h-5 w-5" strokeWidth={1.75} aria-hidden />
+            {unread > 0 ? (
+              <span className="pointer-events-none absolute -right-2 -top-2 z-[1] flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[9px] font-semibold leading-none text-white ring-2 ring-ph-surface">
+                {unread > 9 ? "9+" : unread}
+              </span>
+            ) : null}
+          </span>
         </span>
       }
     >

package/src/suite/index.ts

@@ -8,6 +8,7 @@ export {
   appSwitcherMenuItemClass,
   appSwitcherTriggerClass,
   type SuiteAppEntry,
+  type SuiteAppSelectOptions,
 } from "./components/app-switcher";
 export {
   SuiteNotificationBell,
@@ -146,3 +147,8 @@ export {
   SuiteAppLayout,
   type SuiteAppLayoutProps,
 } from "./components/suite-app-layout";
+export {
+  SuiteIntegrationPicker,
+  type SuiteIntegrationPickerItem,
+  type SuiteIntegrationPickerProps,
+} from "./components/suite-integration-picker";