@hirobius/design-system 0.14.0 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/README.md +4 -4
  2. package/dist/chunks/TokenDisplayContext-B3gxyQN7.js +1 -0
  3. package/dist/chunks/form-DnGRy27o.js +1 -0
  4. package/dist/contexts.js +1 -0
  5. package/dist/form.js +1 -0
  6. package/dist/hirobius-ui.js +5884 -4425
  7. package/dist/manifest.js +8 -8
  8. package/dist/scroll.js +1 -0
  9. package/dist/styles.css +1 -1
  10. package/dist/tokens.css +1 -1
  11. package/dist/tokens.js +40 -22
  12. package/dist/types/src/app/components/alert.d.ts +1 -1
  13. package/dist/types/src/app/components/asset-img.d.ts +1 -1
  14. package/dist/types/src/app/components/bleed.d.ts +1 -1
  15. package/dist/types/src/app/components/card.d.ts +3 -3
  16. package/dist/types/src/app/components/center.d.ts +1 -1
  17. package/dist/types/src/app/components/checkbox.d.ts +1 -2
  18. package/dist/types/src/app/components/cinematic-link.d.ts +8 -3
  19. package/dist/types/src/app/components/cluster.d.ts +1 -1
  20. package/dist/types/src/app/components/code-block.d.ts +1 -1
  21. package/dist/types/src/app/components/component-instance-matrix.d.ts +7 -1
  22. package/dist/types/src/app/components/container.d.ts +1 -1
  23. package/dist/types/src/app/components/cover.d.ts +1 -1
  24. package/dist/types/src/app/components/disclosure.d.ts +1 -1
  25. package/dist/types/src/app/components/doc-link-card.d.ts +1 -1
  26. package/dist/types/src/app/components/error-boundary.d.ts +1 -1
  27. package/dist/types/src/app/components/error-pattern.d.ts +1 -2
  28. package/dist/types/src/app/components/foundation-swatch.d.ts +6 -0
  29. package/dist/types/src/app/components/frame.d.ts +1 -1
  30. package/dist/types/src/app/components/grid.d.ts +2 -2
  31. package/dist/types/src/app/components/heading-stack.d.ts +1 -1
  32. package/dist/types/src/app/components/icon-button.d.ts +1 -2
  33. package/dist/types/src/app/components/image-lightbox.d.ts +1 -2
  34. package/dist/types/src/app/components/inline-code.d.ts +1 -1
  35. package/dist/types/src/app/components/inline-link.d.ts +1 -2
  36. package/dist/types/src/app/components/nav-group.d.ts +1 -1
  37. package/dist/types/src/app/components/nav-item.d.ts +1 -1
  38. package/dist/types/src/app/components/page.d.ts +1 -1
  39. package/dist/types/src/app/components/pin.d.ts +1 -2
  40. package/dist/types/src/app/components/radio.d.ts +1 -2
  41. package/dist/types/src/app/components/reveal.d.ts +1 -2
  42. package/dist/types/src/app/components/segmented-control.d.ts +1 -1
  43. package/dist/types/src/app/components/select.d.ts +29 -0
  44. package/dist/types/src/app/components/sidebar.d.ts +1 -1
  45. package/dist/types/src/app/components/sketch.d.ts +6 -0
  46. package/dist/types/src/app/components/slider.d.ts +1 -2
  47. package/dist/types/src/app/components/stack.d.ts +1 -1
  48. package/dist/types/src/app/components/stepper-field.d.ts +1 -2
  49. package/dist/types/src/app/components/surface.d.ts +1 -1
  50. package/dist/types/src/app/components/switcher.d.ts +1 -1
  51. package/dist/types/src/app/components/toggle.d.ts +1 -2
  52. package/dist/types/src/app/components/token.d.ts +8 -2
  53. package/dist/types/src/app/design-system/generated-token-refs.d.ts +3 -6
  54. package/dist/types/src/app/design-system/generated-token-values.d.ts +2 -6
  55. package/dist/types/src/app/design-system/tokens.d.ts +0 -5
  56. package/dist/types/src/app/layouts/CaseStudyLayout.d.ts +2 -3
  57. package/dist/types/src/app/layouts/DocLayout.d.ts +0 -2
  58. package/dist/types/src/app/layouts/HdsDocsShell.d.ts +72 -0
  59. package/dist/types/src/app/layouts/HdsSystemDocLayout.d.ts +8 -1
  60. package/dist/types/src/index.d.ts +23 -31
  61. package/dist/variables.css +58 -6
  62. package/hirobius.tokens.json +21 -31
  63. package/package.json +34 -22
  64. package/public/hds-manifest.json +1466 -179
  65. /package/dist/types/src/app/components/{lab/tokenUtils.d.ts → tokenUtils.d.ts} +0 -0
