@hirobius/design-system 0.19.1 → 0.21.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 (175) hide show
  1. package/AGENTS.md +123 -0
  2. package/CONSUMING.md +11 -6
  3. package/DESIGN.md +34 -21
  4. package/NOTICE.md +1 -1
  5. package/README.md +48 -13
  6. package/codemods/hds-prefix.mjs +231 -0
  7. package/codemods/jsx-fold.mjs +515 -0
  8. package/codemods/not-found-pattern.mjs +71 -0
  9. package/codemods/patterns-subpath.mjs +242 -81
  10. package/codemods/patterns-subpath.names.json +41 -15
  11. package/codemods/removed-0.20.json +194 -0
  12. package/codemods/tile-grid.mjs +283 -0
  13. package/codemods/unrewritable.mjs +291 -0
  14. package/dist/chunks/DemoStateContext-Cz5TmrYu.js +32 -0
  15. package/dist/chunks/empty-state-DNoThgfV.js +1227 -0
  16. package/dist/chunks/form-By82qZcC.js +66 -0
  17. package/dist/contexts.js +157 -78
  18. package/dist/fonts/geist-mono-400.woff2 +0 -0
  19. package/dist/fonts/satoshi-400.woff2 +0 -0
  20. package/dist/fonts/satoshi-500.woff2 +0 -0
  21. package/dist/fonts/satoshi-700.woff2 +0 -0
  22. package/dist/fonts.css +53 -0
  23. package/dist/form.js +1 -1
  24. package/dist/hirobius-ui.js +1600 -5354
  25. package/dist/manifest.js +12 -13
  26. package/dist/patterns.js +796 -510
  27. package/dist/styles.css +2 -2
  28. package/dist/tokens.css +1 -1
  29. package/dist/tokens.js +165 -65
  30. package/dist/types/src/app/components/alert-dialog.d.ts +5 -0
  31. package/dist/types/src/app/components/asset-img.d.ts +1 -0
  32. package/dist/types/src/app/components/avatar-group.d.ts +2 -2
  33. package/dist/types/src/app/components/badge.d.ts +8 -3
  34. package/dist/types/src/app/components/blockquote.d.ts +2 -2
  35. package/dist/types/src/app/components/box-sx.d.ts +110 -13
  36. package/dist/types/src/app/components/box.d.ts +6 -3
  37. package/dist/types/src/app/components/breadcrumb.d.ts +0 -5
  38. package/dist/types/src/app/components/button.d.ts +35 -4
  39. package/dist/types/src/app/components/card.d.ts +10 -10
  40. package/dist/types/src/app/components/combobox.d.ts +47 -11
  41. package/dist/types/src/app/components/container.d.ts +2 -2
  42. package/dist/types/src/app/components/data-table-section.d.ts +2 -1
  43. package/dist/types/src/app/components/destructive-section.d.ts +1 -0
  44. package/dist/types/src/app/components/dialog.d.ts +8 -1
  45. package/dist/types/src/app/components/disclosure.d.ts +1 -5
  46. package/dist/types/src/app/components/error-pattern.d.ts +6 -1
  47. package/dist/types/src/app/components/field.d.ts +1 -2
  48. package/dist/types/src/app/components/form-actions.d.ts +1 -0
  49. package/dist/types/src/app/components/form-control.d.ts +10 -0
  50. package/dist/types/src/app/components/grid.d.ts +15 -6
  51. package/dist/types/src/app/components/hds-tooltip.d.ts +12 -2
  52. package/dist/types/src/app/components/icon.d.ts +1 -0
  53. package/dist/types/src/app/components/inline-code.d.ts +1 -2
  54. package/dist/types/src/app/components/input.d.ts +8 -5
  55. package/dist/types/src/app/components/kbd.d.ts +2 -2
  56. package/dist/types/src/app/components/metadata-list.d.ts +2 -2
  57. package/dist/types/src/app/components/metric-tiles.d.ts +1 -0
  58. package/dist/types/src/app/components/page-header.d.ts +0 -2
  59. package/dist/types/src/app/components/popover.d.ts +8 -0
  60. package/dist/types/src/app/components/progress.d.ts +33 -6
  61. package/dist/types/src/app/components/segmented-control.d.ts +2 -26
  62. package/dist/types/src/app/components/select.d.ts +10 -1
  63. package/dist/types/src/app/components/skeleton.d.ts +3 -4
  64. package/dist/types/src/app/components/spinner.d.ts +1 -2
  65. package/dist/types/src/app/components/stack.d.ts +4 -1
  66. package/dist/types/src/app/components/stat.d.ts +5 -5
  67. package/dist/types/src/app/components/status-list-item.d.ts +1 -2
  68. package/dist/types/src/app/components/status-tile.d.ts +3 -2
  69. package/dist/types/src/app/components/surface.d.ts +2 -3
  70. package/dist/types/src/app/components/switcher.d.ts +1 -1
  71. package/dist/types/src/app/components/table.d.ts +6 -15
  72. package/dist/types/src/app/components/tag.d.ts +0 -6
  73. package/dist/types/src/app/components/text.d.ts +54 -8
  74. package/dist/types/src/app/components/textarea.d.ts +1 -2
  75. package/dist/types/src/app/components/timestamp.d.ts +1 -0
  76. package/dist/types/src/app/components/toast.d.ts +1 -2
  77. package/dist/types/src/app/components/tooltip.d.ts +1 -1
  78. package/dist/types/src/app/context/DemoStateContext.d.ts +1 -1
  79. package/dist/types/src/app/context/RouterContext.d.ts +5 -5
  80. package/dist/types/src/app/data/manifest-types.d.ts +10 -5
  81. package/dist/types/src/app/design-system/generated-token-refs.d.ts +45 -28
  82. package/dist/types/src/app/design-system/generated-token-values.d.ts +4 -0
  83. package/dist/types/src/app/design-system/tokens.d.ts +139 -18
  84. package/dist/types/src/icons.d.ts +1 -1
  85. package/dist/types/src/index.d.ts +76 -164
  86. package/dist/types/src/patterns.d.ts +20 -25
  87. package/dist/variables.css +47 -33
  88. package/docs/CONSUMING.md +80 -48
  89. package/hirobius.tokens.json +125 -88
  90. package/llms.txt +166 -59
  91. package/mcp/catalog.mjs +366 -0
  92. package/mcp/guide.mjs +315 -0
  93. package/mcp/hds-mcp.mjs +49 -0
  94. package/mcp/server.mjs +94 -0
  95. package/package.json +48 -27
  96. package/public/hds-manifest.json +2667 -6705
  97. package/public/llms/components.txt +45 -426
  98. package/public/llms/layout.txt +5 -5
  99. package/public/llms-full.txt +245 -506
  100. package/public/llms.txt +166 -59
  101. package/scripts/eslint-plugin-hds/index.d.mts +29 -0
  102. package/scripts/eslint-plugin-hds/index.mjs +55 -0
  103. package/scripts/eslint-plugin-hds/package.json +30 -0
  104. package/scripts/eslint-plugin-hds/rules/no-raw-controls.mjs +47 -0
  105. package/scripts/eslint-plugin-hds/rules/no-raw-hex.mjs +70 -0
  106. package/scripts/eslint-plugin-hds/rules/no-raw-px-spacing.mjs +125 -0
  107. package/scripts/eslint-plugin-hds/rules/prefer-hds-layout-primitive.mjs +54 -0
  108. package/scripts/eslint-plugin-hds/rules/sx-token-first.mjs +111 -0
  109. package/scripts/eslint-plugin-hds/rules/utils.mjs +66 -0
  110. package/src/app/data/component-api.json +1082 -2913
  111. package/dist/chunks/LanguageContext-BxdCwiFg.js +0 -95
  112. package/dist/chunks/TokenDisplayContext-DKYJMVWk.js +0 -26
  113. package/dist/chunks/activity-feed-BGQ6v3wc.js +0 -22040
  114. package/dist/chunks/form-COP3vK9_.js +0 -66
  115. package/dist/types/src/app/components/activity-feed.d.ts +0 -73
  116. package/dist/types/src/app/components/app-shell.d.ts +0 -40
  117. package/dist/types/src/app/components/aspect-ratio.d.ts +0 -25
  118. package/dist/types/src/app/components/bleed.d.ts +0 -39
  119. package/dist/types/src/app/components/button-group.d.ts +0 -22
  120. package/dist/types/src/app/components/calendar.d.ts +0 -22
  121. package/dist/types/src/app/components/carousel.d.ts +0 -26
  122. package/dist/types/src/app/components/center.d.ts +0 -36
  123. package/dist/types/src/app/components/cinematic-link.d.ts +0 -18
  124. package/dist/types/src/app/components/circular-progress.d.ts +0 -28
  125. package/dist/types/src/app/components/cluster.d.ts +0 -39
  126. package/dist/types/src/app/components/command-palette.d.ts +0 -46
  127. package/dist/types/src/app/components/component-instance-matrix.d.ts +0 -27
  128. package/dist/types/src/app/components/context-menu.d.ts +0 -78
  129. package/dist/types/src/app/components/cover.d.ts +0 -43
  130. package/dist/types/src/app/components/date-input.d.ts +0 -31
  131. package/dist/types/src/app/components/date-range-input.d.ts +0 -34
  132. package/dist/types/src/app/components/date-time-input.d.ts +0 -30
  133. package/dist/types/src/app/components/doc-link-card.d.ts +0 -32
  134. package/dist/types/src/app/components/error-boundary.d.ts +0 -25
  135. package/dist/types/src/app/components/file-input.d.ts +0 -30
  136. package/dist/types/src/app/components/foundation-swatch.d.ts +0 -45
  137. package/dist/types/src/app/components/frame.d.ts +0 -38
  138. package/dist/types/src/app/components/heading-stack.d.ts +0 -52
  139. package/dist/types/src/app/components/history-card.d.ts +0 -12
  140. package/dist/types/src/app/components/hover-card.d.ts +0 -46
  141. package/dist/types/src/app/components/icon-button.d.ts +0 -22
  142. package/dist/types/src/app/components/image-lightbox.d.ts +0 -14
  143. package/dist/types/src/app/components/input-group.d.ts +0 -23
  144. package/dist/types/src/app/components/multi-selector.d.ts +0 -40
  145. package/dist/types/src/app/components/nav-group.d.ts +0 -29
  146. package/dist/types/src/app/components/nav-item.d.ts +0 -33
  147. package/dist/types/src/app/components/not-found-pattern.d.ts +0 -1
  148. package/dist/types/src/app/components/overflow-list.d.ts +0 -21
  149. package/dist/types/src/app/components/selectable-card.d.ts +0 -29
  150. package/dist/types/src/app/components/side-nav.d.ts +0 -23
  151. package/dist/types/src/app/components/sketch.d.ts +0 -19
  152. package/dist/types/src/app/components/stacked-card-rail.d.ts +0 -32
  153. package/dist/types/src/app/components/status-dot.d.ts +0 -25
  154. package/dist/types/src/app/components/stepper-field.d.ts +0 -12
  155. package/dist/types/src/app/components/stepper.d.ts +0 -33
  156. package/dist/types/src/app/components/text-lockup.d.ts +0 -38
  157. package/dist/types/src/app/components/tile-grid.d.ts +0 -17
  158. package/dist/types/src/app/components/time-input.d.ts +0 -24
  159. package/dist/types/src/app/components/toggle-button.d.ts +0 -32
  160. package/dist/types/src/app/components/token.d.ts +0 -90
  161. package/dist/types/src/app/components/tokenUtils.d.ts +0 -38
  162. package/dist/types/src/app/components/tokenizer.d.ts +0 -24
  163. package/dist/types/src/app/components/toolbar.d.ts +0 -36
  164. package/dist/types/src/app/components/top-nav.d.ts +0 -23
  165. package/dist/types/src/app/components/tree-list.d.ts +0 -30
  166. package/dist/types/src/app/data/nav-model.d.ts +0 -39
  167. package/dist/types/src/app/hooks/useFocusVisible.d.ts +0 -9
  168. package/dist/types/src/app/layouts/CaseStudyLayout.d.ts +0 -20
  169. package/dist/types/src/app/layouts/DocLayout.d.ts +0 -14
  170. package/dist/types/src/app/layouts/EmbeddedDocLayoutContext.d.ts +0 -6
  171. package/dist/types/src/app/layouts/HdsDocsShell.d.ts +0 -72
  172. package/dist/types/src/app/layouts/HdsSystemDocLayout.d.ts +0 -14
  173. package/dist/types/src/app/lib/hds-search.d.ts +0 -45
  174. package/dist/types/src/app/lib/nav-active.d.ts +0 -16
  175. package/dist/types/src/app/lib/navLevels.d.ts +0 -4
