@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/iframe.html

@@ -45,7 +45,7 @@
       window.LOGLEVEL = 'info';
       window.FRAMEWORK_OPTIONS = {};
       window.CHANNEL_OPTIONS = {};
-      window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true,"sidebarOnboardingChecklist":true,"componentsManifest":false};
+      window.FEATURES = {"actions":true,"argTypeTargetsV7":true,"babelRemoveBugfixes":false,"backgrounds":true,"changeDetection":true,"componentsManifest":false,"controls":true,"disallowImplicitActionsInRenderV8":true,"highlight":true,"interactions":true,"legacyDecoratorFileOrder":false,"measure":true,"outline":true,"menuOnboardingChecklist":true,"sidebarOnboardingChecklist":true,"viewport":true};
       window.STORIES = [{"titlePrefix":"","directory":"./components","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./components","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},{"titlePrefix":"","directory":"./.storybook/components/icon-grid","files":"icon-grid.stories.ts","importPathMatcher":"^\\.[\\\\/](?:\\.storybook\\/components\\/icon-grid\\/icon-grid\\.stories\\.ts)$"},{"titlePrefix":"","directory":"./.storybook/patterns","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:\\.storybook\\/patterns(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"},{"titlePrefix":"","directory":"./.storybook/components/system-docs","files":"*.mdx","importPathMatcher":"^\\.[\\\\/](?:\\.storybook\\/components\\/system-docs\\/(?!\\.)(?=.)[^/]*?\\.mdx)$"}];
       window.DOCS_OPTIONS = {"defaultName":"Docs"};
       window.TAGS_OPTIONS = {};
@@ -171,11 +171,11 @@
     border-radius: 10px;
     background: rgb(247, 247, 247);
     color: rgb(46, 52, 56);
+  }
 
-    & * {
-      background: rgb(247, 247, 247);
-      color: rgb(46, 52, 56);
-    }
+  .sb-nopreview_main * {
+    background: rgb(247, 247, 247);
+    color: rgb(46, 52, 56);
   }
 
   .sb-nopreview_heading {
@@ -206,84 +206,89 @@
     border: 1px solid #ff0000;
     box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
     gap: 24px;
+  }
 
-    & ol {
-      padding-left: 18px;
-      margin: 0;
-    }
+  .sb-errordisplay_main ol {
+    padding-left: 18px;
+    margin: 0;
+  }
 
-    /* Redefine colors to ensure readability regardless of user-provided * selectors. */
-    * {
-      background: white;
-      color: black;
-    }
+  /* Redefine colors to ensure readability regardless of user-provided * selectors. */
+  .sb-errordisplay_main * {
+    background: white;
+    color: black;
+  }
 
-    & h1 {
-      font-family: Nunito Sans;
-      font-size: 22px;
-      font-weight: 400;
-      line-height: 30px;
-      font-weight: normal;
-      margin: 0;
-
-      &::before {
-        content: '';
-        display: inline-block;
-        width: 12px;
-        height: 12px;
-        background: #ff4400;
-        border-radius: 50%;
-        margin-right: 8px;
-      }
-    }
+  /* Exclude error code block from the universal reset to preserve ANSI colors and dark theme */
+  .sb-errordisplay_main .sb-errordisplay_code,
+  .sb-errordisplay_main .sb-errordisplay_code * {
+    background: #242424;
+    color: #c6c6c6;
+  }
 
-    & p,
-    & ol {
-      font-family: Nunito Sans;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 19px;
-      margin: 0;
-    }
+  .sb-errordisplay_main h1 {
+    font-family: inherit;
+    font-size: 22px;
+    font-weight: 400;
+    line-height: 30px;
+    margin: 0;
+  }
 
-    & li + li {
-      margin: 0;
-      padding: 0;
-      padding-top: 12px;
-    }
+  .sb-errordisplay_main h1::before {
+    content: '';
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    background: #ff4400;
+    border-radius: 50%;
+    margin-right: 8px;
+  }
 
-    & a {
-      color: currentColor;
-    }
+  .sb-errordisplay_main p,
+  .sb-errordisplay_main ol {
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 19px;
+    margin: 0;
+  }
 
-    & .sb-errordisplay_code {
-      padding: 10px;
-      flex: 1;
-      background: #242424;
-      color: #c6c6c6;
-      box-sizing: border-box;
-
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 19px;
-      border-radius: 4px;
-
-      font-family:
-        'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
-        'Lucida Console', Consolas, Monaco, monospace;
-      margin: 0;
-      overflow: auto;
-
-      & code {
-        background-color: inherit;
-        color: inherit;
-      }
-    }
+  .sb-errordisplay_main li + li {
+    margin: 0;
+    padding: 0;
+    padding-top: 12px;
+  }
 
-    & .sb-errordisplay pre {
-      white-space: pre-wrap;
-      white-space: revert;
-    }
+  .sb-errordisplay_main a {
+    color: currentColor;
+  }
+
+  .sb-errordisplay_main .sb-errordisplay_code {
+    padding: 10px;
+    flex: 1;
+    background: #242424;
+    color: #c6c6c6;
+    box-sizing: border-box;
+
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 19px;
+    border-radius: 4px;
+
+    font-family:
+      'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
+      'Lucida Console', Consolas, Monaco, monospace;
+    margin: 0;
+    overflow: auto;
+  }
+
+  .sb-errordisplay_main .sb-errordisplay_code code {
+    background-color: inherit;
+    color: inherit;
+  }
+
+  .sb-errordisplay_main .sb-errordisplay_code {
+    white-space: pre-wrap;
   }
 
   @-webkit-keyframes sb-rotate360 {
@@ -546,6 +551,28 @@
     console.warn('unable to connect to top frame for connecting dev tools');
   }
 </script>
+<script>
+	/*
+	 * Minimal `process` shim.
+	 *
+	 * `@wc-toolkit/storybook-helpers` imports `path`, which Vite resolves to the
+	 * userland `path@0.12.7` package present transitively via
+	 * `@bundled-es-modules/glob` and `@bundled-es-modules/memfs`. That package is
+	 * a Node polyfill and dereferences `process` at module scope, so pre-bundling
+	 * it for the browser threw `ReferenceError: process is not defined` before any
+	 * story could mount — every story sat on the "preparing story" loader.
+	 *
+	 * This runs before the preview's module graph, which a Vite `define` cannot do
+	 * safely here: defining bare `process` would also rewrite the `process.env.*`
+	 * reads that Storybook and Vite rely on.
+	 */
+	window.process = window.process || {
+		env: {},
+		platform: 'browser',
+		argv: [],
+		cwd: function () { return '/'; },
+	};
+</script>
 <style>
     @font-face {
 	font-family: 'Aeonik';
@@ -610,9 +637,9 @@
 }
 
 </style>
-    <script type="module" crossorigin src="./assets/iframe-CdWmiVXf.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-dHvya7sk.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-PPVm8Dsz.js">
-    <link rel="stylesheet" crossorigin href="./assets/iframe-vZZLtGTk.css">
+    <link rel="stylesheet" crossorigin href="./assets/iframe-CWwoGI65.css">
   </head>
 
   <body>

package/dist/index.html

@@ -53,37 +53,87 @@
     <link href="./sb-addons/themes-2/manager-bundle.js" rel="modulepreload" />
     
     <link href="./sb-addons/a11y-3/manager-bundle.js" rel="modulepreload" />
-      <link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" rel="stylesheet" />
-
-<style>
-  .header-title {
-    align-content: center !important;
-    border-radius: 0.1875rem;
-    bottom: -5px;
-    color: #061376 !important;
-    display: flex !important;
-    flex-direction: column;
-    font-family: 'Open Sans', 'Liberation Mono', Menlo, Courier, monospace;
-    font-size: 0.7rem;
-    left: 10px;
-    letter-spacing: 0px;
-    line-height: inherit;
-    padding: 3px;
-    position: relative !important;
-    text-align: center;
+    
+    <link href="./sb-addons/storybook-4/manager-bundle.js" rel="modulepreload" />
+      <style>
+  /* Self-hosted Plus Jakarta Sans — served from staticDirs (/fonts/*),
+     CSP-safe (font-src 'self'); no external font hosts. */
+  @font-face {
+    font-family: 'Plus Jakarta Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: url('./fonts/PlusJakartaSans-Regular.woff2') format('woff2');
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Plus Jakarta Sans';
+    font-style: normal;
+    font-weight: 500;
+    src: url('./fonts/PlusJakartaSans-Medium.woff2') format('woff2');
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Plus Jakarta Sans';
+    font-style: normal;
+    font-weight: 600;
+    src: url('./fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Plus Jakarta Sans';
+    font-style: normal;
+    font-weight: 700;
+    src: url('./fonts/PlusJakartaSans-Bold.woff2') format('woff2');
+    font-display: swap;
+  }
+
+  /* Cre8-branded sidebar header */
+  .cre8-brand {
+    display: flex;
     align-items: center;
+    gap: 8px;
+    font-family: 'Plus Jakarta Sans', sans-serif;
+    line-height: 1;
     white-space: nowrap;
-    width: fit-content;
   }
+  .cre8-brand .cre8-logo {
+    width: auto;
+    height: 22px;
+    display: block;
+  }
+  .cre8-brand .cre8-name {
+    font-size: 1.15rem;
+    font-weight: 800;
+    letter-spacing: -0.02em;
+    color: #0F172A;
+  }
+  .cre8-brand .cre8-sub {
+    font-size: 0.8rem;
+    font-weight: 500;
+    color: #64748B;
+  }
+  .cre8-brand .cre8-ver {
+    margin-left: 4px;
+    padding: 2px 8px;
+    font-size: 0.68rem;
+    font-weight: 600;
+    color: #3B82F6;
+    background: rgba(59, 130, 246, 0.1);
+    border: 1px solid rgba(59, 130, 246, 0.22);
+    border-radius: 999px;
+  }
+
   .sidebar-header img {
-    height: auto;
-    max-width: 175px;
-    min-width: 100px;
+    height: 22px;
+    max-width: 60px;
     width: auto;
   }
-  
+
+  /* Brand gradient accent under the sidebar header */
+  .sidebar-header {
+    border-bottom: 2px solid transparent;
+    border-image: linear-gradient(90deg, #3B82F6, #EC4899) 1;
+  }
 </style>
  
 
@@ -103,19 +153,22 @@
       
         
           window['FEATURES'] = {
+  "actions": true,
   "argTypeTargetsV7": true,
-  "legacyDecoratorFileOrder": false,
+  "babelRemoveBugfixes": false,
+  "backgrounds": true,
+  "changeDetection": true,
+  "componentsManifest": false,
+  "controls": true,
   "disallowImplicitActionsInRenderV8": true,
-  "viewport": true,
   "highlight": true,
-  "controls": true,
   "interactions": true,
-  "actions": true,
-  "backgrounds": true,
-  "outline": true,
+  "legacyDecoratorFileOrder": false,
   "measure": true,
+  "outline": true,
+  "menuOnboardingChecklist": true,
   "sidebarOnboardingChecklist": true,
-  "componentsManifest": false
+  "viewport": true
 };
         
       
@@ -138,6 +191,10 @@
         
       
         
+          window['DOCGEN_STORY_PREPARED'] = false;
+        
+      
+        
       
         
       
@@ -174,6 +231,8 @@
       
         import './sb-addons/a11y-3/manager-bundle.js';
       
+        import './sb-addons/storybook-4/manager-bundle.js';
+      
 
       import './sb-manager/runtime.js';
     </script>