@hirobius/design-system 0.13.0 → 0.14.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.
- package/NOTICE.md +9 -0
- package/README.md +109 -43
- package/dist/contexts.js +62 -60
- package/dist/hirobius-ui.js +6810 -5807
- package/dist/manifest.js +5 -5
- package/dist/static.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.js +2 -2
- package/dist/types/src/app/components/activity-feed.d.ts +6 -0
- package/dist/types/src/app/components/alert.d.ts +1 -0
- package/dist/types/src/app/components/avatar.d.ts +1 -0
- package/dist/types/src/app/components/badge.d.ts +1 -0
- package/dist/types/src/app/components/box.d.ts +2 -2
- package/dist/types/src/app/components/breadcrumb.d.ts +1 -0
- package/dist/types/src/app/components/button.d.ts +1 -0
- package/dist/types/src/app/components/callout.d.ts +1 -0
- package/dist/types/src/app/components/card.d.ts +7 -2
- package/dist/types/src/app/components/checkbox.d.ts +1 -0
- package/dist/types/src/app/components/code-block.d.ts +1 -0
- package/dist/types/src/app/components/combobox.d.ts +1 -0
- package/dist/types/src/app/components/dialog.d.ts +5 -0
- package/dist/types/src/app/components/disclosure.d.ts +1 -0
- package/dist/types/src/app/components/divider.d.ts +4 -0
- package/dist/types/src/app/components/empty-state.d.ts +1 -0
- package/dist/types/src/app/components/field.d.ts +1 -0
- package/dist/types/src/app/components/form.d.ts +7 -1
- package/dist/types/src/app/components/icon-button.d.ts +2 -2
- package/dist/types/src/app/components/icon.d.ts +1 -1
- package/dist/types/src/app/components/inline-code.d.ts +3 -0
- package/dist/types/src/app/components/inline-link.d.ts +1 -0
- package/dist/types/src/app/components/input.d.ts +1 -0
- package/dist/types/src/app/components/menu.d.ts +1 -0
- package/dist/types/src/app/components/nav-group.d.ts +2 -2
- package/dist/types/src/app/components/nav-item.d.ts +1 -1
- package/dist/types/src/app/components/pagination.d.ts +1 -0
- package/dist/types/src/app/components/popover.d.ts +1 -0
- package/dist/types/src/app/components/progress.d.ts +1 -0
- package/dist/types/src/app/components/radio.d.ts +1 -0
- package/dist/types/src/app/components/skeleton.d.ts +1 -0
- package/dist/types/src/app/components/slider.d.ts +1 -0
- package/dist/types/src/app/components/spinner.d.ts +1 -0
- package/dist/types/src/app/components/stack.d.ts +1 -1
- package/dist/types/src/app/components/stat.d.ts +1 -0
- package/dist/types/src/app/components/status-list-item.d.ts +1 -0
- package/dist/types/src/app/components/status-tile.d.ts +1 -0
- package/dist/types/src/app/components/surface.d.ts +1 -1
- package/dist/types/src/app/components/table.d.ts +1 -0
- package/dist/types/src/app/components/tabs.d.ts +6 -0
- package/dist/types/src/app/components/tag.d.ts +1 -0
- package/dist/types/src/app/components/textarea.d.ts +1 -0
- package/dist/types/src/app/components/toast.d.ts +1 -0
- package/dist/types/src/app/components/toggle.d.ts +1 -0
- package/dist/types/src/app/context/TenantContext.d.ts +20 -6
- package/dist/types/src/app/context/index.d.ts +7 -7
- package/dist/types/src/app/design-system/generated-token-refs.d.ts +13 -2
- package/dist/types/src/app/design-system/generated-token-values.d.ts +3 -3
- package/dist/types/src/app/design-system/theme.d.ts +1 -1
- package/dist/types/src/app/design-system/tokens.d.ts +2 -2
- package/dist/types/src/app/hooks/useHdsMotion.d.ts +16 -0
- package/dist/types/src/app/hooks/useReducedMotion.d.ts +1 -0
- package/dist/types/src/app/layouts/HdsSystemDocLayout.d.ts +1 -1
- package/dist/types/src/app/lib/hds-search.d.ts +1 -1
- package/dist/types/src/brand/index.d.ts +1 -1
- package/dist/types/src/form/index.d.ts +3 -3
- package/dist/types/src/index.d.ts +253 -118
- package/dist/types/src/lib/env.d.ts +31 -0
- package/dist/types/src/lib/manifest-entry.d.ts +1 -1
- package/dist/types/src/scroll/index.d.ts +2 -2
- package/dist/variables.css +56 -34
- package/hirobius.tokens.json +200 -65
- package/package.json +56 -17
- package/public/hds-manifest.json +1575 -696
- /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.
|
|
22
|
+
"version": "0.14.0",
|
|
6
23
|
"engines": {
|
|
7
24
|
"node": ">=20",
|
|
8
25
|
"pnpm": ">=8"
|
|
@@ -72,6 +89,7 @@
|
|
|
72
89
|
},
|
|
73
90
|
"files": [
|
|
74
91
|
"dist",
|
|
92
|
+
"NOTICE.md",
|
|
75
93
|
"hirobius.tokens.json",
|
|
76
94
|
"public/hds-manifest.json"
|
|
77
95
|
],
|
|
@@ -134,12 +152,14 @@
|
|
|
134
152
|
"@axe-core/playwright": "^4.11.1",
|
|
135
153
|
"@changesets/cli": "^2.27.10",
|
|
136
154
|
"@cyclonedx/cyclonedx-npm": "^4.2.1",
|
|
155
|
+
"@figma/code-connect": "^2.0.1",
|
|
137
156
|
"@hookform/resolvers": "^5.4.0",
|
|
138
157
|
"@lhci/cli": "0.15.1",
|
|
139
158
|
"@microsoft/api-extractor": "7.58.7",
|
|
140
159
|
"@playwright/test": "^1.58.2",
|
|
141
160
|
"@size-limit/file": "^12.1.0",
|
|
142
161
|
"@storybook/addon-a11y": "^8.6.18",
|
|
162
|
+
"@storybook/addon-designs": "^8.2.1",
|
|
143
163
|
"@storybook/addon-essentials": "^8.6.14",
|
|
144
164
|
"@storybook/react": "^8.6.18",
|
|
145
165
|
"@storybook/react-vite": "^8.6.18",
|
|
@@ -175,6 +195,7 @@
|
|
|
175
195
|
"jsdom": "^29.0.0",
|
|
176
196
|
"knip": "^6.10.0",
|
|
177
197
|
"lenis": "^1.3.25",
|
|
198
|
+
"lightningcss": "1.32.0",
|
|
178
199
|
"lint-staged": "^17.0.2",
|
|
179
200
|
"nodemon": "^3.1.14",
|
|
180
201
|
"pixelmatch": "^7.1.0",
|
|
@@ -218,7 +239,7 @@
|
|
|
218
239
|
"audit:sidecar": "node scripts/generate-security-posture.mjs",
|
|
219
240
|
"audit:style-dictionary": "bash scripts/poc/style-dictionary-poc/run.sh",
|
|
220
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",
|
|
221
|
-
"build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs",
|
|
242
|
+
"build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs && node scripts/add-dts-extensions.mjs",
|
|
222
243
|
"catalog": "node scripts/generate-visual-catalog.mjs",
|
|
223
244
|
"changelog:generate": "node scripts/generate-changelog.mjs",
|
|
224
245
|
"changeset": "changeset",
|
|
@@ -228,6 +249,7 @@
|
|
|
228
249
|
"build-storybook": "storybook build",
|
|
229
250
|
"storybook:deploy": "node scripts/deploy-storybook.mjs",
|
|
230
251
|
"chromatic": "chromatic --exit-zero-on-changes",
|
|
252
|
+
"readme:counts": "node scripts/build-readme-counts.mjs",
|
|
231
253
|
"release": "pnpm build:lib && pnpm smoke:consumer --skip-build && changeset publish",
|
|
232
254
|
"check": "pnpm check:full",
|
|
233
255
|
"check:a11y": "pnpm lint --rule '{\"jsx-a11y/alt-text\":\"error\",\"jsx-a11y/img-redundant-alt\":\"error\"}'",
|
|
@@ -243,13 +265,15 @@
|
|
|
243
265
|
"check:doc-refs": "node scripts/check-link-integrity.mjs --doc-refs-only",
|
|
244
266
|
"check:docs": "node scripts/audit-component-integrity.mjs --docs && node scripts/check-token-descriptions.mjs --no-missing --quality",
|
|
245
267
|
"check:exemptions": "node scripts/check-exemptions.mjs",
|
|
268
|
+
"check:figma-mapping": "node scripts/check-figma-mapping.mjs",
|
|
246
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",
|
|
247
270
|
"check:focus": "node scripts/check-focus-states.mjs",
|
|
248
271
|
"check:font-files": "node scripts/check-typography-discipline.mjs --font-files-only",
|
|
249
272
|
"check:fonts": "node scripts/check-typography-discipline.mjs --fonts-only",
|
|
250
273
|
"check:forbidden-overrides": "node scripts/audit-tokens.mjs --forbidden",
|
|
251
274
|
"check:format": "pnpm exec lint-staged",
|
|
252
|
-
"check:
|
|
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",
|
|
253
277
|
"check:ghost-tokens": "node scripts/audit-tokens.mjs --full",
|
|
254
278
|
"check:grids": "node scripts/check-unresponsive-grids.mjs",
|
|
255
279
|
"check:inline-styles": "node scripts/check-style-discipline.mjs --inline-only",
|
|
@@ -264,7 +288,7 @@
|
|
|
264
288
|
"check:motion": "node scripts/check-reduced-motion.mjs",
|
|
265
289
|
"check:refs": "node scripts/check-ref-forwarding.mjs",
|
|
266
290
|
"check:registry": "node scripts/check-registry.mjs",
|
|
267
|
-
"check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm
|
|
291
|
+
"check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm check:size",
|
|
268
292
|
"check:routes": "node scripts/check-link-integrity.mjs --route-links-only",
|
|
269
293
|
"check:secrets": "node scripts/check-secrets.mjs",
|
|
270
294
|
"check:security": "node scripts/check-security-baseline.mjs",
|
|
@@ -274,6 +298,7 @@
|
|
|
274
298
|
"check:style-props": "node scripts/check-style-discipline.mjs --style-props-only",
|
|
275
299
|
"check:tailwind": "pnpm lint --rule '{\"tailwindcss/no-custom-classname\":\"error\"}'",
|
|
276
300
|
"check:tailwind-arbitrary": "pnpm lint --rule '{\"tailwindcss/no-arbitrary-value\":\"error\"}'",
|
|
301
|
+
"check:tailwind-token-coverage": "node scripts/check-tailwind-token-coverage.mjs",
|
|
277
302
|
"check:template-sot": "node scripts/check-template-source-of-truth.mjs",
|
|
278
303
|
"check:tier-bypass": "node scripts/check-tier-bypass.mjs",
|
|
279
304
|
"check:token-descriptions": "node scripts/check-token-descriptions.mjs --no-missing",
|
|
@@ -287,15 +312,22 @@
|
|
|
287
312
|
"docs:changelogs": "node scripts/generate-component-changelogs.mjs",
|
|
288
313
|
"docs:llms": "node scripts/generate-llms-txt.mjs",
|
|
289
314
|
"figma-variables": "node scripts/build-figma-variables.mjs",
|
|
290
|
-
"figma:
|
|
291
|
-
"
|
|
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:disposition": "node scripts/figma-disposition.mjs",
|
|
320
|
+
"figma:model": "node scripts/build-figma-model.mjs",
|
|
321
|
+
"figma:native-import": "node scripts/build-figma-native-import.mjs",
|
|
322
|
+
"figma:push": "node scripts/figma-push.mjs",
|
|
323
|
+
"figma:snapshot": "node scripts/figma-snapshot.mjs",
|
|
292
324
|
"harvest:design-md": "node scripts/harvest-design-md.mjs",
|
|
293
325
|
"heal": "node scripts/self-heal.mjs",
|
|
294
326
|
"heal:smoke": "node scripts/self-heal.mjs --smoke",
|
|
295
327
|
"health-commit": "pnpm check:semantic-report && node scripts/print-health-commit.mjs",
|
|
296
328
|
"icons:sync": "node scripts/sync-icons.mjs",
|
|
297
329
|
"knip": "knip",
|
|
298
|
-
"lint": "eslint src scripts validators tests",
|
|
330
|
+
"lint": "eslint src scripts validators tests --max-warnings=0",
|
|
299
331
|
"lint:fix": "eslint src scripts validators tests --fix",
|
|
300
332
|
"llms:generate": "node scripts/generate-llms-txt.mjs",
|
|
301
333
|
"manifest:generate": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs",
|
|
@@ -307,31 +339,38 @@
|
|
|
307
339
|
"scaffold:component": "node scripts/scaffold-component.mjs",
|
|
308
340
|
"scaffold:tenant": "node scripts/scaffold-tenant.mjs",
|
|
309
341
|
"size-limit": "size-limit --config .size-limit.cjs",
|
|
310
|
-
"smoke:consumer": "node scripts/smoke-consumer.mjs",
|
|
342
|
+
"smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs",
|
|
311
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",
|
|
312
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",
|
|
313
345
|
"test": "vitest run --passWithNoTests",
|
|
314
|
-
"test:a11y": "
|
|
315
|
-
"test:collision": "
|
|
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",
|
|
316
348
|
"test:compiler": "node -e \"import('./scripts/hds-jsx-compiler.mjs').then(m => console.log(JSON.stringify(m.compile(process.argv[1]), null, 2)))\" --",
|
|
317
349
|
"test:coverage": "vitest run --coverage",
|
|
318
350
|
"test:figma": "npx tsx scripts/figma-sync.ts",
|
|
319
|
-
"test:layout": "
|
|
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",
|
|
320
352
|
"test:phase1": "node scripts/test-phase1.mjs",
|
|
321
|
-
"test:responsive": "
|
|
322
|
-
"test:visual": "
|
|
323
|
-
"test:visual:update": "
|
|
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",
|
|
324
356
|
"test:watch": "vitest",
|
|
325
|
-
"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",
|
|
326
358
|
"tokens:audit": "node scripts/audit-component-integrity.mjs --tokens",
|
|
327
359
|
"tokens:build": "node scripts/build-hds-tokens.mjs",
|
|
328
360
|
"tokens:index": "node scripts/build-token-index.mjs",
|
|
329
361
|
"tokens:verify": "node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs",
|
|
330
|
-
"typecheck": "tsc --noEmit -p tsconfig.typecheck.json",
|
|
362
|
+
"typecheck": "tsc --noEmit -p tsconfig.typecheck.json && tsc --noEmit -p tsconfig.figma.json",
|
|
331
363
|
"ui:lint": "node scripts/ui-lint.mjs",
|
|
332
364
|
"validate:manifest": "node scripts/validate-manifest.mjs",
|
|
333
365
|
"visual-ingest": "node scripts/visual-ingest.mjs",
|
|
334
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\"",
|
|
335
|
-
"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",
|
|
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"
|
|
336
375
|
}
|
|
337
376
|
}
|