@hirobius/design-system 0.12.0 → 0.13.1

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 (20) hide show
  1. package/NOTICE.md +9 -0
  2. package/README.md +80 -26
  3. package/dist/hirobius-ui.js +5557 -5237
  4. package/dist/manifest.js +3 -3
  5. package/dist/static.css +388 -0
  6. package/dist/styles.css +1 -1
  7. package/dist/tokens.css +1 -1
  8. package/dist/tokens.js +2 -2
  9. package/dist/types/src/app/components/alert.d.ts +1 -0
  10. package/dist/types/src/app/context/TenantContext.d.ts +1 -1
  11. package/dist/types/src/app/design-system/generated-token-refs.d.ts +12 -1
  12. package/dist/types/src/app/design-system/generated-token-values.d.ts +2 -2
  13. package/dist/types/src/app/hooks/useHdsMotion.d.ts +16 -0
  14. package/dist/types/src/app/hooks/useReducedMotion.d.ts +1 -0
  15. package/dist/types/src/index.d.ts +137 -2
  16. package/dist/variables.css +56 -34
  17. package/hirobius.tokens.json +200 -65
  18. package/package.json +52 -15
  19. package/public/hds-manifest.json +752 -556
  20. /package/{LICENSE/main.tsx → LICENSE} +0 -0
