@momoi-labs/kiso 0.3.0 → 0.4.1

package/README.md

@@ -61,3 +61,12 @@ Code, config, and templates: **MIT**. Brand assets (name, logo, type):
 **CC BY 4.0** — brand usage rules live in [`kiso/docs/brand.md`](kiso/docs/brand.md).
 
 © 2026 Momoi Labs — [momoi-labs.dev](https://momoi-labs.dev)
+
+## React components and releases
+
+[`@momoi-labs/kiso-react`](packages/kiso-react/README.md) provides React components
+using Kiso tokens and CSS. Run `npm ci` and `npm run prototype` to open the
+Self Host simulation and the full component gallery.
+
+See [Publishing Kiso](docs/publishing.md) for the first npm publication, trusted
+publisher setup, release PRs, and version tags.

package/kiso/docs/components/button.md

@@ -160,9 +160,9 @@ Map Kiso variants onto shadcn *by intent*, not by name:
 
 | Kiso variant | shadcn `variant` |
 | --- | --- |
-| `primary` | `outline`, restyled: `--color-primary` text and border, `--type-weight-semibold`. Do not use shadcn's filled `default` — that needs an on-primary text role Kiso does not have. |
+| `primary` | `default`, restyled: `--color-primary` fill, `--color-primary-foreground` label. Do not restyle shadcn's `outline` into an accent-text primary — that treatment reads as a secondary control. |
 | `default` | `outline` with `--color-foreground` / `--color-border` |
-| `destructive` | `outline` restyled with `--color-danger` text and border, not filled `destructive` |
+| `destructive` | `destructive`, restyled: `--color-danger` fill, `--color-danger-foreground` label |
 | `ghost` | `ghost` |
 
 Do **not** use shadcn `variant="link"`. That style is [Link](link.md).

package/kiso/docs/components/icon-button.md

@@ -145,7 +145,7 @@ No dedicated Radix or shadcn `IconButton` primitive. Implement as shadcn
 | IconButton `sm` | `size="icon-sm"` (or `icon-xs` only if it still uses `--spacing-xs` padding) |
 | IconButton `md` | `size="icon"` |
 | IconButton `lg` | `size="icon-lg"` |
-| variants | Same Button mapping as [Button](button.md) (Kiso `primary` and `default` both start from shadcn `outline`, restyled) |
+| variants | Same Button mapping as [Button](button.md) (Kiso `primary` is a fill, `default` starts from shadcn `outline`) |
 
 Always pass `aria-label`. Do not rely on the icon's title or a Tooltip
 alone.

package/kiso/ui.css

@@ -819,11 +819,16 @@ pre {
   border: 1px solid var(--color-border);
   border-radius: var(--radius-surface);
   background: var(--color-muted);
-  overflow-x: auto;
+  /* The frame no longer scrolls, so it needs an explicit floor to stay
+     inside a grid or flex parent when a code line is long. */
+  min-inline-size: 0;
   font-size: var(--type-size-label);
   line-height: var(--type-line-height-relaxed);
 }
-pre code { padding: 0; background: none; border: 0; }
+/* Scrolling sits on the inner element, not on `pre`. A scroll container
+   scrolls for its own corner marks, which are absolutely positioned outside
+   the frame — the same reason `.table-scroll` exists. Write `<pre><code>`. */
+pre code { display: block; overflow-x: auto; padding: 0; background: none; border: 0; }
 
 .kv { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); gap: var(--spacing-sm) var(--spacing-lg); font-size: var(--type-size-body); }
 .kv dt { color: var(--color-muted-foreground); font-size: var(--type-size-label); }
@@ -831,16 +836,23 @@ pre code { padding: 0; background: none; border: 0; }
 
 .logview {
   position: relative;
+  display: flex;
+  flex-direction: column;
   background: var(--color-neutral-950);
   color: var(--color-neutral-300);
   border: 1px solid var(--color-border);
   border-radius: var(--radius-surface);
   padding: var(--spacing-md);
+  min-inline-size: 0;
   font-family: var(--font-mono);
   font-size: var(--type-size-label);
   line-height: var(--type-line-height-relaxed);
-  overflow: auto;
 }
+/* The frame is `.logview`, the scroller is `.log-scroll` inside it — same
+   split as `.table-wrap` / `.table-scroll`, and for the same reason: a scroll
+   container scrolls for the corner marks it draws just outside its own frame.
+   Height goes on `.logview`; the scroller takes what is left. */
+.logview > .log-scroll { flex: 1 1 auto; min-block-size: 0; overflow: auto; }
 .logview .log-time { color: var(--color-neutral-600); margin-inline-end: var(--spacing-sm); }
 .logview .log-warn { color: var(--color-warning-on-dark); }
 .logview .log-error{ color: var(--color-danger-on-dark); }

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@momoi-labs/kiso",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Kiso design-system contracts and generated design tokens",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/momoi-labs/blueprint.git"
+    "url": "git+https://github.com/momoi-labs/blueprint.git",
+    "directory": "packages/kiso"
   },
   "type": "module",
   "files": [
@@ -22,23 +23,11 @@
     "./contracts/*": "./kiso/*"
   },
   "scripts": {
-    "build": "style-dictionary build --config style-dictionary.config.mjs",
-    "check": "npm run build && npm run check:generated && npm run check:tokens",
-    "check:generated": "git diff --exit-code -- tokens/build/",
-    "check:tokens": "node scripts/validate-dtcg.mjs && node scripts/check-contrast.mjs tokens/tokens.json && node scripts/check-component-token-refs.mjs",
-    "changeset": "changeset",
-    "release": "changeset publish"
+    "build": "node ../../scripts/build-kiso-package.mjs",
+    "prepack": "npm run build"
   },
   "publishConfig": {
     "access": "public",
     "provenance": true
-  },
-  "devDependencies": {
-    "@changesets/cli": "^2.29.7",
-    "ajv": "^8.17.1",
-    "style-dictionary": "^5.0.0"
-  },
-  "engines": {
-    "node": ">=24"
   }
 }