package/package.json CHANGED
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "license": "SEE LICENSE IN NOTICE.md",
21
21
  "private": false,
22
- "version": "0.14.0",
22
+ "version": "0.16.0",
23
23
  "engines": {
24
24
  "node": ">=20",
25
25
  "pnpm": ">=8"
@@ -227,10 +227,10 @@
227
227
  },
228
228
  "scripts": {
229
229
  "_comment:a11y-high-value": "The following check:* validators are high-value accessibility checks that catch real violations (check:focus found 1 missing focus class). Kept dormant/manual-only to avoid pre-commit performance regression. Candidates to wire into pretest after CI stability review.",
230
+ "_comment:editorconfig-version": "check:mojibake routes through scripts/lib/mojibake.mjs, which pins EC_VERSION=v3.7.0. The editorconfig-checker@6.1.x npm wrapper expects binary v3.7.0 but downloads the latest Go release (v3.8.0, 2026-06-25), so a fresh install fails with a version mismatch (binary != config). Pinning the download to the wrapper's expected version keeps CI + pre-commit green. Bump both together when upgrading the npm package. The wrapper also SKIPS gracefully (like check:secrets) when the binary download is network-blocked (remote agent sessions), so hooks no longer need --no-verify (#18/#52); the gate still enforces wherever the binary is present.",
230
231
  "_comment:link-integrity": "check:doc-refs and check:routes both validate internal link integrity (different surfaces: doc refs vs route links). Kept dormant/manual-only to prevent pre-commit cascade.",
231
232
  "_comment:security-baseline": "check:security validates OWASP baseline patterns. Dormant/manual-only — candidate for integration into security-focused CI lane, not pretest.",
232
233
  "_comment:token-integrity": "check:css-values, check:token-structure validate token system correctness. Dormant/manual-only due to overlapping scope with check:fast and existing token validators.",
233
- "_comment:editorconfig-version": "check:mojibake routes through scripts/lib/mojibake.mjs, which pins EC_VERSION=v3.7.0. The editorconfig-checker@6.1.x npm wrapper expects binary v3.7.0 but downloads the latest Go release (v3.8.0, 2026-06-25), so a fresh install fails with a version mismatch (binary != config). Pinning the download to the wrapper's expected version keeps CI + pre-commit green. Bump both together when upgrading the npm package. The wrapper also SKIPS gracefully (like check:secrets) when the binary download is network-blocked (remote agent sessions), so hooks no longer need --no-verify (#18/#52); the gate still enforces wherever the binary is present.",
234
234
  "api:check": "node scripts/audit-component-integrity.mjs --api",
235
235
  "api:update": "node scripts/audit-component-integrity.mjs --api --update-baseline",
236
236
  "audit:bundle": "node scripts/audit-bundle.mjs",
@@ -238,6 +238,7 @@
238
238
  "audit:sbom": "node scripts/audit-sbom.mjs",
239
239
  "audit:sidecar": "node scripts/generate-security-posture.mjs",
240
240
  "audit:style-dictionary": "bash scripts/poc/style-dictionary-poc/run.sh",
241
+ "build-storybook": "storybook build",
241
242
  "build:lib": "vite build -c vite.config.lib.ts && pnpm build:types && node scripts/build-vars-css.mjs && node scripts/embed-fonts.mjs && node scripts/build-styles-css.mjs && node scripts/build-static-css.mjs",
242
243
  "build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs && node scripts/add-dts-extensions.mjs",
243
244
  "catalog": "node scripts/generate-visual-catalog.mjs",
@@ -245,12 +246,6 @@
245
246
  "changeset": "changeset",
246
247
  "changeset:add": "changeset",
247
248
  "changeset:version": "changeset version",
248
- "storybook": "storybook dev -p 6006",
249
- "build-storybook": "storybook build",
250
- "storybook:deploy": "node scripts/deploy-storybook.mjs",
251
- "chromatic": "chromatic --exit-zero-on-changes",
252
- "readme:counts": "node scripts/build-readme-counts.mjs",
253
- "release": "pnpm build:lib && pnpm smoke:consumer --skip-build && changeset publish",
254
249
  "check": "pnpm check:full",
255
250
  "check:a11y": "pnpm lint --rule '{\"jsx-a11y/alt-text\":\"error\",\"jsx-a11y/img-redundant-alt\":\"error\"}'",
256
251
  "check:attributions": "node scripts/check-attributions.mjs",
@@ -265,14 +260,15 @@
265
260
  "check:doc-refs": "node scripts/check-link-integrity.mjs --doc-refs-only",
266
261
  "check:docs": "node scripts/audit-component-integrity.mjs --docs && node scripts/check-token-descriptions.mjs --no-missing --quality",
267
262
  "check:exemptions": "node scripts/check-exemptions.mjs",
268
- "check:figma-mapping": "node scripts/check-figma-mapping.mjs",
269
263
  "check:fast": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs && node scripts/audit-tokens.mjs --full && pnpm typecheck && node scripts/check-css-integrity.mjs && node scripts/audit-component-integrity.mjs --tokens && pnpm check:docs && node scripts/check-ref-forwarding.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-dimensions.mjs && node scripts/check-hardcoded-breakpoints.mjs && node scripts/check-typography-discipline.mjs && pnpm check:mojibake && node scripts/check-style-discipline.mjs --style-props-only && node scripts/check-tier-bypass.mjs && node scripts/check-link-integrity.mjs --doc-refs-only && node scripts/check-brand.mjs && node scripts/check-registry.mjs && node scripts/check-template-source-of-truth.mjs",
264
+ "check:figma-coverage": "node scripts/check-figma-coverage.mjs",
265
+ "check:figma-drift": "node scripts/check-figma-drift.mjs",
266
+ "check:figma-mapping": "node scripts/check-figma-mapping.mjs",
270
267
  "check:focus": "node scripts/check-focus-states.mjs",
271
268
  "check:font-files": "node scripts/check-typography-discipline.mjs --font-files-only",
272
269
  "check:fonts": "node scripts/check-typography-discipline.mjs --fonts-only",
273
270
  "check:forbidden-overrides": "node scripts/audit-tokens.mjs --forbidden",
274
271
  "check:format": "pnpm exec lint-staged",
275
- "check:figma-drift": "node scripts/check-figma-drift.mjs",
276
272
  "check:full": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs && node scripts/audit-tokens.mjs --full && pnpm typecheck && node scripts/check-css-integrity.mjs && node scripts/audit-component-integrity.mjs --tokens && pnpm check:docs && node scripts/check-contrast.mjs && node scripts/check-focus-states.mjs && node scripts/check-reduced-motion.mjs && node scripts/check-ref-forwarding.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-dimensions.mjs && node scripts/check-hardcoded-breakpoints.mjs && node scripts/check-unresponsive-grids.mjs && node scripts/check-motion.mjs && node scripts/check-typography-discipline.mjs && pnpm check:mojibake && node scripts/check-style-discipline.mjs && node scripts/check-hardcoded-colors.mjs && node scripts/check-tier-bypass.mjs && node scripts/check-token-structure.mjs && node scripts/check-security-baseline.mjs && node scripts/check-attributions.mjs && node scripts/check-exemptions.mjs && node scripts/check-brand.mjs && node scripts/check-registry.mjs && node scripts/audit-component-integrity.mjs --api && node scripts/check-token-descriptions.mjs --no-missing && node scripts/check-token-renames.mjs && node scripts/check-tailwind-token-coverage.mjs",
277
273
  "check:ghost-tokens": "node scripts/audit-tokens.mjs --full",
278
274
  "check:grids": "node scripts/check-unresponsive-grids.mjs",
@@ -289,13 +285,19 @@
289
285
  "check:refs": "node scripts/check-ref-forwarding.mjs",
290
286
  "check:registry": "node scripts/check-registry.mjs",
291
287
  "check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm check:size",
288
+ "check:rendered-geometry": "node scripts/check-rendered-geometry.mjs",
289
+ "check:rendered-geometry:update": "node scripts/check-rendered-geometry.mjs --update-baseline",
292
290
  "check:routes": "node scripts/check-link-integrity.mjs --route-links-only",
293
291
  "check:secrets": "node scripts/check-secrets.mjs",
294
292
  "check:security": "node scripts/check-security-baseline.mjs",
295
293
  "check:semantic-report": "node scripts/audit-tokens.mjs --report-only",
296
294
  "check:size": "pnpm build:lib && size-limit",
297
295
  "check:spacing": "node scripts/check-hardcoded-spacing.mjs",
296
+ "check:story-coverage": "node scripts/check-story-coverage.mjs",
298
297
  "check:style-props": "node scripts/check-style-discipline.mjs --style-props-only",
298
+ "check:sync-map": "node scripts/check-sync-map.mjs",
299
+ "check:status-claims": "node scripts/check-status-claims.mjs --check",
300
+ "check:record-freshness": "node scripts/check-record-freshness.mjs",
299
301
  "check:tailwind": "pnpm lint --rule '{\"tailwindcss/no-custom-classname\":\"error\"}'",
300
302
  "check:tailwind-arbitrary": "pnpm lint --rule '{\"tailwindcss/no-arbitrary-value\":\"error\"}'",
301
303
  "check:tailwind-token-coverage": "node scripts/check-tailwind-token-coverage.mjs",
@@ -306,22 +308,31 @@
306
308
  "check:token-structure": "node scripts/check-token-structure.mjs",
307
309
  "check:tokens": "node scripts/check-hardcoded-colors.mjs && pnpm lint --rule '{\"tailwindcss/no-custom-classname\":\"error\"}' && node scripts/audit-tokens.mjs --forbidden && node scripts/check-tier-bypass.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-typography-discipline.mjs --fonts-only",
308
310
  "check:type-coverage": "pnpm exec type-coverage --at-least 99.9",
311
+ "chromatic": "chromatic --exit-zero-on-changes",
309
312
  "closure:plan": "node scripts/run-gates.mjs --channel pre-commit --emit-inventory docs/guardrails/full-strictness-inventory.json && node scripts/generate-closure-plan.mjs",
310
313
  "closure:plan:check": "node scripts/generate-closure-plan.mjs --check",
311
314
  "docs:api": "node scripts/generate-component-api.mjs",
312
315
  "docs:changelogs": "node scripts/generate-component-changelogs.mjs",
316
+ "docs:component": "node scripts/generate-component-page.mjs",
313
317
  "docs:llms": "node scripts/generate-llms-txt.mjs",
318
+ "docs:site": "node scripts/generate-component-page.mjs --all --clean",
319
+ "docs:site:inline": "node scripts/generate-component-page.mjs --all --clean --inline",
320
+ "docs:site:shots": "node scripts/generate-component-page.mjs --all --clean --shots",
314
321
  "figma-variables": "node scripts/build-figma-variables.mjs",
315
322
  "figma:connect:check": "node scripts/check-code-connect.mjs",
316
323
  "figma:connect:generate": "node scripts/generate-code-connect.mjs",
317
324
  "figma:connect:parse": "figma connect parse --exit-on-unreadable-files --skip-update-check",
318
- "figma:links": "node scripts/figma-links.mjs",
319
325
  "figma:disposition": "node scripts/figma-disposition.mjs",
326
+ "figma:inventory": "node scripts/figma-inventory.mjs",
327
+ "figma:links": "node scripts/figma-links.mjs",
320
328
  "figma:model": "node scripts/build-figma-model.mjs",
321
329
  "figma:native-import": "node scripts/build-figma-native-import.mjs",
322
330
  "figma:push": "node scripts/figma-push.mjs",
323
331
  "figma:snapshot": "node scripts/figma-snapshot.mjs",
332
+ "figma:staging-inventory": "node scripts/generate-staging-inventory.mjs",
333
+ "guardrail:sweep": "node scripts/guardrail-sweep.mjs",
324
334
  "harvest:design-md": "node scripts/harvest-design-md.mjs",
335
+ "hds:new": "node scripts/scaffold-component.mjs",
325
336
  "heal": "node scripts/self-heal.mjs",
326
337
  "heal:smoke": "node scripts/self-heal.mjs --smoke",
327
338
  "health-commit": "pnpm check:semantic-report && node scripts/print-health-commit.mjs",
@@ -332,15 +343,23 @@
332
343
  "llms:generate": "node scripts/generate-llms-txt.mjs",
333
344
  "manifest:generate": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs",
334
345
  "manifest:project": "node scripts/generate-manifest-projection.mjs",
346
+ "prebuild-storybook": "node scripts/generate-component-api.mjs",
335
347
  "prebuild:lib": "node scripts/generate-component-api.mjs",
336
- "pretest": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/check-manifest-schema-semver.mjs && node scripts/audit-component-integrity.mjs --completeness && node scripts/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && knip --no-exit-code",
348
+ "prestorybook": "node scripts/generate-component-api.mjs",
349
+ "pretest": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/check-manifest-schema-semver.mjs && node scripts/audit-component-integrity.mjs --completeness && node scripts/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && node scripts/check-props-exports.mjs && knip --no-exit-code && node scripts/check-dark-alias-flip.mjs && node scripts/generate-staging-inventory.mjs --check",
350
+ "pretypecheck": "node scripts/audit-tokens.mjs --report-only",
351
+ "preview:build": "vite build --config preview/vite.config.mjs",
337
352
  "promote": "node scripts/promote.mjs",
338
- "hds:new": "node scripts/scaffold-component.mjs",
353
+ "readme:counts": "node scripts/build-readme-counts.mjs",
354
+ "release": "pnpm build:lib && pnpm smoke:consumer --skip-build && changeset publish",
339
355
  "scaffold:component": "node scripts/scaffold-component.mjs",
340
356
  "scaffold:tenant": "node scripts/scaffold-tenant.mjs",
341
357
  "size-limit": "size-limit --config .size-limit.cjs",
342
- "smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs",
358
+ "smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs && node scripts/check-rsc-directives.mjs",
359
+ "storybook": "storybook dev -p 6006",
360
+ "storybook:deploy": "node scripts/deploy-storybook.mjs",
343
361
  "sync": "node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --forbidden && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/build-figma-variables.mjs",
362
+ "sync-map": "node scripts/check-sync-map.mjs --gaps",
344
363
  "sync:health": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --report-only && node scripts/build-design-md.mjs",
345
364
  "test": "vitest run --passWithNoTests",
346
365
  "test:a11y": "echo 'RETIRED (#161): the Playwright browser suite drove the docs SPA deleted in #90 — see tests-archive/README.md. Storybook is the verification surface.' && exit 1",
@@ -364,13 +383,6 @@
364
383
  "validate:manifest": "node scripts/validate-manifest.mjs",
365
384
  "visual-ingest": "node scripts/visual-ingest.mjs",
366
385
  "watch:guardrails": "nodemon --watch CLAUDE.md --watch .cursorrules --watch eslint.config.js --watch .github/workflows -e md,json,js,yml,yaml --exec \"node scripts/audit-guardrails.js\"",
367
- "watch:metrics": "nodemon --watch src/app/components --watch src/app/pages --watch src/app/design-system --watch src/app/styles -e tsx,ts,css --exec \"node scripts/audit-tokens.mjs --full && node scripts/generate-manifest.mjs\"",
368
- "prebuild-storybook": "node scripts/generate-component-api.mjs",
369
- "prestorybook": "node scripts/generate-component-api.mjs",
370
- "pretypecheck": "node scripts/audit-tokens.mjs --report-only",
371
- "preview:build": "vite build --config preview/vite.config.mjs",
372
- "figma:inventory": "node scripts/figma-inventory.mjs",
373
- "check:figma-coverage": "node scripts/check-figma-coverage.mjs",
374
- "guardrail:sweep": "node scripts/guardrail-sweep.mjs"
386
+ "watch:metrics": "nodemon --watch src/app/components --watch src/app/pages --watch src/app/design-system --watch src/app/styles -e tsx,ts,css --exec \"node scripts/audit-tokens.mjs --full && node scripts/generate-manifest.mjs\""
375
387
  }
376
388
  }