package/package.json CHANGED
@@ -1,8 +1,25 @@
1
1
  {
2
2
  "name": "@hirobius/design-system",
3
3
  "description": "Hirobius Design Systems Architecture: token-governed React components, documentation surfaces, and distribution tooling.",
4
+ "keywords": [
5
+ "design-system",
6
+ "design-tokens",
7
+ "dtcg",
8
+ "react",
9
+ "radix-ui",
10
+ "storybook"
11
+ ],
12
+ "homepage": "https://github.com/hirobius/hds#readme",
13
+ "bugs": {
14
+ "url": "https://github.com/hirobius/hds/issues"
15
+ },
16
+ "repository": {
17
+ "type": "git",
18
+ "url": "git+https://github.com/hirobius/hds.git"
19
+ },
20
+ "license": "SEE LICENSE IN NOTICE.md",
4
21
  "private": false,
5
- "version": "0.12.0",
22
+ "version": "0.13.1",
6
23
  "engines": {
7
24
  "node": ">=20",
8
25
  "pnpm": ">=8"
@@ -27,6 +44,7 @@
27
44
  "./tokens.css": "./dist/tokens.css",
28
45
  "./styles.css": "./dist/styles.css",
29
46
  "./variables.css": "./dist/variables.css",
47
+ "./static.css": "./dist/static.css",
30
48
  "./tokens": {
31
49
  "types": "./dist/types/src/app/design-system/tokens.d.ts",
32
50
  "import": "./dist/tokens.js",
@@ -71,6 +89,7 @@
71
89
  },
72
90
  "files": [
73
91
  "dist",
92
+ "NOTICE.md",
74
93
  "hirobius.tokens.json",
75
94
  "public/hds-manifest.json"
76
95
  ],
@@ -133,12 +152,14 @@
133
152
  "@axe-core/playwright": "^4.11.1",
134
153
  "@changesets/cli": "^2.27.10",
135
154
  "@cyclonedx/cyclonedx-npm": "^4.2.1",
155
+ "@figma/code-connect": "^2.0.1",
136
156
  "@hookform/resolvers": "^5.4.0",
137
157
  "@lhci/cli": "0.15.1",
138
158
  "@microsoft/api-extractor": "7.58.7",
139
159
  "@playwright/test": "^1.58.2",
140
160
  "@size-limit/file": "^12.1.0",
141
161
  "@storybook/addon-a11y": "^8.6.18",
162
+ "@storybook/addon-designs": "^8.2.1",
142
163
  "@storybook/addon-essentials": "^8.6.14",
143
164
  "@storybook/react": "^8.6.18",
144
165
  "@storybook/react-vite": "^8.6.18",
@@ -174,6 +195,7 @@
174
195
  "jsdom": "^29.0.0",
175
196
  "knip": "^6.10.0",
176
197
  "lenis": "^1.3.25",
198
+ "lightningcss": "1.32.0",
177
199
  "lint-staged": "^17.0.2",
178
200
  "nodemon": "^3.1.14",
179
201
  "pixelmatch": "^7.1.0",
@@ -216,7 +238,7 @@
216
238
  "audit:sbom": "node scripts/audit-sbom.mjs",
217
239
  "audit:sidecar": "node scripts/generate-security-posture.mjs",
218
240
  "audit:style-dictionary": "bash scripts/poc/style-dictionary-poc/run.sh",
219
- "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",
241
+ "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",
220
242
  "build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs",
221
243
  "catalog": "node scripts/generate-visual-catalog.mjs",
222
244
  "changelog:generate": "node scripts/generate-changelog.mjs",
@@ -227,6 +249,7 @@
227
249
  "build-storybook": "storybook build",
228
250
  "storybook:deploy": "node scripts/deploy-storybook.mjs",
229
251
  "chromatic": "chromatic --exit-zero-on-changes",
252
+ "readme:counts": "node scripts/build-readme-counts.mjs",
230
253
  "release": "pnpm build:lib && pnpm smoke:consumer --skip-build && changeset publish",
231
254
  "check": "pnpm check:full",
232
255
  "check:a11y": "pnpm lint --rule '{\"jsx-a11y/alt-text\":\"error\",\"jsx-a11y/img-redundant-alt\":\"error\"}'",
@@ -242,13 +265,15 @@
242
265
  "check:doc-refs": "node scripts/check-link-integrity.mjs --doc-refs-only",
243
266
  "check:docs": "node scripts/audit-component-integrity.mjs --docs && node scripts/check-token-descriptions.mjs --no-missing --quality",
244
267
  "check:exemptions": "node scripts/check-exemptions.mjs",
268
+ "check:figma-mapping": "node scripts/check-figma-mapping.mjs",
245
269
  "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",
246
270
  "check:focus": "node scripts/check-focus-states.mjs",
247
271
  "check:font-files": "node scripts/check-typography-discipline.mjs --font-files-only",
248
272
  "check:fonts": "node scripts/check-typography-discipline.mjs --fonts-only",
249
273
  "check:forbidden-overrides": "node scripts/audit-tokens.mjs --forbidden",
250
274
  "check:format": "pnpm exec lint-staged",
251
- "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",
275
+ "check:figma-drift": "node scripts/check-figma-drift.mjs",
276
+ "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",
252
277
  "check:ghost-tokens": "node scripts/audit-tokens.mjs --full",
253
278
  "check:grids": "node scripts/check-unresponsive-grids.mjs",
254
279
  "check:inline-styles": "node scripts/check-style-discipline.mjs --inline-only",
@@ -263,7 +288,7 @@
263
288
  "check:motion": "node scripts/check-reduced-motion.mjs",
264
289
  "check:refs": "node scripts/check-ref-forwarding.mjs",
265
290
  "check:registry": "node scripts/check-registry.mjs",
266
- "check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm test:a11y && pnpm test:visual && pnpm test:responsive && pnpm test:collision && pnpm check:size",
291
+ "check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm check:size",
267
292
  "check:routes": "node scripts/check-link-integrity.mjs --route-links-only",
268
293
  "check:secrets": "node scripts/check-secrets.mjs",
269
294
  "check:security": "node scripts/check-security-baseline.mjs",
@@ -273,6 +298,7 @@
273
298
  "check:style-props": "node scripts/check-style-discipline.mjs --style-props-only",
274
299
  "check:tailwind": "pnpm lint --rule '{\"tailwindcss/no-custom-classname\":\"error\"}'",
275
300
  "check:tailwind-arbitrary": "pnpm lint --rule '{\"tailwindcss/no-arbitrary-value\":\"error\"}'",
301
+ "check:tailwind-token-coverage": "node scripts/check-tailwind-token-coverage.mjs",
276
302
  "check:template-sot": "node scripts/check-template-source-of-truth.mjs",
277
303
  "check:tier-bypass": "node scripts/check-tier-bypass.mjs",
278
304
  "check:token-descriptions": "node scripts/check-token-descriptions.mjs --no-missing",
@@ -286,7 +312,14 @@
286
312
  "docs:changelogs": "node scripts/generate-component-changelogs.mjs",
287
313
  "docs:llms": "node scripts/generate-llms-txt.mjs",
288
314
  "figma-variables": "node scripts/build-figma-variables.mjs",
289
- "figma:diff": "node scripts/figma-diff.mjs",
315
+ "figma:connect:check": "node scripts/check-code-connect.mjs",
316
+ "figma:connect:generate": "node scripts/generate-code-connect.mjs",
317
+ "figma:connect:parse": "figma connect parse --exit-on-unreadable-files --skip-update-check",
318
+ "figma:links": "node scripts/figma-links.mjs",
319
+ "figma:model": "node scripts/build-figma-model.mjs",
320
+ "figma:native-import": "node scripts/build-figma-native-import.mjs",
321
+ "figma:push": "node scripts/figma-push.mjs",
322
+ "figma:snapshot": "node scripts/figma-snapshot.mjs",
290
323
  "guardrail:firing-stats": "node scripts/refresh-firing-stats.mjs",
291
324
  "harvest:design-md": "node scripts/harvest-design-md.mjs",
292
325
  "heal": "node scripts/self-heal.mjs",
@@ -294,7 +327,7 @@
294
327
  "health-commit": "pnpm check:semantic-report && node scripts/print-health-commit.mjs",
295
328
  "icons:sync": "node scripts/sync-icons.mjs",
296
329
  "knip": "knip",
297
- "lint": "eslint src scripts validators tests",
330
+ "lint": "eslint src scripts validators tests --max-warnings=0",
298
331
  "lint:fix": "eslint src scripts validators tests --fix",
299
332
  "llms:generate": "node scripts/generate-llms-txt.mjs",
300
333
  "manifest:generate": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs",
@@ -310,27 +343,31 @@
310
343
  "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",
311
344
  "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",
312
345
  "test": "vitest run --passWithNoTests",
313
- "test:a11y": "playwright test tests/a11y.spec.ts",
314
- "test:collision": "playwright test tests/collision.spec.ts",
346
+ "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",
347
+ "test:collision": "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",
315
348
  "test:compiler": "node -e \"import('./scripts/hds-jsx-compiler.mjs').then(m => console.log(JSON.stringify(m.compile(process.argv[1]), null, 2)))\" --",
316
349
  "test:coverage": "vitest run --coverage",
317
350
  "test:figma": "npx tsx scripts/figma-sync.ts",
318
- "test:layout": "playwright test tests/layout-integrity.spec.ts",
351
+ "test:layout": "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",
319
352
  "test:phase1": "node scripts/test-phase1.mjs",
320
- "test:responsive": "playwright test tests/responsive.spec.ts",
321
- "test:visual": "playwright test tests/visual.spec.ts",
322
- "test:visual:update": "playwright test tests/visual.spec.ts --update-snapshots",
353
+ "test:responsive": "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",
354
+ "test:visual": "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",
355
+ "test:visual:update": "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",
323
356
  "test:watch": "vitest",
324
- "tokens": "node scripts/generate-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --forbidden && node scripts/check-typography-discipline.mjs --overrides-only && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/generate-llms-txt.mjs",
357
+ "tokens": "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 --forbidden && node scripts/check-typography-discipline.mjs --overrides-only && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/generate-llms-txt.mjs && node scripts/build-readme-counts.mjs",
325
358
  "tokens:audit": "node scripts/audit-component-integrity.mjs --tokens",
326
359
  "tokens:build": "node scripts/build-hds-tokens.mjs",
327
360
  "tokens:index": "node scripts/build-token-index.mjs",
328
361
  "tokens:verify": "node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs",
329
- "typecheck": "tsc --noEmit -p tsconfig.typecheck.json",
362
+ "typecheck": "tsc --noEmit -p tsconfig.typecheck.json && tsc --noEmit -p tsconfig.figma.json",
330
363
  "ui:lint": "node scripts/ui-lint.mjs",
331
364
  "validate:manifest": "node scripts/validate-manifest.mjs",
332
365
  "visual-ingest": "node scripts/visual-ingest.mjs",
333
366
  "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\"",
334
- "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\""
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"
335
372
  }
336
373
  }