@@ -124,16 +124,25 @@ declare const hds: {
124
124
  xs: string;
125
125
  };
126
126
  component: {
127
- /** @deprecated hds#206 — use `semantic.space.surface.padding`. */
127
+ /**
128
+ * @deprecated hds#206 — use `semantic.space.surface.padding`.
129
+ * @removeIn 1.0.0
130
+ */
128
131
  padding: string;
129
- /** @deprecated hds#206 — use `semantic.space.scale.xs`. */
132
+ /**
133
+ * @deprecated hds#206 — use `semantic.space.scale.xs`.
134
+ * @removeIn 1.0.0
135
+ */
130
136
  gap: string;
131
137
  };
132
138
  stack: {
133
139
  gap: string;
134
140
  };
135
141
  layout: {
136
- /** @deprecated hds#206 — use `semantic.space.region.gutter`. */
142
+ /**
143
+ * @deprecated hds#206 — use `semantic.space.region.gutter`.
144
+ * @removeIn 1.0.0
145
+ */
137
146
  gutter: string;
138
147
  gap: string;
139
148
  section: string;
@@ -150,41 +159,143 @@ declare const hds: {
150
159
  };
151
160
  };
152
161
  typography: {
162
+ /** @deprecated hds#483 — use `typeStyles.ui`.
163
+ * @removeIn 1.0.0 */
153
164
  label: React.CSSProperties;
165
+ /** @deprecated hds#483 — use `typeStyles.ui`.
166
+ * @removeIn 1.0.0 */
154
167
  labelDescriptive: React.CSSProperties;
168
+ /** @deprecated hds#483 — use `typeStyles.mono`.
169
+ * @removeIn 1.0.0 */
155
170
  labelTechnical: React.CSSProperties;
156
171
  };
