@dfosco/storyboard 0.6.5 → 0.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfosco/storyboard",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "type": "module",
   "license": "MIT",
   "description": "Storyboard prototyping framework — core engine, React integration, and canvas",

package/src/internals/Viewfinder.jsx

@@ -1131,6 +1131,8 @@ function WorkspaceImpl({
   basePath,
   title = 'Storyboard',
   subtitle,
+  logo,
+  logoIcon = 'iconoir/key-command',
   showAllArtifacts = false,
   showPrototypes = true,
   showCanvases = true,
@@ -1400,13 +1402,9 @@ function WorkspaceImpl({
           >
             {sidebarOpen ? <XIcon size={18} /> : <ThreeBarsIcon size={18} />}
           </button>
-          <img
-            src={`${basePath || '/'}favicon.svg`}
-            alt=""
-            width={48}
-            height={48}
-            className={css.logo}
-          />
+          {logo
+            ? <div className={`${css.logo} smooth-corners`}>{logo}</div>
+            : <div className={`${css.logo} smooth-corners`}><Icon name={logoIcon} size={22} color="#fff" /></div>}
           <div>
             <div className={css.appName}>{title}</div>
             {subtitle && <div className={css.appSubtitle}>{subtitle}</div>}

package/src/internals/Viewfinder.module.css

@@ -30,8 +30,13 @@
 .logo {
   width: 48px;
   height: 48px;
+  background: var(--bgColor-emphasis, #313131);
+  border-radius: 8px;
   transform: rotate(-1deg);
-  display: block;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--fgColor-onEmphasis, #fff);
   flex-shrink: 0;
 }