@elabs-ai/components-editor 4.2.0 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elabs-ai/components-editor",
-  "version": "4.2.0",
+  "version": "5.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -69,8 +69,8 @@
     "monaco-editor": "^0.55.1",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
-    "@elabs-ai/components-tokens": "4.2.0",
-    "@elabs-ai/components-ui": "4.2.0"
+    "@elabs-ai/components-tokens": "5.0.0",
+    "@elabs-ai/components-ui": "5.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -90,9 +90,9 @@
     "typescript": "^5.7.3",
     "vitest": "^3.0.2",
     "@elabs-ai/components-eslint-config": "0.1.0",
-    "@elabs-ai/components-tokens": "4.2.0",
+    "@elabs-ai/components-tokens": "5.0.0",
     "@elabs-ai/components-typescript-config": "0.1.0",
-    "@elabs-ai/components-ui": "4.2.0"
+    "@elabs-ai/components-ui": "5.0.0"
   },
   "scripts": {
     "build": "rm -rf dist && tsup && node ../../scripts/link-dist-css.mjs",

package/src/calc-block/calc-block.tsx

@@ -391,9 +391,7 @@ export const CalcBlock = forwardRef<HTMLDivElement, CalcBlockProps>(function Cal
 
       {showTotal && resolvedTotal != null && !empty ? (
         <div className="flex items-center justify-between border-t border-border px-4 py-2">
-          <span className="text-meta font-medium uppercase tracking-wide text-muted-foreground">
-            {totalLabel}
-          </span>
+          <span className="text-eyebrow uppercase text-muted-foreground">{totalLabel}</span>
           <span className="font-mono text-code font-medium tabular-nums text-foreground">
             {totalDisplay}
           </span>

package/src/markdown-editor/markdown-editor.stories.tsx

@@ -530,6 +530,7 @@ export const IterationContextMenu: Story = {
  * to localStorage across runs.
  */
 export const NodeMenuDark: Story = {
+  tags: ["!dev"],
   name: "Iteration node menu (⋯ dropdown) — dark",
   decorators: [
     (Story) => (
@@ -543,6 +544,7 @@ export const NodeMenuDark: Story = {
 };
 
 export const NodeMenuHighDecoration: Story = {
+  tags: ["!dev"],
   name: "Iteration node menu (⋯ dropdown) — high decoration",
   globals: { decoration: "10" },
   render: NodeMenu.render,
@@ -550,6 +552,7 @@ export const NodeMenuHighDecoration: Story = {
 };
 
 export const IterationContextMenuDark: Story = {
+  tags: ["!dev"],
   name: "Iteration node menu (right-click) — dark",
   decorators: [
     (Story) => (
@@ -563,6 +566,7 @@ export const IterationContextMenuDark: Story = {
 };
 
 export const IterationContextMenuHighDecoration: Story = {
+  tags: ["!dev"],
   name: "Iteration node menu (right-click) — high decoration",
   globals: { decoration: "10" },
   render: IterationContextMenu.render,
@@ -580,7 +584,7 @@ export const IterationContextMenuHighDecoration: Story = {
  * stylesheet TEXT; this is the rendered-surface proof.
  */
 export const FocusIndicator: Story = {
-  name: "Focus indicator (#309)",
+  name: "Keyboard focus",
   render: () => (
     <div className="mx-auto max-w-3xl p-6">
       <MarkdownEditor
@@ -661,7 +665,8 @@ export const FocusIndicator: Story = {
 };
 
 export const FocusIndicatorDark: Story = {
-  name: "Focus indicator (#309) — dark",
+  tags: ["!dev"],
+  name: "Keyboard focus — dark",
   decorators: [
     (Story) => (
       <ThemeProvider defaultTheme="dark" storageKey={null}>
@@ -674,7 +679,8 @@ export const FocusIndicatorDark: Story = {
 };
 
 export const FocusIndicatorHighDecoration: Story = {
-  name: "Focus indicator (#309) — high decoration",
+  tags: ["!dev"],
+  name: "Keyboard focus — high decoration",
   globals: { decoration: "10" },
   render: FocusIndicator.render,
   play: FocusIndicator.play,