@hirobius/design-system 0.21.0 → 0.22.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/AGENTS.md +2 -0
- package/CHANGELOG.md +969 -0
- package/CONSUMING.md +23 -9
- package/MIGRATIONS.md +603 -0
- package/README.md +2 -0
- package/UPGRADING.md +222 -0
- package/codemods/hds-prefix.mjs +28 -13
- package/codemods/jsx-fold.mjs +28 -13
- package/codemods/lib/atomic-write.mjs +28 -0
- package/codemods/lib/installed-version.mjs +354 -0
- package/codemods/lib/project.mjs +395 -0
- package/codemods/lib/record.mjs +110 -0
- package/codemods/lib/scan.mjs +323 -0
- package/codemods/lib/semver.mjs +57 -0
- package/codemods/not-found-pattern.mjs +3 -3
- package/codemods/patterns-subpath.mjs +28 -12
- package/codemods/registry.mjs +67 -0
- package/codemods/tile-grid.mjs +3 -3
- package/codemods/upgrade.mjs +909 -0
- package/dist/hirobius-ui.js +1 -1
- package/dist/manifest.js +3 -3
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/types/src/app/components/alert-dialog.d.ts +1 -1
- package/dist/types/src/app/components/alert.d.ts +1 -1
- package/dist/types/src/app/components/asset-img.d.ts +1 -1
- package/dist/types/src/app/components/avatar-group.d.ts +1 -1
- package/dist/types/src/app/components/avatar.d.ts +1 -1
- package/dist/types/src/app/components/badge.d.ts +1 -1
- package/dist/types/src/app/components/blockquote.d.ts +1 -1
- package/dist/types/src/app/components/breadcrumb.d.ts +1 -1
- package/dist/types/src/app/components/button.d.ts +1 -1
- package/dist/types/src/app/components/callout.d.ts +1 -1
- package/dist/types/src/app/components/card.d.ts +1 -1
- package/dist/types/src/app/components/checkbox.d.ts +1 -1
- package/dist/types/src/app/components/code-block.d.ts +1 -1
- package/dist/types/src/app/components/combobox.d.ts +1 -1
- package/dist/types/src/app/components/data-table-section.d.ts +1 -1
- package/dist/types/src/app/components/destructive-section.d.ts +1 -1
- package/dist/types/src/app/components/dialog.d.ts +1 -1
- package/dist/types/src/app/components/disclosure.d.ts +1 -1
- package/dist/types/src/app/components/divider.d.ts +1 -1
- package/dist/types/src/app/components/empty-state.d.ts +1 -1
- package/dist/types/src/app/components/field.d.ts +1 -1
- package/dist/types/src/app/components/form-actions.d.ts +1 -1
- package/dist/types/src/app/components/form.d.ts +1 -1
- package/dist/types/src/app/components/hds-tooltip.d.ts +1 -1
- package/dist/types/src/app/components/icon.d.ts +1 -1
- package/dist/types/src/app/components/inline-link.d.ts +1 -1
- package/dist/types/src/app/components/input.d.ts +1 -1
- package/dist/types/src/app/components/kbd.d.ts +1 -1
- package/dist/types/src/app/components/menu.d.ts +1 -1
- package/dist/types/src/app/components/metadata-list.d.ts +1 -1
- package/dist/types/src/app/components/metric-tiles.d.ts +1 -1
- package/dist/types/src/app/components/pagination.d.ts +1 -1
- package/dist/types/src/app/components/popover.d.ts +1 -1
- package/dist/types/src/app/components/progress.d.ts +1 -1
- package/dist/types/src/app/components/radio.d.ts +1 -1
- package/dist/types/src/app/components/select.d.ts +1 -1
- package/dist/types/src/app/components/skeleton.d.ts +1 -1
- package/dist/types/src/app/components/slider.d.ts +1 -1
- package/dist/types/src/app/components/spinner.d.ts +1 -1
- package/dist/types/src/app/components/stat.d.ts +1 -1
- package/dist/types/src/app/components/status-list-item.d.ts +1 -1
- package/dist/types/src/app/components/status-tile.d.ts +1 -1
- package/dist/types/src/app/components/table.d.ts +1 -1
- package/dist/types/src/app/components/tabs.d.ts +1 -1
- package/dist/types/src/app/components/tag.d.ts +1 -1
- package/dist/types/src/app/components/text.d.ts +1 -1
- package/dist/types/src/app/components/textarea.d.ts +1 -1
- package/dist/types/src/app/components/timestamp.d.ts +1 -1
- package/dist/types/src/app/components/toast.d.ts +1 -1
- package/dist/types/src/app/components/toggle.d.ts +1 -1
- package/dist/types/src/index.d.ts +79 -32
- package/hirobius.tokens.json +86 -39
- package/mcp/catalog.mjs +10 -7
- package/mcp/core-set.mjs +66 -0
- package/mcp/guide.mjs +9 -52
- package/package.json +23 -7
- package/public/hds-manifest.json +109 -109
- package/src/app/data/component-api.json +54 -54
- package/upgrade/index.json +208 -0
- package/upgrade/releases/0.17.0.json +962 -0
- package/upgrade/releases/0.18.0.json +8 -0
- package/upgrade/releases/0.19.0.json +233 -0
- package/upgrade/releases/0.19.1.json +8 -0
- package/upgrade/releases/0.20.0.json +5108 -0
- package/upgrade/releases/0.21.0.json +538 -0
- package/upgrade/releases/0.22.0.json +94 -0
- package/upgrade/schema.json +989 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-10-
|
|
2
|
+
"generatedAt": "2026-10-08T05:11:50.713Z",
|
|
3
3
|
"source": "react-docgen-typescript@2.4.0",
|
|
4
4
|
"components": {
|
|
5
5
|
"Alert": {
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"category": "Feedback",
|
|
24
24
|
"hidden": false,
|
|
25
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
25
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=33-34",
|
|
26
26
|
"props": [
|
|
27
27
|
{
|
|
28
28
|
"name": "children",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
},
|
|
65
65
|
"category": "Overlays",
|
|
66
66
|
"hidden": false,
|
|
67
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
67
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2035-24",
|
|
68
68
|
"props": [
|
|
69
69
|
{
|
|
70
70
|
"name": "children",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"description": "AssetImg - responsive asset frame with fallback placeholder handling. Contexts: default, lightbox, and detail.",
|
|
98
98
|
"category": "Display",
|
|
99
99
|
"hidden": false,
|
|
100
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
100
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2041-67",
|
|
101
101
|
"props": [
|
|
102
102
|
{
|
|
103
103
|
"name": "alt",
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
},
|
|
236
236
|
"category": "Display",
|
|
237
237
|
"hidden": false,
|
|
238
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
238
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=34-18",
|
|
239
239
|
"props": [
|
|
240
240
|
{
|
|
241
241
|
"name": "alt",
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
"description": "Renders up to `max` overlapping avatars followed by a `+N` overflow chip.",
|
|
269
269
|
"category": "Display",
|
|
270
270
|
"hidden": false,
|
|
271
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
271
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2030-63",
|
|
272
272
|
"props": [
|
|
273
273
|
{
|
|
274
274
|
"name": "children",
|
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
},
|
|
311
311
|
"category": "Feedback",
|
|
312
312
|
"hidden": false,
|
|
313
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
313
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=31-15",
|
|
314
314
|
"props": [
|
|
315
315
|
{
|
|
316
316
|
"name": "as",
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
"description": "A quoted passage; pass `cite` for the source URL and `attribution` for a byline.",
|
|
352
352
|
"category": "Typography",
|
|
353
353
|
"hidden": false,
|
|
354
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
354
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2024-18",
|
|
355
355
|
"props": [
|
|
356
356
|
{
|
|
357
357
|
"name": "attribution",
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
},
|
|
435
435
|
"category": "Navigation",
|
|
436
436
|
"hidden": false,
|
|
437
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
437
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=86-159",
|
|
438
438
|
"props": [
|
|
439
439
|
{
|
|
440
440
|
"name": "items",
|
|
@@ -467,7 +467,7 @@
|
|
|
467
467
|
},
|
|
468
468
|
"category": "Actions",
|
|
469
469
|
"hidden": false,
|
|
470
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
470
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=28-138",
|
|
471
471
|
"props": [
|
|
472
472
|
{
|
|
473
473
|
"name": "asChild",
|
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
"description": "Tone-driven side-rule callout for status, quotes, hypotheses.",
|
|
558
558
|
"category": "Feedback",
|
|
559
559
|
"hidden": false,
|
|
560
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
560
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-85",
|
|
561
561
|
"props": [
|
|
562
562
|
{
|
|
563
563
|
"name": "italic",
|
|
@@ -595,7 +595,7 @@
|
|
|
595
595
|
},
|
|
596
596
|
"category": "Display",
|
|
597
597
|
"hidden": false,
|
|
598
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
598
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=39-11",
|
|
599
599
|
"props": [
|
|
600
600
|
{
|
|
601
601
|
"name": "as",
|
|
@@ -806,7 +806,7 @@
|
|
|
806
806
|
},
|
|
807
807
|
"category": "Inputs",
|
|
808
808
|
"hidden": false,
|
|
809
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
809
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=35-29",
|
|
810
810
|
"props": [
|
|
811
811
|
{
|
|
812
812
|
"name": "checked",
|
|
@@ -840,7 +840,7 @@
|
|
|
840
840
|
"description": "CodeBlock - code display with copy button and optional collapsible toggle.",
|
|
841
841
|
"category": "Display",
|
|
842
842
|
"hidden": false,
|
|
843
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
843
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-154",
|
|
844
844
|
"props": [
|
|
845
845
|
{
|
|
846
846
|
"name": "className",
|
|
@@ -942,7 +942,7 @@
|
|
|
942
942
|
],
|
|
943
943
|
"category": "Inputs",
|
|
944
944
|
"hidden": false,
|
|
945
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
945
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=82-237",
|
|
946
946
|
"props": [
|
|
947
947
|
{
|
|
948
948
|
"name": "aria-describedby",
|
|
@@ -1093,7 +1093,7 @@
|
|
|
1093
1093
|
"description": "Section heading and toolbar over a `Table`. Row actions are consumer nodes in a trailing column, the table scrolls horizontally on narrow widths without a `minWidth` from the caller, and zero rows shows an `EmptyState`.",
|
|
1094
1094
|
"category": "Display",
|
|
1095
1095
|
"hidden": false,
|
|
1096
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
1096
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2075-268",
|
|
1097
1097
|
"props": [
|
|
1098
1098
|
{
|
|
1099
1099
|
"name": "actionsLabel",
|
|
@@ -1153,7 +1153,7 @@
|
|
|
1153
1153
|
"description": "Titled danger zone: a title, an explanation, and one danger `Button` that opens an `AlertDialog`. Pressing the button never runs the action; only the dialog's confirm does. Place it last on the screen, below the form.",
|
|
1154
1154
|
"category": "Actions",
|
|
1155
1155
|
"hidden": false,
|
|
1156
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
1156
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2076-3",
|
|
1157
1157
|
"props": [
|
|
1158
1158
|
{
|
|
1159
1159
|
"name": "actionLabel",
|
|
@@ -1287,7 +1287,7 @@
|
|
|
1287
1287
|
],
|
|
1288
1288
|
"category": "Overlays",
|
|
1289
1289
|
"hidden": false,
|
|
1290
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
1290
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-27",
|
|
1291
1291
|
"props": [
|
|
1292
1292
|
{
|
|
1293
1293
|
"name": "children",
|
|
@@ -1522,7 +1522,7 @@
|
|
|
1522
1522
|
},
|
|
1523
1523
|
"category": "Layout",
|
|
1524
1524
|
"hidden": false,
|
|
1525
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
1525
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-453",
|
|
1526
1526
|
"props": [
|
|
1527
1527
|
{
|
|
1528
1528
|
"name": "accent",
|
|
@@ -1609,7 +1609,7 @@
|
|
|
1609
1609
|
},
|
|
1610
1610
|
"category": "Layout",
|
|
1611
1611
|
"hidden": false,
|
|
1612
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
1612
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-26",
|
|
1613
1613
|
"props": [
|
|
1614
1614
|
{
|
|
1615
1615
|
"name": "orientation",
|
|
@@ -1659,7 +1659,7 @@
|
|
|
1659
1659
|
"aiRules": "Use only for inline empty states inside an existing section. Do NOT use for full-page errors (use ErrorPage) or for loading states (use a skeleton). Do NOT wrap in Surface or Card — the empty state is a typographic message, not a chrome-bearing container.",
|
|
1660
1660
|
"category": "Display",
|
|
1661
1661
|
"hidden": false,
|
|
1662
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
1662
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-352",
|
|
1663
1663
|
"props": [
|
|
1664
1664
|
{
|
|
1665
1665
|
"name": "className",
|
|
@@ -1701,7 +1701,7 @@
|
|
|
1701
1701
|
},
|
|
1702
1702
|
"category": "Display",
|
|
1703
1703
|
"hidden": false,
|
|
1704
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
1704
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=85-81",
|
|
1705
1705
|
"props": [
|
|
1706
1706
|
{
|
|
1707
1707
|
"name": "children",
|
|
@@ -1740,7 +1740,7 @@
|
|
|
1740
1740
|
"description": "Styled `<form>` with consistent vertical field rhythm. Tagged per-export: FormField and FormFieldShell share this module and have no Figma node, so a file-level @figma would claim this one for all three.",
|
|
1741
1741
|
"category": "Inputs",
|
|
1742
1742
|
"hidden": false,
|
|
1743
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
1743
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=85-94",
|
|
1744
1744
|
"props": []
|
|
1745
1745
|
},
|
|
1746
1746
|
"FormActions": {
|
|
@@ -1748,7 +1748,7 @@
|
|
|
1748
1748
|
"description": "Form footer with one fixed order: destructive (far left, if any), then secondary, then primary last and right-most. Gap is the tight layout token.",
|
|
1749
1749
|
"category": "Actions",
|
|
1750
1750
|
"hidden": false,
|
|
1751
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
1751
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2075-87",
|
|
1752
1752
|
"props": [
|
|
1753
1753
|
{
|
|
1754
1754
|
"name": "destructive",
|
|
@@ -2087,7 +2087,7 @@
|
|
|
2087
2087
|
},
|
|
2088
2088
|
"category": "Display",
|
|
2089
2089
|
"hidden": false,
|
|
2090
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
2090
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=27-2",
|
|
2091
2091
|
"props": [
|
|
2092
2092
|
{
|
|
2093
2093
|
"name": "aria-hidden",
|
|
@@ -2141,7 +2141,7 @@
|
|
|
2141
2141
|
"description": "InlineCode — inline code chip for token paths, file paths, and code-adjacent prose.",
|
|
2142
2142
|
"category": "Display",
|
|
2143
2143
|
"hidden": false,
|
|
2144
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2144
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-155",
|
|
2145
2145
|
"props": [
|
|
2146
2146
|
{
|
|
2147
2147
|
"name": "children",
|
|
@@ -2196,7 +2196,7 @@
|
|
|
2196
2196
|
},
|
|
2197
2197
|
"category": "Navigation",
|
|
2198
2198
|
"hidden": false,
|
|
2199
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2199
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-161",
|
|
2200
2200
|
"props": [
|
|
2201
2201
|
{
|
|
2202
2202
|
"name": "children",
|
|
@@ -2243,7 +2243,7 @@
|
|
|
2243
2243
|
},
|
|
2244
2244
|
"category": "Inputs",
|
|
2245
2245
|
"hidden": false,
|
|
2246
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2246
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=38-20",
|
|
2247
2247
|
"props": [
|
|
2248
2248
|
{
|
|
2249
2249
|
"name": "className",
|
|
@@ -2357,7 +2357,7 @@
|
|
|
2357
2357
|
},
|
|
2358
2358
|
"category": "Display",
|
|
2359
2359
|
"hidden": false,
|
|
2360
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
2360
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2026-9",
|
|
2361
2361
|
"props": [
|
|
2362
2362
|
{
|
|
2363
2363
|
"name": "size",
|
|
@@ -2372,7 +2372,7 @@
|
|
|
2372
2372
|
"description": "Renders object metadata as a semantic `<dl>` of term/description pairs.",
|
|
2373
2373
|
"category": "Display",
|
|
2374
2374
|
"hidden": false,
|
|
2375
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
2375
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2041-47",
|
|
2376
2376
|
"props": [
|
|
2377
2377
|
{
|
|
2378
2378
|
"name": "footer",
|
|
@@ -2407,7 +2407,7 @@
|
|
|
2407
2407
|
"description": "One metric tile: eyebrow label, `heading2` value, caption sub line, on a raised surface at one fixed min-height. Wraps `Card.Metric` (the sibling with the eyebrow / h2 / caption scale) and adds the surface and the fixed height, so a tile needs no enclosing `Card`.",
|
|
2408
2408
|
"category": "Display",
|
|
2409
2409
|
"hidden": false,
|
|
2410
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
2410
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2075-114",
|
|
2411
2411
|
"props": [
|
|
2412
2412
|
{
|
|
2413
2413
|
"name": "label",
|
|
@@ -2545,7 +2545,7 @@
|
|
|
2545
2545
|
},
|
|
2546
2546
|
"category": "Navigation",
|
|
2547
2547
|
"hidden": false,
|
|
2548
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2548
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=86-194",
|
|
2549
2549
|
"props": [
|
|
2550
2550
|
{
|
|
2551
2551
|
"name": "count",
|
|
@@ -2642,7 +2642,7 @@
|
|
|
2642
2642
|
},
|
|
2643
2643
|
"category": "Feedback",
|
|
2644
2644
|
"hidden": false,
|
|
2645
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2645
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-91",
|
|
2646
2646
|
"props": [
|
|
2647
2647
|
{
|
|
2648
2648
|
"name": "label",
|
|
@@ -2711,7 +2711,7 @@
|
|
|
2711
2711
|
},
|
|
2712
2712
|
"category": "Inputs",
|
|
2713
2713
|
"hidden": false,
|
|
2714
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2714
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=36-17",
|
|
2715
2715
|
"props": [
|
|
2716
2716
|
{
|
|
2717
2717
|
"name": "checked",
|
|
@@ -2798,7 +2798,7 @@
|
|
|
2798
2798
|
},
|
|
2799
2799
|
"category": "Inputs",
|
|
2800
2800
|
"hidden": false,
|
|
2801
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2801
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=82-334",
|
|
2802
2802
|
"props": [
|
|
2803
2803
|
{
|
|
2804
2804
|
"name": "aria-label",
|
|
@@ -2915,7 +2915,7 @@
|
|
|
2915
2915
|
],
|
|
2916
2916
|
"category": "Inputs",
|
|
2917
2917
|
"hidden": false,
|
|
2918
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
2918
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=82-49",
|
|
2919
2919
|
"props": [
|
|
2920
2920
|
{
|
|
2921
2921
|
"name": "aria-describedby",
|
|
@@ -3056,7 +3056,7 @@
|
|
|
3056
3056
|
},
|
|
3057
3057
|
"category": "Feedback",
|
|
3058
3058
|
"hidden": false,
|
|
3059
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3059
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-95",
|
|
3060
3060
|
"props": [
|
|
3061
3061
|
{
|
|
3062
3062
|
"name": "height",
|
|
@@ -3095,7 +3095,7 @@
|
|
|
3095
3095
|
},
|
|
3096
3096
|
"category": "Inputs",
|
|
3097
3097
|
"hidden": false,
|
|
3098
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3098
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=82-265",
|
|
3099
3099
|
"props": [
|
|
3100
3100
|
{
|
|
3101
3101
|
"name": "label",
|
|
@@ -3156,7 +3156,7 @@
|
|
|
3156
3156
|
},
|
|
3157
3157
|
"category": "Feedback",
|
|
3158
3158
|
"hidden": false,
|
|
3159
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3159
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-106",
|
|
3160
3160
|
"props": [
|
|
3161
3161
|
{
|
|
3162
3162
|
"name": "label",
|
|
@@ -3277,7 +3277,7 @@
|
|
|
3277
3277
|
},
|
|
3278
3278
|
"category": "Display",
|
|
3279
3279
|
"hidden": false,
|
|
3280
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3280
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-247",
|
|
3281
3281
|
"props": [
|
|
3282
3282
|
{
|
|
3283
3283
|
"name": "label",
|
|
@@ -3310,7 +3310,7 @@
|
|
|
3310
3310
|
"description": "Status dot + title row with optional muted notes and trailing slot (e.g. badge).",
|
|
3311
3311
|
"category": "Display",
|
|
3312
3312
|
"hidden": false,
|
|
3313
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3313
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-350",
|
|
3314
3314
|
"props": [
|
|
3315
3315
|
{
|
|
3316
3316
|
"name": "notes",
|
|
@@ -3361,7 +3361,7 @@
|
|
|
3361
3361
|
},
|
|
3362
3362
|
"category": "Display",
|
|
3363
3363
|
"hidden": false,
|
|
3364
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3364
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-292",
|
|
3365
3365
|
"props": [
|
|
3366
3366
|
{
|
|
3367
3367
|
"name": "notes",
|
|
@@ -3411,7 +3411,7 @@
|
|
|
3411
3411
|
"aiRules": "Use Surface only when content needs a background-bearing inset wrapper. Do NOT use Surface for macro page layouts, section spacing, or pure width constraints. Do NOT nest extra padded wrappers inside Surface to simulate another card. Do NOT recreate surface behavior with raw div padding, backgroundColor, or border styles elsewhere.",
|
|
3412
3412
|
"category": "Layout",
|
|
3413
3413
|
"hidden": false,
|
|
3414
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3414
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-27",
|
|
3415
3415
|
"props": [
|
|
3416
3416
|
{
|
|
3417
3417
|
"name": "as",
|
|
@@ -3540,7 +3540,7 @@
|
|
|
3540
3540
|
},
|
|
3541
3541
|
"category": "Display",
|
|
3542
3542
|
"hidden": false,
|
|
3543
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3543
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-300",
|
|
3544
3544
|
"props": [
|
|
3545
3545
|
{
|
|
3546
3546
|
"name": "caption",
|
|
@@ -3664,7 +3664,7 @@
|
|
|
3664
3664
|
},
|
|
3665
3665
|
"category": "Navigation",
|
|
3666
3666
|
"hidden": false,
|
|
3667
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3667
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=86-89",
|
|
3668
3668
|
"props": [
|
|
3669
3669
|
{
|
|
3670
3670
|
"name": "activationMode",
|
|
@@ -3792,7 +3792,7 @@
|
|
|
3792
3792
|
},
|
|
3793
3793
|
"category": "Inputs",
|
|
3794
3794
|
"hidden": false,
|
|
3795
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3795
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=32-11",
|
|
3796
3796
|
"props": [
|
|
3797
3797
|
{
|
|
3798
3798
|
"name": "active",
|
|
@@ -3829,7 +3829,7 @@
|
|
|
3829
3829
|
},
|
|
3830
3830
|
"category": "Typography",
|
|
3831
3831
|
"hidden": false,
|
|
3832
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
3832
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2022-31",
|
|
3833
3833
|
"props": [
|
|
3834
3834
|
{
|
|
3835
3835
|
"name": "as",
|
|
@@ -3880,7 +3880,7 @@
|
|
|
3880
3880
|
},
|
|
3881
3881
|
"category": "Inputs",
|
|
3882
3882
|
"hidden": false,
|
|
3883
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3883
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=85-14",
|
|
3884
3884
|
"props": [
|
|
3885
3885
|
{
|
|
3886
3886
|
"name": "className",
|
|
@@ -3938,7 +3938,7 @@
|
|
|
3938
3938
|
"description": "Presents a date/time with a machine-readable `dateTime` for accessibility.",
|
|
3939
3939
|
"category": "Display",
|
|
3940
3940
|
"hidden": false,
|
|
3941
|
-
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components
|
|
3941
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2031-11",
|
|
3942
3942
|
"props": [
|
|
3943
3943
|
{
|
|
3944
3944
|
"name": "date",
|
|
@@ -3987,7 +3987,7 @@
|
|
|
3987
3987
|
},
|
|
3988
3988
|
"category": "Feedback",
|
|
3989
3989
|
"hidden": false,
|
|
3990
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
3990
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-367",
|
|
3991
3991
|
"props": [
|
|
3992
3992
|
{
|
|
3993
3993
|
"name": "children",
|
|
@@ -4031,7 +4031,7 @@
|
|
|
4031
4031
|
},
|
|
4032
4032
|
"category": "Inputs",
|
|
4033
4033
|
"hidden": false,
|
|
4034
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
4034
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=37-19",
|
|
4035
4035
|
"props": [
|
|
4036
4036
|
{
|
|
4037
4037
|
"name": "checked",
|
|
@@ -4135,7 +4135,7 @@
|
|
|
4135
4135
|
}
|
|
4136
4136
|
],
|
|
4137
4137
|
"hidden": false,
|
|
4138
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
4138
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-59",
|
|
4139
4139
|
"props": [
|
|
4140
4140
|
{
|
|
4141
4141
|
"name": "children",
|
|
@@ -4213,7 +4213,7 @@
|
|
|
4213
4213
|
}
|
|
4214
4214
|
],
|
|
4215
4215
|
"hidden": false,
|
|
4216
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
4216
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-32",
|
|
4217
4217
|
"props": [
|
|
4218
4218
|
{
|
|
4219
4219
|
"name": "children",
|
|
@@ -4281,7 +4281,7 @@
|
|
|
4281
4281
|
}
|
|
4282
4282
|
],
|
|
4283
4283
|
"hidden": false,
|
|
4284
|
-
"figmaUrl": "https://www.figma.com/design/
|
|
4284
|
+
"figmaUrl": "https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-15",
|
|
4285
4285
|
"props": [
|
|
4286
4286
|
{
|
|
4287
4287
|
"name": "children",
|