157
172
  };
158
173
  typeStyles: {
159
174
  display: React.CSSProperties;
160
- h1: React.CSSProperties;
161
- h2: React.CSSProperties;
162
- h3: React.CSSProperties;
175
+ title: React.CSSProperties;
163
176
  body: React.CSSProperties;
164
177
  ui: React.CSSProperties;
165
- eyebrow: React.CSSProperties;
166
- mono: React.CSSProperties;
167
- small: React.CSSProperties;
168
178
  caption: React.CSSProperties;
179
+ mono: React.CSSProperties;
180
+ /**
181
+ * @deprecated hds#483 — use `typeStyles.title`.
182
+ * @removeIn 1.0.0
183
+ */
184
+ h1: React.CSSProperties;
185
+ /**
186
+ * @deprecated hds#483 — use `typeStyles.title`.
187
+ * @removeIn 1.0.0
188
+ */
189
+ h2: React.CSSProperties;
190
+ /**
191
+ * @deprecated hds#483 — use `typeStyles.title`.
192
+ * @removeIn 1.0.0
193
+ */
194
+ h3: React.CSSProperties;
195
+ /**
196
+ * @deprecated hds#483 — use `typeStyles.title`.
197
+ * @removeIn 1.0.0
198
+ */
169
199
  heading1: React.CSSProperties;
200
+ /**
201
+ * @deprecated hds#483 — use `typeStyles.title`.
202
+ * @removeIn 1.0.0
203
+ */
170
204
  heading2: React.CSSProperties;
205
+ /**
206
+ * @deprecated hds#483 — use `typeStyles.title`.
207
+ * @removeIn 1.0.0
208
+ */
171
209
  heading3: React.CSSProperties;
172
- technical: React.CSSProperties;
173
- badge: React.CSSProperties;
174
- micro: React.CSSProperties;
175
- displayXl: React.CSSProperties;
176
- display1: React.CSSProperties;
177
- display2: React.CSSProperties;
210
+ /**
211
+ * @deprecated hds#483 — use `typeStyles.title`.
212
+ * @removeIn 1.0.0
213
+ */
178
214
  headingHero: React.CSSProperties;
215
+ /**
216
+ * @deprecated hds#483 — use `typeStyles.title`.
217
+ * @removeIn 1.0.0
218
+ */
179
219
  headingSection: React.CSSProperties;
180
- title: React.CSSProperties;
220
+ /**
221
+ * @deprecated hds#483 — use `typeStyles.title`.
222
+ * @removeIn 1.0.0
223
+ */
224
+ display2: React.CSSProperties;
225
+ /**
226
+ * @deprecated hds#483 — use `typeStyles.display`.
227
+ * @removeIn 1.0.0
228
+ */
229
+ displayXl: React.CSSProperties;
230
+ /**
231
+ * @deprecated hds#483 — use `typeStyles.display`.
232
+ * @removeIn 1.0.0
233
+ */
234
+ display1: React.CSSProperties;
235
+ /**
236
+ * @deprecated hds#483 — use `typeStyles.body`.
237
+ * @removeIn 1.0.0
238
+ */
181
239
  body2: React.CSSProperties;
240
+ /**
241
+ * @deprecated hds#483 — use `typeStyles.body`.
242
+ * @removeIn 1.0.0
243
+ */
182
244
  bodyLarge: React.CSSProperties;
245
+ /**
246
+ * @deprecated hds#483 — use `typeStyles.ui`.
247
+ * @removeIn 1.0.0
248
+ */
249
+ small: React.CSSProperties;
250
+ /**
251
+ * @deprecated hds#483 — use `typeStyles.ui`.
252
+ * @removeIn 1.0.0
253
+ */
183
254
  bodySmall: React.CSSProperties;
184
- monoXs: React.CSSProperties;
185
- monoSm: React.CSSProperties;
255
+ /**
256
+ * @deprecated hds#483 — use `typeStyles.ui`.
257
+ * @removeIn 1.0.0
258
+ */
186
259
  label: React.CSSProperties;
260
+ /**
261
+ * @deprecated hds#483 — use `typeStyles.ui`.
262
+ * @removeIn 1.0.0
263
+ */
187
264
  labelDescriptive: React.CSSProperties;
265
+ /**
266
+ * @deprecated hds#483 — use `typeStyles.caption`.
267
+ * @removeIn 1.0.0
268
+ */
269
+ eyebrow: React.CSSProperties;
270
+ /**
271
+ * @deprecated hds#483 — use `typeStyles.caption`.
272
+ * @removeIn 1.0.0
273
+ */
274
+ badge: React.CSSProperties;
275
+ /**
276
+ * @deprecated hds#483 — use `typeStyles.caption`.
277
+ * @removeIn 1.0.0
278
+ */
279
+ micro: React.CSSProperties;
280
+ /**
281
+ * @deprecated hds#483 — use `typeStyles.mono`.
282
+ * @removeIn 1.0.0
283
+ */
284
+ technical: React.CSSProperties;
285
+ /**
286
+ * @deprecated hds#483 — use `typeStyles.mono`.
287
+ * @removeIn 1.0.0
288
+ */
289
+ monoXs: React.CSSProperties;
290
+ /**
291
+ * @deprecated hds#483 — use `typeStyles.mono`.
292
+ * @removeIn 1.0.0
293
+ */
294
+ monoSm: React.CSSProperties;
295
+ /**
296
+ * @deprecated hds#483 — use `typeStyles.mono`.
297
+ * @removeIn 1.0.0
298
+ */
188
299
  labelTechnical: React.CSSProperties;
189
300
  };
