@orsetra/shared-ui 1.10.12 → 1.10.14

package/components/ui/access-denied-state.tsx

@@ -24,7 +24,7 @@ export function AccessDeniedState({ resourceName, message, className }: AccessDe
           Access denied
         </h2>
         <p className="text-ibm-gray-60 text-sm md:text-base leading-relaxed text-center md:text-left">
-          {message ?? `You don't have permission to view ${resourceName} in this business unit.`}
+          {message ?? `You don't have permission to view ${resourceName}.`}
         </p>
       </div>
     </div>

package/components/ui/logo.tsx

@@ -9,29 +9,64 @@ interface LogoProps {
   href?: string
 }
 
-const FaviconIcon = ({ className }: { className?: string }) => (
+const MonogramIcon = ({ className }: { className?: string }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 32 32"
     className={cn("inline-block flex-shrink-0", className)}
     aria-hidden="true"
   >
-    <polyline
-      points="6,6 16,16 6,26"
-      fill="none"
-      stroke="#0f62fe"
-      strokeWidth="3"
-      strokeLinecap="square"
-      strokeLinejoin="miter"
-    />
-    <polyline
-      points="26,6 16,16 26,26"
-      fill="none"
-      stroke="#0f62fe"
-      strokeWidth="3"
-      strokeLinecap="square"
-      strokeLinejoin="miter"
-    />
+    <rect width="32" height="32" rx="7" fill="#0F62FE" />
+    <text
+      x="16.5"
+      y="17"
+      fontFamily="Helvetica Neue, Arial, sans-serif"
+      fontWeight="700"
+      fontSize="13"
+      letterSpacing="-0.75"
+      fill="#FFFFFF"
+      textAnchor="middle"
+      dominantBaseline="central"
+    >
+      CX
+    </text>
+  </svg>
+)
+
+const Wordmark = ({ className }: { className?: string }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 117 32"
+    className={cn("inline-block flex-shrink-0", className)}
+    style={{ height: "1.15em", width: "auto" }}
+    role="img"
+    aria-label="Camel X"
+  >
+    <text
+      x="5"
+      y="16"
+      fontFamily="Helvetica Neue, Arial, sans-serif"
+      fontWeight="500"
+      fontSize="26"
+      letterSpacing="-0.5"
+      fill="#161616"
+      textAnchor="start"
+      dominantBaseline="central"
+    >
+      CAMEL
+    </text>
+    <text
+      x="94.6"
+      y="16"
+      fontFamily="Helvetica Neue, Arial, sans-serif"
+      fontWeight="800"
+      fontSize="26"
+      fill="#0F62FE"
+      textAnchor="start"
+      dominantBaseline="central"
+    >
+      X
+    </text>
   </svg>
 )
 
@@ -39,13 +74,9 @@ export function Logo({ className, iconOnly = false, href = "/" }: LogoProps) {
   return (
     <Link
       href={href}
-      className={cn("font-medium text-text-primary truncate flex items-center no-underline", className)}
+      className={cn("text-text-primary truncate flex items-center no-underline", className)}
     >
-      {iconOnly ? (
-        <FaviconIcon className="w-6 h-6" />
-      ) : (
-        <>Camel<FaviconIcon className="w-6 h-6" /></>
-      )}
+      {iconOnly ? <MonogramIcon className="w-6 h-6" /> : <Wordmark />}
     </Link>
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.10.12",
+  "version": "1.10.14",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",