@mirror-physics/fractal-ui 0.2.0-next.77 → 0.2.0-next.78

package/dist/tokens.css

@@ -208,6 +208,18 @@
   --warning-text: var(--yellow-900);
   --warning-bg: var(--yellow-0);
 
+  /* Filled status and metadata tags — borderless containment. */
+  --tag-info-bg: var(--blue-100);
+  --tag-info-fg: var(--blue-600);
+  --tag-success-bg: var(--green-100);
+  --tag-success-fg: var(--green-600);
+  --tag-warning-bg: var(--yellow-100);
+  --tag-warning-fg: var(--yellow-600);
+  --tag-error-bg: var(--red-100);
+  --tag-error-fg: var(--red-600);
+  --tag-neutral-bg: var(--bg-surface-2);
+  --tag-neutral-fg: var(--fg-secondary);
+
   /* ---- Pink ---- */
   --pink-default: var(--pink-500);
   --pink-hover: var(--pink-400);
@@ -404,6 +416,18 @@
     --warning-text: var(--yellow-100);
     --warning-bg: var(--yellow-900);
 
+    /* Filled status and metadata tags — borderless containment. */
+    --tag-info-bg: var(--blue-700);
+    --tag-info-fg: var(--blue-200);
+    --tag-success-bg: var(--green-700);
+    --tag-success-fg: var(--green-200);
+    --tag-warning-bg: var(--yellow-700);
+    --tag-warning-fg: var(--yellow-200);
+    --tag-error-bg: var(--red-700);
+    --tag-error-fg: var(--red-200);
+    --tag-neutral-bg: var(--bg-surface-2);
+    --tag-neutral-fg: var(--fg-secondary);
+
     /* ---- Pink ---- */
     --pink-default: var(--pink-400);
     --pink-hover: var(--pink-300);
@@ -655,6 +679,9 @@ body {
     --shadow-xl: 0 20px 25px rgba(0,0,0,0.08), 0 8px 10px rgba(0,0,0,0.04);
 
     /* ---- Layout Constants ---- */
+    --shell-header-height: 3.5rem; /* 56px at the default root, including the divider */
+    --chart-axis-tick-gap: var(--space-1);
+    --chart-axis-title-gap: var(--space-2);
     --panel-width: 256px;
   }
 
@@ -690,6 +717,13 @@ body {
   --control-xl-icon-size: 1.25rem;
 }
 
+/* Table content caps; selected by the table container's available width. */
+:root {
+  --table-column-max-compact: 16rem;
+  --table-column-max-medium: 20rem;
+  --table-column-max-wide: 24rem;
+}
+
 /* =========================================
    Design System Motion Tokens
    =========================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirror-physics/fractal-ui",
-  "version": "0.2.0-next.77",
+  "version": "0.2.0-next.78",
   "description": "Fractal UI \u2014 React components and CSS tokens for Mirror Physics products",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -13,7 +13,13 @@
       "require": "./dist/index.cjs"
     },
     "./css": "./dist/index.css",
-    "./tokens.css": "./dist/tokens.css"
+    "./tokens.css": "./dist/tokens.css",
+    "./column-editor": {
+      "types": "./dist/column-editor.d.ts",
+      "import": "./dist/column-editor.js",
+      "require": "./dist/column-editor.cjs"
+    },
+    "./column-editor.css": "./dist/column-editor.css"
   },
   "files": [
     "dist"
@@ -24,6 +30,7 @@
   "scripts": {
     "build": "tsup",
     "typecheck": "tsc --noEmit",
+    "test:dropdown": "node --test tests/dropdown-position.test.mjs",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "publish:next": "set -a && . ./.env.local && set +a && npm publish --tag next",
@@ -38,7 +45,7 @@
     "@codemirror/language": "^6.12.4",
     "@codemirror/view": "^6.43.7",
     "@lezer/highlight": "^1.2.3",
-    "@mirror-physics/fractal-icons": "^0.4.2",
+    "@mirror-physics/fractal-icons": "^0.4.3",
     "@uiw/react-codemirror": "^4.25.11",
     "clsx": "^2.1.1"
   },