190
301
  iconSize: {
@@ -192,6 +303,16 @@ declare const hds: {
192
303
  medium: string;
193
304
  large: string;
194
305
  };
306
+ /**
307
+ * @deprecated hds#206 — use `hds.semantic.space.scale.*`, which compact density
308
+ * remaps too. Same pixels at both densities, one step down the name ladder:
309
+ * `density.sm` → `scale.xs`, `density.md` → `scale.sm`, `density.lg` → `scale.md`,
310
+ * `density.xl` → `scale.lg`, `density.xl2` → `scale.xl`. `density.xs` (4px),
311
+ * `density.xl3` (64px) and `density.xl4` (80px) have no scale step:
312
+ * `hds.space.px4` / `px64` / `px80` keep their comfortable pixels, without the
313
+ * compact remap.
314
+ * @removeIn 1.0.0
315
+ */
195
316
  density: {
196
317
  xs: string;
197
318
  sm: string;
@@ -2,7 +2,7 @@
2
2
  * @hirobius/design-system/icons
3
3
  *
4
4
  * A curated subset of Lucide (canonical 0.487.0 names) so a consumer can get
5
- * an `icon` for IconButton / Icon with nothing extra to install. Bare
5
+ * an `icon` for Icon (and Button iconOnly through it) with nothing extra to install. Bare
6
6
  * re-export from 'lucide-react' (external in the lib build, so it tree-shakes).
7
7
  * Legacy aliases (MoreHorizontal, MoreVertical, AlertTriangle, Home, Filter)
8
8
  * are intentionally not exported; use Ellipsis, EllipsisVertical,
@@ -1,5 +1,4 @@
1
1
  export * from './app/components/alert.js';
2
- export * from './app/components/asset-img.js';
3
2
  export * from './app/components/avatar.js';
4
3
  export * from './app/components/badge.js';
5
4
  export * from './app/components/box.js';
@@ -9,19 +8,13 @@ export * from './app/components/field.js';
9
8
  export * from './app/components/stat.js';
10
9
  export * from './app/components/status-list-item.js';
11
10
  export * from './app/components/card.js';
12
- export * from './app/components/cinematic-link.js';
13
- export * from './app/components/code-block.js';
14
- export * from './app/components/component-instance-matrix.js';
15
11
  export * from './app/components/container.js';
16
12
  export * from './app/components/dialog.js';
17
13
  export * from './app/components/divider.js';
18
14
  export * from './app/components/menu.js';
19
15
  export * from './app/components/popover.js';
20
16
  export * from './app/components/hds-tooltip.js';
21
- export * from './app/components/doc-link-card.js';
22
17
  export * from './app/components/grid.js';
23
- export * from './app/components/heading-stack.js';
24
- export * from './app/components/history-card.js';
25
18
  export * from './app/components/icon.js';
26
19
  export * from './app/components/inline-code.js';
27
20
  export * from './app/components/inline-link.js';
@@ -31,7 +24,6 @@ export * from './app/components/checkbox.js';
31
24
  export * from './app/components/radio.js';
32
25
  export * from './app/components/slider.js';
33
26
  export * from './app/components/toggle.js';
34
- export * from './app/components/nav-item.js';
35
27
  export * from './app/components/progress.js';
36
28
  export * from './app/components/skeleton.js';
37
29
  export * from './app/components/spinner.js';
@@ -42,74 +34,23 @@ export * from './app/components/surface.js';
42
34
  export * from './app/components/table.js';
43
35
  export * from './app/components/tag.js';
44
36
  export * from './app/components/text.js';
45
- export * from './app/components/token.js';
46
37
  export * from './app/components/kbd.js';
47
- export * from './app/components/status-dot.js';
48
38
  export * from './app/components/timestamp.js';
49
39
  export * from './app/components/blockquote.js';
50
40
  export * from './app/components/visually-hidden.js';
51
41
  export * from './app/components/avatar-group.js';
52
- export * from './app/components/button-group.js';
53
- export * from './app/components/input-group.js';
54
- export * from './app/components/circular-progress.js';
55
- export * from './app/components/toggle-button.js';
56
- export * from './app/components/aspect-ratio.js';
57
42
  export * from './app/components/alert-dialog.js';
58
- export * from './app/components/hover-card.js';
59
- export * from './app/components/context-menu.js';
60
- export * from './app/components/side-nav.js';
61
- export * from './app/components/command-palette.js';
62
- export * from './app/components/image-lightbox.js';
63
43
  export * from './app/components/metadata-list.js';
64
- export * from './app/components/overflow-list.js';
65
- export * from './app/components/top-nav.js';
66
- export * from './app/components/app-shell.js';
67
- export * from './app/components/selectable-card.js';
68
- export * from './app/components/tokenizer.js';
69
- export * from './app/components/file-input.js';
70
- export * from './app/components/multi-selector.js';
71
- export * from './app/components/toolbar.js';
72
- export * from './app/components/tree-list.js';
73
- export * from './app/components/stepper.js';
74
- export * from './app/components/carousel.js';
75
- export * from './app/components/calendar.js';
76
- export * from './app/components/time-input.js';
77
- export * from './app/components/date-input.js';
78
- export * from './app/components/date-range-input.js';
79
- export * from './app/components/date-time-input.js';
80
- export * from './app/components/cluster.js';
81
- export * from './app/components/center.js';
82
44
  export * from './app/components/sidebar.js';
83
45
  export * from './app/components/switcher.js';
84
- export * from './app/components/cover.js';
85
- export * from './app/components/frame.js';
86
- export * from './app/components/bleed.js';
87
- export * from './app/components/reveal.js';
88
46
  export * from './app/components/pin.js';
89
- export * from './app/components/page.js';
90
47
  export * from './app/components/empty-state.js';
91
- export * from './app/components/error-boundary.js';
92
- export * from './app/components/not-found-pattern.js';
93
48
  export * from './app/components/tabs.js';
94
- export * from './app/components/tile-grid.js';
95
- export * from './app/components/status-tile.js';
96
- export * from './app/components/activity-feed.js';
97
49
  export * from './app/components/breadcrumb.js';
98
50
  export * from './app/components/combobox.js';
99
51
  export * from './app/components/disclosure.js';
100
- export * from './app/components/form.js';
101
- export * from './app/components/foundation-swatch.js';
102
- export * from './app/components/icon-button.js';
103
- export * from './app/components/nav-group.js';
104
52
  export * from './app/components/pagination.js';
105
- export * from './app/components/sketch.js';
106
- export * from './app/components/stepper-field.js';
107
- export * from './app/components/text-lockup.js';
108
53
  export * from './app/components/toast.js';
109
- export * from './app/layouts/CaseStudyLayout.js';
110
- export * from './app/components/error-pattern.js';
111
- export * from './app/layouts/HdsSystemDocLayout.js';
112
- export * from './app/layouts/HdsDocsShell.js';
113
54
  export { default as hds } from './app/design-system/tokens.js';
114
55
  /** Raw DTCG design tokens (the contents of `hirobius.tokens.json`). */
115
56
  export declare const tokens: {
@@ -665,6 +606,13 @@ export declare const tokens: {
665
606
  };
666
607
  $description: string;
667
608
  };
609
+ code: {
610
+ $value: {
611
+ value: number;
612
+ unit: string;
613
+ };
614
+ $description: string;
615
+ };
668
616
  };
669
617
  weight: {
670
618
  $type: string;
@@ -700,6 +648,14 @@ export declare const tokens: {
700
648
  $value: number;
701
649
  $description: string;
702
650
  };
651
+ display: {
652
+ $value: number;
653
+ $description: string;
654
+ };
655
+ body: {
656
+ $value: number;
657
+ $description: string;
658
+ };
703
659
  };
704
660
  letterSpacing: {
705
661
  $type: string;
@@ -930,6 +886,14 @@ export declare const tokens: {
930
886
  };
931
887
  $description: string;
932
888
  };
889
+ "120": {
890
+ $type: string;
891
+ $value: {
892
+ value: number;
893
+ unit: string;
894
+ };
895
+ $description: string;
896
+ };
933
897
  $description: string;
934
898
  interactive: {
935
899
  $description: string;
@@ -1557,6 +1521,22 @@ export declare const tokens: {
1557
1521
  };
1558
1522
  };
1559
1523
  };
