@orsetra/shared-ui 1.10.14 → 1.10.16

package/components/ui/logo.tsx

@@ -42,31 +42,14 @@ const Wordmark = ({ className }: { className?: string }) => (
     role="img"
     aria-label="Camel X"
   >
-    <text
-      x="5"
-      y="16"
-      fontFamily="Helvetica Neue, Arial, sans-serif"
-      fontWeight="500"
-      fontSize="26"
-      letterSpacing="-0.5"
+    <path
       fill="#161616"
-      textAnchor="start"
-      dominantBaseline="central"
-    >
-      CAMEL
-    </text>
-    <text
-      x="94.6"
-      y="16"
-      fontFamily="Helvetica Neue, Arial, sans-serif"
-      fontWeight="800"
-      fontSize="26"
+      d="M20.29 18.77 22.75 19.4Q21.97 22.43 19.96 24.02Q17.95 25.62 15.04 25.62Q12.03 25.62 10.15 24.39Q8.26 23.17 7.28 20.84Q6.29 18.52 6.29 15.85Q6.29 12.95 7.41 10.78Q8.52 8.62 10.57 7.49Q12.62 6.37 15.08 6.37Q17.87 6.37 19.78 7.79Q21.68 9.22 22.43 11.79L20.01 12.36Q19.36 10.33 18.13 9.41Q16.9 8.48 15.03 8.48Q12.88 8.48 11.44 9.51Q10.0 10.54 9.42 12.27Q8.83 14.0 8.83 15.84Q8.83 18.22 9.53 19.99Q10.22 21.76 11.68 22.63Q13.14 23.51 14.84 23.51Q16.91 23.51 18.34 22.32Q19.78 21.12 20.29 18.77Z M23.24 25.3 30.39 6.69H33.04L40.66 25.3H37.85L35.68 19.66H27.9L25.85 25.3ZM28.61 17.66H34.92L32.98 12.5Q32.09 10.15 31.66 8.64Q31.3 10.43 30.65 12.2Z M42.05 25.3V6.69H45.75L50.16 19.87Q50.77 21.71 51.05 22.62Q51.37 21.61 52.04 19.64L56.5 6.69H59.81V25.3H57.43V9.72L52.03 25.3H49.8L44.42 9.46V25.3Z M63.33 25.3V6.69H76.79V8.88H65.8V14.59H76.09V16.77H65.8V23.1H77.22V25.3Z M80.02 25.3V6.69H82.49V23.1H91.65V25.3Z"
+    />
+    <path
       fill="#0F62FE"
-      textAnchor="start"
-      dominantBaseline="central"
-    >
-      X
-    </text>
+      d="M94.6 25.3 100.96 15.59 95.2 6.69H99.59L103.32 12.67L106.98 6.69H111.33L105.54 15.73L111.9 25.3H107.37L103.25 18.86L99.11 25.3Z"
+    />
   </svg>
 )
 

package/components/ui/project-selector-modal.tsx

@@ -39,6 +39,15 @@ export interface ProjectSelectorModalProps extends ProjectSelectorProps {
   title?: string
   description?: string
   currentProjectId?: string
+  /**
+   * Escape hatch shown next to "Create & Continue" only in the zero-business-unit state (this
+   * dialog otherwise can't be dismissed while no project is selected — see `onInteractOutside`
+   * below — so without this a user who can't or doesn't want to create one here has no way out).
+   * Omit to keep the dialog exactly as strict as before.
+   */
+  escapeHref?: string
+  /** Label for `escapeHref`. Defaults to "Go to main app". */
+  escapeLabel?: string
 }
 
 export function ProjectSelectorModal({
@@ -50,6 +59,8 @@ export function ProjectSelectorModal({
   getProjects,
   createProject,
   doInit,
+  escapeHref,
+  escapeLabel = "Go to main app",
 }: ProjectSelectorModalProps) {
   const [projects, setProjects] = React.useState<Project[]>([])
   const [loading, setLoading] = React.useState(true)
@@ -213,6 +224,14 @@ export function ProjectSelectorModal({
           )}
 
           <div className="flex items-center justify-end gap-3 pt-2">
+            {!loading && projects.length === 0 && escapeHref && (
+              <a
+                href={escapeHref}
+                className="inline-flex items-center justify-center rounded-none border border-ibm-gray-30 text-ibm-gray-100 hover:bg-ibm-gray-30 active:bg-ibm-gray-40 font-semibold h-10 px-4 text-base transition-colors mr-auto"
+              >
+                {escapeLabel}
+              </a>
+            )}
             <Button
               type="submit"
               className="rounded-none"

package/package.json

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