@hirobius/design-system 0.23.1 → 0.23.2
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.
- package/AGENTS.md +1 -1
- package/CHANGELOG.md +18 -0
- package/README.md +6 -8
- package/UPGRADING.md +10 -1
- package/codemods/hds-prefix.mjs +0 -1
- package/codemods/jsx-fold.mjs +0 -1
- package/codemods/lib/scan.mjs +0 -1
- package/codemods/patterns-subpath.mjs +0 -1
- package/dist/chunks/{empty-state-ChC_xZfg.js → empty-state-BQ1v7ZIx.js} +15 -15
- package/dist/css-contract.json +1 -1
- package/dist/hirobius-ui.js +58 -58
- package/dist/manifest.js +9 -9
- package/dist/patterns.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/types/src/index.d.ts +0 -8
- package/dist/types/src/lib/deprecation.d.ts +1 -1
- package/dist/variables.css +4 -4
- package/hirobius.tokens.json +2 -10
- package/llms.txt +3 -3
- package/package.json +3 -25
- package/public/hds-manifest.json +172 -1231
- package/public/llms/scroll.txt +1 -1
- package/public/llms-full.txt +3 -3
- package/public/llms.txt +3 -3
- package/src/app/data/component-api.json +1 -1
- package/upgrade/index.json +8 -1
- package/upgrade/releases/0.23.2.json +47 -0
|
@@ -2517,14 +2517,6 @@ export declare const tokens: {
|
|
|
2517
2517
|
textDisabled: {
|
|
2518
2518
|
$type: string;
|
|
2519
2519
|
$value: string;
|
|
2520
|
-
$extensions: {
|
|
2521
|
-
"com.figma.variables": {
|
|
2522
|
-
modes: {
|
|
2523
|
-
Light: string;
|
|
2524
|
-
Dark: string;
|
|
2525
|
-
};
|
|
2526
|
-
};
|
|
2527
|
-
};
|
|
2528
2520
|
$description: string;
|
|
2529
2521
|
};
|
|
2530
2522
|
bgDisabled: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/** Emit a deprecation warning once per unique `code` (dev only). */
|
|
2
2
|
export declare function warnOnce(code: string, message: string): void;
|
|
3
|
-
/** Test
|
|
3
|
+
/** Test helper to reset the once-per-session guard. */
|
|
4
4
|
export declare function __resetDeprecationWarnings(): void;
|
package/dist/variables.css
CHANGED
|
@@ -447,8 +447,8 @@
|
|
|
447
447
|
--component-button-size-lg-iconSize: var(--primitive-size-20);
|
|
448
448
|
--component-button-size-lg-height: var(--primitive-size-48);
|
|
449
449
|
--component-button-size-lg-itemSpacing: var(--primitive-space-2);
|
|
450
|
-
--component-button-primary-textDisabled: var(--semantic-color-content-
|
|
451
|
-
--component-button-primary-bgDisabled: var(--semantic-color-surface-
|
|
450
|
+
--component-button-primary-textDisabled: var(--semantic-color-content-disabled);
|
|
451
|
+
--component-button-primary-bgDisabled: var(--semantic-color-surface-muted);
|
|
452
452
|
--component-button-secondary-bg-rest: var(--semantic-color-surface-page);
|
|
453
453
|
--component-button-secondary-bg-hover: var(--semantic-color-surface-raised);
|
|
454
454
|
--component-button-secondary-bg-pressed: var(--semantic-color-surface-overlay);
|
|
@@ -548,7 +548,6 @@
|
|
|
548
548
|
--semantic-accent-contentHover: var(--primitive-color-apple-300);
|
|
549
549
|
--semantic-accent-subtle: var(--primitive-color-apple-900);
|
|
550
550
|
--component-badge-bg: var(--semantic-color-feedback-bg-info);
|
|
551
|
-
--component-button-primary-textDisabled: var(--semantic-color-content-disabled);
|
|
552
551
|
--semantic-elevation-flat-surface: var(--semantic-color-surface-page);
|
|
553
552
|
--semantic-elevation-flat-border: var(--semantic-color-border-subtle);
|
|
554
553
|
--semantic-elevation-raised-surface: var(--semantic-color-surface-raised);
|
|
@@ -570,7 +569,8 @@
|
|
|
570
569
|
--component-button-bg: var(--semantic-color-surface-accent);
|
|
571
570
|
--component-button-bgHover: var(--semantic-accent-hover);
|
|
572
571
|
--component-button-text: var(--semantic-color-content-onAccent);
|
|
573
|
-
--component-button-primary-
|
|
572
|
+
--component-button-primary-textDisabled: var(--semantic-color-content-disabled);
|
|
573
|
+
--component-button-primary-bgDisabled: var(--semantic-color-surface-muted);
|
|
574
574
|
--component-button-secondary-bg-rest: var(--semantic-color-surface-page);
|
|
575
575
|
--component-button-secondary-bg-hover: var(--semantic-color-surface-raised);
|
|
576
576
|
--component-button-secondary-bg-pressed: var(--semantic-color-surface-overlay);
|
package/hirobius.tokens.json
CHANGED
|
@@ -2475,20 +2475,12 @@
|
|
|
2475
2475
|
"primary": {
|
|
2476
2476
|
"textDisabled": {
|
|
2477
2477
|
"$type": "color",
|
|
2478
|
-
"$value": "{semantic.color.content.
|
|
2479
|
-
"$extensions": {
|
|
2480
|
-
"com.figma.variables": {
|
|
2481
|
-
"modes": {
|
|
2482
|
-
"Light": "{semantic.color.content.onAccent}",
|
|
2483
|
-
"Dark": "{semantic.color.content.disabled}"
|
|
2484
|
-
}
|
|
2485
|
-
}
|
|
2486
|
-
},
|
|
2478
|
+
"$value": "{semantic.color.content.disabled}",
|
|
2487
2479
|
"$description": "Disabled primary button text color."
|
|
2488
2480
|
},
|
|
2489
2481
|
"bgDisabled": {
|
|
2490
2482
|
"$type": "color",
|
|
2491
|
-
"$value": "{semantic.color.surface.
|
|
2483
|
+
"$value": "{semantic.color.surface.muted}",
|
|
2492
2484
|
"$description": "Disabled primary button fill."
|
|
2493
2485
|
}
|
|
2494
2486
|
},
|
package/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Hirobius Design System
|
|
2
2
|
|
|
3
|
-
Generated: 2026-10-
|
|
3
|
+
Generated: 2026-10-11T06:38:18.383Z
|
|
4
4
|
Primary sources: `public/hds-manifest.json`, `src/app/data/component-api.json`, `hirobius.tokens.json`
|
|
5
5
|
|
|
6
6
|
## Agents Using The Package: Start Here
|
|
@@ -274,7 +274,7 @@ Negative rules:
|
|
|
274
274
|
- No GSAP/ScrollTrigger or bespoke Lenis wiring inside `@hirobius/design-system` — those stay app-level/downstream, composed from `Reveal`/`Pin`/`useScrollProgress`/`SmoothScroll`.
|
|
275
275
|
- Every scroll effect must degrade to fully visible/static content — never gate content visibility behind `animation-timeline` support or a scroll listener with no fallback.
|
|
276
276
|
|
|
277
|
-
Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and
|
|
277
|
+
Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and the Reveal pattern page on the docs site (`/docs/patterns/reveal`) for golden-path examples.
|
|
278
278
|
|
|
279
279
|
## HDS Card Anatomy (mandatory — every property is non-negotiable)
|
|
280
280
|
|
|
@@ -317,7 +317,7 @@ Load only what the task needs. Same text as this file, split by topic:
|
|
|
317
317
|
|
|
318
318
|
- `public/llms-full.txt` - this file + the full `DESIGN.md` + a compact props digest for every component.
|
|
319
319
|
|
|
320
|
-
Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll
|
|
320
|
+
Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
|
|
321
321
|
|
|
322
322
|
## Context Loading Rules (Credit Efficiency)
|
|
323
323
|
|
package/package.json
CHANGED
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
"design-tokens",
|
|
7
7
|
"dtcg",
|
|
8
8
|
"react",
|
|
9
|
-
"radix-ui"
|
|
10
|
-
"storybook"
|
|
9
|
+
"radix-ui"
|
|
11
10
|
],
|
|
12
11
|
"homepage": "https://github.com/hirobius/hds#readme",
|
|
13
12
|
"bugs": {
|
|
@@ -20,7 +19,7 @@
|
|
|
20
19
|
"author": "Adrian Milsap",
|
|
21
20
|
"license": "MIT AND OFL-1.1",
|
|
22
21
|
"private": false,
|
|
23
|
-
"version": "0.23.
|
|
22
|
+
"version": "0.23.2",
|
|
24
23
|
"engines": {
|
|
25
24
|
"node": ">=20",
|
|
26
25
|
"pnpm": ">=8"
|
|
@@ -200,11 +199,6 @@
|
|
|
200
199
|
"@microsoft/api-extractor": "7.58.7",
|
|
201
200
|
"@playwright/test": "^1.58.2",
|
|
202
201
|
"@size-limit/file": "^12.1.0",
|
|
203
|
-
"@storybook/addon-a11y": "^8.6.18",
|
|
204
|
-
"@storybook/addon-designs": "^8.2.1",
|
|
205
|
-
"@storybook/addon-essentials": "^8.6.14",
|
|
206
|
-
"@storybook/react": "^8.6.18",
|
|
207
|
-
"@storybook/react-vite": "^8.6.18",
|
|
208
202
|
"@tailwindcss/vite": "^4.2.4",
|
|
209
203
|
"@testing-library/dom": "^10.4.0",
|
|
210
204
|
"@testing-library/react": "^16.1.0",
|
|
@@ -217,7 +211,6 @@
|
|
|
217
211
|
"@vitest/coverage-v8": "^4.1.0",
|
|
218
212
|
"acorn": "^8.16.0",
|
|
219
213
|
"acorn-jsx": "^5.3.2",
|
|
220
|
-
"chromatic": "^17.6.0",
|
|
221
214
|
"cors": "^2.8.6",
|
|
222
215
|
"editorconfig-checker": "^6.1.1",
|
|
223
216
|
"eslint": "^10.3.0",
|
|
@@ -251,7 +244,6 @@
|
|
|
251
244
|
"react-hook-form": "^7.80.0",
|
|
252
245
|
"react-router": "7.13.0",
|
|
253
246
|
"size-limit": "^12.1.0",
|
|
254
|
-
"storybook": "^8.6.18",
|
|
255
247
|
"style-dictionary": "^5.4.0",
|
|
256
248
|
"tailwindcss": "^4.2.4",
|
|
257
249
|
"type-coverage": "^2.29.7",
|
|
@@ -287,7 +279,6 @@
|
|
|
287
279
|
"audit:sbom": "node scripts/audit-sbom.mjs",
|
|
288
280
|
"audit:sidecar": "node scripts/generate-security-posture.mjs",
|
|
289
281
|
"audit:style-dictionary": "bash scripts/poc/style-dictionary-poc/run.sh",
|
|
290
|
-
"build-storybook": "storybook build",
|
|
291
282
|
"build:lib": "vite build -c vite.config.lib.ts && pnpm build:types && node scripts/build-vars-css.mjs && node scripts/build-fonts-css.mjs && node scripts/build-styles-css.mjs && node scripts/build-static-css.mjs && node scripts/build-css-contract.mjs",
|
|
292
283
|
"build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs && node scripts/add-dts-extensions.mjs",
|
|
293
284
|
"catalog": "node scripts/generate-visual-catalog.mjs",
|
|
@@ -339,8 +330,6 @@
|
|
|
339
330
|
"check:refs": "node scripts/check-ref-forwarding.mjs",
|
|
340
331
|
"check:registry": "node scripts/check-registry.mjs",
|
|
341
332
|
"check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm check:size",
|
|
342
|
-
"check:rendered-geometry": "node scripts/check-rendered-geometry.mjs",
|
|
343
|
-
"check:rendered-geometry:update": "node scripts/check-rendered-geometry.mjs --update-baseline",
|
|
344
333
|
"check:routes": "node scripts/check-link-integrity.mjs --route-links-only",
|
|
345
334
|
"check:secrets": "node scripts/check-secrets.mjs",
|
|
346
335
|
"check:security": "node scripts/check-security-baseline.mjs",
|
|
@@ -348,11 +337,9 @@
|
|
|
348
337
|
"check:size": "pnpm build:lib && node scripts/build-button-probe.mjs && pnpm size-limit",
|
|
349
338
|
"check:spacing": "node scripts/check-hardcoded-spacing.mjs",
|
|
350
339
|
"check:spacing-vocabulary": "node scripts/check-spacing-vocabulary.mjs",
|
|
351
|
-
"check:story-coverage": "node scripts/check-story-coverage.mjs",
|
|
352
340
|
"check:layout-contract": "node scripts/check-layout-contract.mjs",
|
|
353
341
|
"check:spacing-scale": "node scripts/check-tailwind-spacing-scale.mjs",
|
|
354
342
|
"check:docs-axe": "node scripts/check-docs-axe.mjs",
|
|
355
|
-
"check:storybook-axe": "node scripts/check-storybook-axe.mjs",
|
|
356
343
|
"check:style-props": "node scripts/check-style-discipline.mjs --style-props-only",
|
|
357
344
|
"check:sync-map": "node scripts/check-sync-map.mjs",
|
|
358
345
|
"check:status-claims": "node scripts/check-status-claims.mjs --check",
|
|
@@ -368,22 +355,17 @@
|
|
|
368
355
|
"check:token-structure": "node scripts/check-token-structure.mjs",
|
|
369
356
|
"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",
|
|
370
357
|
"check:type-coverage": "pnpm exec type-coverage --at-least 99.9",
|
|
371
|
-
"chromatic": "chromatic --exit-zero-on-changes",
|
|
372
358
|
"test:visual-docs": "playwright test",
|
|
373
359
|
"closure:plan": "node scripts/run-gates.mjs --channel pre-commit --emit-inventory docs/guardrails/full-strictness-inventory.json && node scripts/generate-closure-plan.mjs",
|
|
374
360
|
"closure:plan:check": "node scripts/generate-closure-plan.mjs --check",
|
|
375
361
|
"docs:api": "node scripts/generate-component-api.mjs",
|
|
376
362
|
"docs:changelogs": "node scripts/generate-component-changelogs.mjs",
|
|
377
363
|
"docs:build": "pnpm docs:prepare && pnpm --dir docs-site build",
|
|
378
|
-
"docs:publish": "pnpm docs:build && node scripts/generate-manifest-projection.mjs && node scripts/copy-agent-context.mjs --out docs-site/out
|
|
364
|
+
"docs:publish": "pnpm docs:build && node scripts/generate-manifest-projection.mjs && node scripts/copy-agent-context.mjs --out docs-site/out && node scripts/figma-push.mjs --bundle docs-site/out/figma/sync-bundle.json",
|
|
379
365
|
"docs:components": "node scripts/generate-docs-components.mjs",
|
|
380
|
-
"docs:component": "node scripts/generate-component-page.mjs",
|
|
381
366
|
"docs:dev": "pnpm docs:prepare && pnpm --dir docs-site dev",
|
|
382
367
|
"docs:llms": "node scripts/generate-llms-txt.mjs",
|
|
383
368
|
"docs:prepare": "pnpm build:lib && pnpm docs:api && pnpm docs:components && pnpm --dir docs-site install --frozen-lockfile",
|
|
384
|
-
"docs:site": "node scripts/generate-component-page.mjs --all --clean",
|
|
385
|
-
"docs:site:inline": "node scripts/generate-component-page.mjs --all --clean --inline",
|
|
386
|
-
"docs:site:shots": "node scripts/generate-component-page.mjs --all --clean --shots",
|
|
387
369
|
"figma-variables": "node scripts/build-figma-variables.mjs",
|
|
388
370
|
"figma:connect:check": "node scripts/check-code-connect.mjs",
|
|
389
371
|
"figma:connect:generate": "node scripts/generate-code-connect.mjs",
|
|
@@ -410,9 +392,7 @@
|
|
|
410
392
|
"check:consumer-skill": "node scripts/generate-consumer-skill.mjs --check",
|
|
411
393
|
"manifest:generate": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs",
|
|
412
394
|
"manifest:project": "node scripts/generate-manifest-projection.mjs",
|
|
413
|
-
"prebuild-storybook": "node scripts/generate-component-api.mjs",
|
|
414
395
|
"prebuild:lib": "node scripts/generate-component-api.mjs",
|
|
415
|
-
"prestorybook": "node scripts/generate-component-api.mjs",
|
|
416
396
|
"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/audit-component-integrity.mjs --api && 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/check-focus-states.mjs && node scripts/generate-consumer-skill.mjs --check && node scripts/generate-agents-md.mjs --check && node scripts/check-deprecations.mjs && node scripts/upgrade/schema.mjs --check && node scripts/upgrade/compile.mjs --check && node scripts/check-docs.mjs && node --test scripts/check-docs.selftest.mjs && node scripts/check-upgrade-ledger.mjs",
|
|
417
397
|
"pretypecheck": "node scripts/audit-tokens.mjs --report-only",
|
|
418
398
|
"preview:build": "vite build --config preview/vite.config.mjs",
|
|
@@ -426,8 +406,6 @@
|
|
|
426
406
|
"status:touch": "node scripts/status-touch.mjs",
|
|
427
407
|
"status:fold": "node scripts/status-fold.mjs",
|
|
428
408
|
"smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs && node scripts/check-rsc-directives.mjs && node scripts/check-pack-contents.mjs && node scripts/check-upgrade-css.mjs",
|
|
429
|
-
"storybook": "storybook dev -p 6006",
|
|
430
|
-
"storybook:deploy": "node scripts/deploy-storybook.mjs",
|
|
431
409
|
"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",
|
|
432
410
|
"sync-map": "node scripts/check-sync-map.mjs --gaps",
|
|
433
411
|
"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",
|