1524
+ state: {
1525
+ pressed: {
1526
+ overlay: {
1527
+ $value: string;
1528
+ $description: string;
1529
+ $extensions: {
1530
+ "com.figma.variables": {
1531
+ modes: {
1532
+ Light: string;
1533
+ Dark: string;
1534
+ };
1535
+ };
1536
+ };
1537
+ };
1538
+ };
1539
+ };
1560
1540
  };
1561
1541
  space: {
1562
1542
  $type: string;
@@ -1763,14 +1743,8 @@ export declare const tokens: {
1763
1743
  lineHeight: string;
1764
1744
  };
1765
1745
  $description: string;
1766
- $extensions: {
1767
- "com.figma.variables": {
1768
- fontSize: string;
1769
- note: string;
1770
- };
1771
- };
1772
1746
  };
1773
- h1: {
1747
+ title: {
1774
1748
  $value: {
1775
1749
  fontFamily: string;
1776
1750
  fontSize: string;
@@ -1779,30 +1753,36 @@ export declare const tokens: {
1779
1753
  lineHeight: string;
1780
1754
  };
1781
1755
  $description: string;
1782
- $extensions: {
1783
- "com.figma.variables": {
1784
- fontSize: string;
1785
- note: string;
1786
- };
1787
- };
1788
1756
  };
1789
- h2: {
1757
+ body: {
1790
1758
  $value: {
1791
1759
  fontFamily: string;
1792
1760
  fontSize: string;
1793
1761
  fontWeight: string;
1794
1762
  letterSpacing: string;
1795
1763
  lineHeight: string;
1764
+ maxWidth: {
1765
+ value: number;
1766
+ unit: string;
1767
+ };
1796
1768
  };
1797
1769
  $description: string;
1798
- $extensions: {
1799
- "com.figma.variables": {
1800
- fontSize: string;
1801
- note: string;
1770
+ };
1771
+ ui: {
1772
+ $value: {
1773
+ fontFamily: string;
1774
+ fontSize: string;
1775
+ fontWeight: string;
1776
+ letterSpacing: string;
1777
+ lineHeight: string;
1778
+ maxWidth: {
1779
+ value: number;
1780
+ unit: string;
1802
1781
  };
1803
1782
  };
1783
+ $description: string;
1804
1784
  };
1805
- h3: {
1785
+ caption: {
1806
1786
  $value: {
1807
1787
  fontFamily: string;
1808
1788
  fontSize: string;
@@ -1811,14 +1791,8 @@ export declare const tokens: {
1811
1791
  lineHeight: string;
1812
1792
  };
1813
1793
  $description: string;
1814
- $extensions: {
1815
- "com.figma.variables": {
1816
- fontSize: string;
1817
- note: string;
1818
- };
1819
- };
1820
1794
  };
1821
- body: {
1795
+ mono: {
1822
1796
  $value: {
1823
1797
  fontFamily: string;
1824
1798
  fontSize: string;
@@ -1832,21 +1806,18 @@ export declare const tokens: {
1832
1806
  };
1833
1807
  $description: string;
1834
1808
  };
1835
- ui: {
1809
+ h1: {
1836
1810
  $value: {
1837
1811
  fontFamily: string;
1838
1812
  fontSize: string;
1839
1813
  fontWeight: string;
1840
1814
  letterSpacing: string;
1841
1815
  lineHeight: string;
1842
- maxWidth: {
1843
- value: number;
1844
- unit: string;
1845
- };
1846
1816
  };
1847
1817
  $description: string;
1818
+ $deprecated: string;
1848
1819
  };
1849
- caption: {
1820
+ h2: {
1850
1821
  $value: {
1851
1822
  fontFamily: string;
1852
1823
  fontSize: string;
@@ -1855,31 +1826,29 @@ export declare const tokens: {
1855
1826
  lineHeight: string;
1856
1827
  };
1857
1828
  $description: string;
1829
+ $deprecated: string;
1858
1830
  };
1859
- eyebrow: {
1831
+ h3: {
1860
1832
  $value: {
1861
1833
  fontFamily: string;
1862
1834
  fontSize: string;
1863
1835
  fontWeight: string;
1864
1836
  letterSpacing: string;
1865
1837
  lineHeight: string;
1866
- textTransform: string;
1867
1838
  };
1868
1839
  $description: string;
1840
+ $deprecated: string;
1869
1841
  };
1870
- mono: {
1842
+ eyebrow: {
1871
1843
  $value: {
1872
1844
  fontFamily: string;
1873
1845
  fontSize: string;
1874
1846
  fontWeight: string;
1875
1847
  letterSpacing: string;
1876
1848
  lineHeight: string;
1877
- maxWidth: {
1878
- value: number;
1879
- unit: string;
1880
- };
1881
1849
  };
1882
1850
  $description: string;
1851
+ $deprecated: string;
1883
1852
  };
1884
1853
  lineHeight: {
1885
1854
  none: {
@@ -2117,6 +2086,10 @@ export declare const tokens: {
2117
2086
  $value: string;
2118
2087
  $description: string;
2119
2088
  };
2089
+ tile: {
2090
+ $value: string;
2091
+ $description: string;
2092
+ };
2120
2093
  row: {
2121
2094
  $description: string;
2122
2095
  compact: {
@@ -2607,6 +2580,11 @@ export declare const tokens: {
2607
2580
  $value: string;
2608
2581
  $description: string;
2609
2582
  };
2583
+ "pressed-overlay": {
2584
+ $type: string;
2585
+ $value: string;
2586
+ $description: string;
2587
+ };
2610
2588
  "popover-foreground": {
2611
2589
  $type: string;
2612
2590
  $value: string;
@@ -2689,69 +2667,3 @@ export { HdsThemeProvider, useHdsTheme } from './app/context/hds-theme.js';
2689
2667
  export type { HdsTheme, HdsDensity, HdsThemeValue, HdsThemeProviderProps, } from './app/context/hds-theme.js';
2690
2668
  export { HdsRouterProvider, useHdsRouter } from './app/context/RouterContext.js';
2691
2669
  export type { HdsRouterAdapter, HdsRouterProviderProps, HdsLinkComponent, HdsLinkProps, HdsNavigateOptions, } from './app/context/RouterContext.js';
2692
- import { ActivityFeed as _ActivityFeed254 } from './app/components/activity-feed.js';
2693
- import { AssetImg as _AssetImg254 } from './app/components/asset-img.js';
2694
- import { Calendar as _Calendar254 } from './app/components/calendar.js';
2695
- import { CodeBlock as _CodeBlock254 } from './app/components/code-block.js';
2696
- import { DocLinkCard as _DocLinkCard254 } from './app/components/doc-link-card.js';
2697
- import { ErrorPattern as _ErrorPattern254 } from './app/components/error-pattern.js';
2698
- import { Lightbox as _Lightbox254 } from './app/components/image-lightbox.js';
2699
- import { NavItem as _NavItem254 } from './app/components/nav-item.js';
2700
- import { Page as _Page254 } from './app/components/page.js';
2701
- import { SideNav as _SideNav254 } from './app/components/side-nav.js';
2702
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2703
- export declare const ActivityFeed: typeof _ActivityFeed254;
2704
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2705
- export declare const AppShell: import("react").ForwardRefExoticComponent<import("./app/components/app-shell.js").AppShellProps & import("react").RefAttributes<HTMLDivElement>>;
2706
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. `ops` is a current importer of this component — its codemod is tracked under hds#124 before this is dropped. */
2707
- export declare const AssetImg: typeof _AssetImg254;
2708
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2709
- export declare const Calendar: typeof _Calendar254;
2710
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2711
- export declare const Carousel: import("react").ForwardRefExoticComponent<import("./app/components/carousel.js").CarouselProps & import("react").RefAttributes<HTMLElement>>;
2712
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2713
- export declare const CodeBlock: typeof _CodeBlock254;
2714
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2715
- export declare const CommandPalette: import("react").ForwardRefExoticComponent<import("./app/components/command-palette.js").CommandPaletteProps & import("react").RefAttributes<HTMLInputElement>> & {
2716
- displayName: string;
2717
- };
2718
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2719
- export declare const DocLinkCard: typeof _DocLinkCard254;
2720
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2721
- export declare const ErrorPattern: typeof _ErrorPattern254;
2722
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2723
- export declare const FileInput: import("react").ForwardRefExoticComponent<import("./app/components/file-input.js").FileInputProps & import("react").RefAttributes<HTMLInputElement>>;
2724
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2725
- export declare const Form: import("react").ForwardRefExoticComponent<import("./app/components/form.js").FormProps & import("react").RefAttributes<HTMLFormElement>>;
2726
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2727
- export declare const Lightbox: typeof _Lightbox254;
2728
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2729
- export declare const NavItem: typeof _NavItem254;
2730
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2731
- export declare const OverflowList: import("react").ForwardRefExoticComponent<import("./app/components/overflow-list.js").OverflowListProps & import("react").RefAttributes<HTMLDivElement>>;
2732
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2733
- export declare const Page: typeof _Page254;
2734
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2735
- export declare const Reveal: import("react").ForwardRefExoticComponent<import("./app/components/reveal.js").RevealProps & import("react").RefAttributes<HTMLDivElement>>;
2736
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2737
- export declare const SideNav: typeof _SideNav254;
2738
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2739
- export declare const Stepper: import("react").ForwardRefExoticComponent<import("./app/components/stepper.js").StepperProps & import("react").RefAttributes<HTMLOListElement>>;
2740
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2741
- export declare const Toolbar: import("./app/components/toolbar.js").ToolbarComponent;
2742
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2743
- export declare const TopNav: import("react").ForwardRefExoticComponent<import("./app/components/top-nav.js").TopNavProps & import("react").RefAttributes<HTMLElement>>;
2744
- /** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
2745
- export declare const TreeList: import("react").ForwardRefExoticComponent<import("./app/components/tree-list.js").TreeListProps & import("react").RefAttributes<HTMLUListElement>>;
2746
- /** @deprecated Use `Checkbox` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
2747
- export { Checkbox as HdsCheckbox } from './app/components/checkbox.js';
2748
- /** @deprecated Use `Radio` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
2749
- export { Radio as HdsRadio } from './app/components/radio.js';
2750
- /** @deprecated Use `Select` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
2751
- export { Select as HdsSelect } from './app/components/select.js';
2752
- /** @deprecated Use `Slider` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
2753
- export { Slider as HdsSlider } from './app/components/slider.js';
2754
- /** @deprecated Use `Toggle` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
2755
- export { Toggle as HdsToggle } from './app/components/toggle.js';
2756
- /** @deprecated Use `Tooltip` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
2757
- export { Tooltip as HdsTooltip } from './app/components/hds-tooltip.js';