@echelon-foundry/design-system 0.2.0 → 0.3.0-main.216.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 (198) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +46 -0
  3. package/dist/all.css +5537 -841
  4. package/dist/assessment.css +55 -12
  5. package/dist/build-metrics.json +181 -5
  6. package/dist/components.css +2965 -36
  7. package/dist/foundations.css +90 -0
  8. package/dist/marketing/forma-all.css +8162 -0
  9. package/dist/marketing/forma-echelon-marketing.css +2109 -0
  10. package/dist/marketing/forma-marketing-theme-echelon.css +163 -0
  11. package/dist/marketing/forma-marketing.css +1947 -0
  12. package/dist/marketing/forma-marketing.manifest.json +52 -0
  13. package/dist/marketing/forma-marketing.sha256 +4 -0
  14. package/dist/marketing.css +1198 -0
  15. package/dist/patterns/active-filter-summary.html +10 -0
  16. package/dist/patterns/attention-path.html +29 -0
  17. package/dist/patterns/badge.html +9 -0
  18. package/dist/patterns/callout.html +23 -0
  19. package/dist/patterns/card-grid.html +25 -0
  20. package/dist/patterns/character-grid-3270.html +39 -0
  21. package/dist/patterns/character-grid-field.html +21 -0
  22. package/dist/patterns/character-grid-keys.html +20 -0
  23. package/dist/patterns/character-grid-reveal.html +16 -0
  24. package/dist/patterns/character-grid-selection.html +30 -0
  25. package/dist/patterns/character-grid-status.html +11 -0
  26. package/dist/patterns/character-grid-workflow.html +147 -0
  27. package/dist/patterns/character-grid.html +16 -0
  28. package/dist/patterns/cluster.html +5 -0
  29. package/dist/patterns/code-sample.html +9 -0
  30. package/dist/patterns/command-group.html +6 -0
  31. package/dist/patterns/comparison-grid.html +7 -0
  32. package/dist/patterns/comparison-pairs.html +13 -0
  33. package/dist/patterns/cta.html +12 -0
  34. package/dist/patterns/dense-ledger.html +7 -0
  35. package/dist/patterns/diagnostic-status.html +7 -0
  36. package/dist/patterns/diagram.html +49 -0
  37. package/dist/patterns/documentation-layout.html +18 -0
  38. package/dist/patterns/emphasis-budget.html +21 -0
  39. package/dist/patterns/entry-index.html +16 -0
  40. package/dist/patterns/evidence-relationship.html +1 -0
  41. package/dist/patterns/facts.html +7 -0
  42. package/dist/patterns/fault-banner.html +19 -0
  43. package/dist/patterns/fault-blocking.html +25 -0
  44. package/dist/patterns/fault-details.html +11 -0
  45. package/dist/patterns/fault-inline.html +17 -0
  46. package/dist/patterns/fault-notification.html +20 -0
  47. package/dist/patterns/fault-reference.html +5 -0
  48. package/dist/patterns/fault-summary.html +20 -0
  49. package/dist/patterns/fault.html +17 -0
  50. package/dist/patterns/feed-item.html +12 -0
  51. package/dist/patterns/focus-stage.html +4 -0
  52. package/dist/patterns/frame.html +4 -0
  53. package/dist/patterns/freshness.html +1 -0
  54. package/dist/patterns/handoff-summary.html +1 -0
  55. package/dist/patterns/hero.html +17 -0
  56. package/dist/patterns/hierarchy-tree.html +11 -0
  57. package/dist/patterns/identifier.html +9 -0
  58. package/dist/patterns/landmark-region.html +4 -0
  59. package/dist/patterns/lane-board.html +10 -0
  60. package/dist/patterns/marketing-shell.html +40 -0
  61. package/dist/patterns/measure.html +4 -0
  62. package/dist/patterns/metric-value-change.html +9 -0
  63. package/dist/patterns/mosaic.html +6 -0
  64. package/dist/patterns/navigation-shell.html +8 -0
  65. package/dist/patterns/overflow-command-disclosure.html +6 -0
  66. package/dist/patterns/overview-disclosure.html +12 -0
  67. package/dist/patterns/path-summary.html +8 -0
  68. package/dist/patterns/priority-stack.html +4 -0
  69. package/dist/patterns/progress-bar.html +15 -0
  70. package/dist/patterns/prose.html +9 -0
  71. package/dist/patterns/rail.html +4 -0
  72. package/dist/patterns/recovery-actions.html +5 -0
  73. package/dist/patterns/relationship-index.html +8 -0
  74. package/dist/patterns/reorder-states.html +31 -0
  75. package/dist/patterns/resizable-split-pane.html +11 -0
  76. package/dist/patterns/responsive-grid.html +5 -0
  77. package/dist/patterns/scope-trail.html +1 -0
  78. package/dist/patterns/scroll-progress.html +6 -0
  79. package/dist/patterns/section-heading.html +12 -0
  80. package/dist/patterns/security-blockers.html +3 -0
  81. package/dist/patterns/security-evidence-age.html +1 -0
  82. package/dist/patterns/security-evidence-chain.html +2 -0
  83. package/dist/patterns/security-exception.html +2 -0
  84. package/dist/patterns/security-invariant-result.html +1 -0
  85. package/dist/patterns/security-posture.html +22 -0
  86. package/dist/patterns/security-state-matrix.html +5 -0
  87. package/dist/patterns/security-trend.html +1 -0
  88. package/dist/patterns/security-unknown.html +2 -0
  89. package/dist/patterns/sidebar.html +4 -0
  90. package/dist/patterns/site-footer.html +12 -0
  91. package/dist/patterns/site-header.html +18 -0
  92. package/dist/patterns/spatial-canvas.html +13 -0
  93. package/dist/patterns/spinner.html +4 -0
  94. package/dist/patterns/split-pane.html +4 -0
  95. package/dist/patterns/stack.html +5 -0
  96. package/dist/patterns/state-survivability.html +19 -0
  97. package/dist/patterns/steps.html +8 -0
  98. package/dist/patterns/switcher.html +4 -0
  99. package/dist/patterns/tooltip.html +48 -0
  100. package/dist/patterns/verification-frame.html +22 -0
  101. package/dist/patterns/workspace-shell.html +6 -0
  102. package/dist/tokens.css +436 -1
  103. package/docs/BRANDING.md +6 -1
  104. package/docs/MARKETING-SITES.md +321 -0
  105. package/figma/component-contracts.json +1544 -0
  106. package/package.json +34 -8
  107. package/patterns/active-filter-summary.html +10 -0
  108. package/patterns/aegis-faults.manifest.md +81 -0
  109. package/patterns/attention-path.html +29 -0
  110. package/patterns/badge.html +9 -0
  111. package/patterns/callout.html +23 -0
  112. package/patterns/card-grid.html +25 -0
  113. package/patterns/character-grid-3270.html +39 -0
  114. package/patterns/character-grid-field.html +21 -0
  115. package/patterns/character-grid-keys.html +20 -0
  116. package/patterns/character-grid-reveal.html +16 -0
  117. package/patterns/character-grid-selection.html +30 -0
  118. package/patterns/character-grid-status.html +11 -0
  119. package/patterns/character-grid-workflow.html +147 -0
  120. package/patterns/character-grid.html +16 -0
  121. package/patterns/cluster.html +5 -0
  122. package/patterns/code-sample.html +9 -0
  123. package/patterns/command-group.html +6 -0
  124. package/patterns/comparison-grid.html +7 -0
  125. package/patterns/comparison-pairs.html +13 -0
  126. package/patterns/cta.html +12 -0
  127. package/patterns/dense-ledger.html +7 -0
  128. package/patterns/diagnostic-status.html +7 -0
  129. package/patterns/diagram.html +49 -0
  130. package/patterns/documentation-layout.html +18 -0
  131. package/patterns/emphasis-budget.html +21 -0
  132. package/patterns/entry-index.html +16 -0
  133. package/patterns/evidence-relationship.html +1 -0
  134. package/patterns/facts.html +7 -0
  135. package/patterns/fault-banner.html +19 -0
  136. package/patterns/fault-blocking.html +25 -0
  137. package/patterns/fault-details.html +11 -0
  138. package/patterns/fault-inline.html +17 -0
  139. package/patterns/fault-notification.html +20 -0
  140. package/patterns/fault-reference.html +5 -0
  141. package/patterns/fault-summary.html +20 -0
  142. package/patterns/fault.html +17 -0
  143. package/patterns/feed-item.html +12 -0
  144. package/patterns/focus-stage.html +4 -0
  145. package/patterns/frame.html +4 -0
  146. package/patterns/freshness.html +1 -0
  147. package/patterns/handoff-summary.html +1 -0
  148. package/patterns/hero.html +17 -0
  149. package/patterns/hierarchy-tree.html +11 -0
  150. package/patterns/identifier.html +9 -0
  151. package/patterns/landmark-region.html +4 -0
  152. package/patterns/lane-board.html +10 -0
  153. package/patterns/manifest.md +2 -0
  154. package/patterns/marketing-shell.html +40 -0
  155. package/patterns/measure.html +4 -0
  156. package/patterns/metric-value-change.html +9 -0
  157. package/patterns/mosaic.html +6 -0
  158. package/patterns/navigation-shell.html +8 -0
  159. package/patterns/overflow-command-disclosure.html +6 -0
  160. package/patterns/overview-disclosure.html +12 -0
  161. package/patterns/path-summary.html +8 -0
  162. package/patterns/priority-stack.html +4 -0
  163. package/patterns/progress-bar.html +15 -0
  164. package/patterns/prose.html +9 -0
  165. package/patterns/rail.html +4 -0
  166. package/patterns/recovery-actions.html +5 -0
  167. package/patterns/relationship-index.html +8 -0
  168. package/patterns/reorder-states.html +31 -0
  169. package/patterns/resizable-split-pane.html +11 -0
  170. package/patterns/responsive-grid.html +5 -0
  171. package/patterns/scope-trail.html +1 -0
  172. package/patterns/scroll-progress.html +6 -0
  173. package/patterns/section-heading.html +12 -0
  174. package/patterns/security-blockers.html +3 -0
  175. package/patterns/security-evidence-age.html +1 -0
  176. package/patterns/security-evidence-chain.html +2 -0
  177. package/patterns/security-exception.html +2 -0
  178. package/patterns/security-invariant-result.html +1 -0
  179. package/patterns/security-posture.html +22 -0
  180. package/patterns/security-posture.manifest.md +20 -0
  181. package/patterns/security-state-matrix.html +5 -0
  182. package/patterns/security-trend.html +1 -0
  183. package/patterns/security-unknown.html +2 -0
  184. package/patterns/sidebar.html +4 -0
  185. package/patterns/site-footer.html +12 -0
  186. package/patterns/site-header.html +18 -0
  187. package/patterns/spatial-canvas.html +13 -0
  188. package/patterns/spinner.html +4 -0
  189. package/patterns/split-pane.html +4 -0
  190. package/patterns/stack.html +5 -0
  191. package/patterns/state-survivability.html +19 -0
  192. package/patterns/steps.html +8 -0
  193. package/patterns/switcher.html +4 -0
  194. package/patterns/tooltip.html +48 -0
  195. package/patterns/verification-frame.html +22 -0
  196. package/patterns/workspace-shell.html +6 -0
  197. package/schemas/brand-manifest.schema.json +17 -3
  198. package/tokens/echelon.tokens.json +2801 -0
@@ -0,0 +1,1544 @@
1
+ {
2
+ "schemaVersion": 1,
3
+ "product": "Forma",
4
+ "sourceOfTruth": {
5
+ "components": "patterns/*.html",
6
+ "tokens": "tokens/echelon.tokens.json"
7
+ },
8
+ "figma": {
9
+ "libraryName": "Forma",
10
+ "propertyVocabulary": [
11
+ "State",
12
+ "Size",
13
+ "Tone",
14
+ "Density",
15
+ "Disabled",
16
+ "Read only",
17
+ "Selected",
18
+ "Checked",
19
+ "Expanded",
20
+ "Loading",
21
+ "Label",
22
+ "Supporting text",
23
+ "Leading icon",
24
+ "Trailing icon"
25
+ ],
26
+ "modes": [
27
+ "Light",
28
+ "Dark"
29
+ ],
30
+ "note": "Use only properties applicable to the pattern. Figma mirrors Forma presentation and must not invent application or domain state."
31
+ },
32
+ "components": [
33
+ {
34
+ "id": "active-filter-summary",
35
+ "figmaName": "Forma / Active Filter Summary",
36
+ "source": "patterns/active-filter-summary.html",
37
+ "codeConnect": {
38
+ "id": "Forma/active-filter-summary",
39
+ "nodeUrl": null,
40
+ "status": "requires-published-figma-component"
41
+ }
42
+ },
43
+ {
44
+ "id": "alert",
45
+ "figmaName": "Forma / Alert",
46
+ "source": "patterns/alert.html",
47
+ "codeConnect": {
48
+ "id": "Forma/alert",
49
+ "nodeUrl": null,
50
+ "status": "requires-published-figma-component"
51
+ }
52
+ },
53
+ {
54
+ "id": "allocation",
55
+ "figmaName": "Forma / Allocation",
56
+ "source": "patterns/allocation.html",
57
+ "codeConnect": {
58
+ "id": "Forma/allocation",
59
+ "nodeUrl": null,
60
+ "status": "requires-published-figma-component"
61
+ }
62
+ },
63
+ {
64
+ "id": "attention-path",
65
+ "figmaName": "Forma / Attention Path",
66
+ "source": "patterns/attention-path.html",
67
+ "codeConnect": {
68
+ "id": "Forma/attention-path",
69
+ "nodeUrl": null,
70
+ "status": "requires-published-figma-component"
71
+ }
72
+ },
73
+ {
74
+ "id": "badge",
75
+ "figmaName": "Forma / Badge",
76
+ "source": "patterns/badge.html",
77
+ "codeConnect": {
78
+ "id": "Forma/badge",
79
+ "nodeUrl": null,
80
+ "status": "requires-published-figma-component"
81
+ }
82
+ },
83
+ {
84
+ "id": "best-worst",
85
+ "figmaName": "Forma / Best Worst",
86
+ "source": "patterns/best-worst.html",
87
+ "codeConnect": {
88
+ "id": "Forma/best-worst",
89
+ "nodeUrl": null,
90
+ "status": "requires-published-figma-component"
91
+ }
92
+ },
93
+ {
94
+ "id": "binary-choice",
95
+ "figmaName": "Forma / Binary Choice",
96
+ "source": "patterns/binary-choice.html",
97
+ "codeConnect": {
98
+ "id": "Forma/binary-choice",
99
+ "nodeUrl": null,
100
+ "status": "requires-published-figma-component"
101
+ }
102
+ },
103
+ {
104
+ "id": "callout",
105
+ "figmaName": "Forma / Callout",
106
+ "source": "patterns/callout.html",
107
+ "codeConnect": {
108
+ "id": "Forma/callout",
109
+ "nodeUrl": null,
110
+ "status": "requires-published-figma-component"
111
+ }
112
+ },
113
+ {
114
+ "id": "card-grid",
115
+ "figmaName": "Forma / Card Grid",
116
+ "source": "patterns/card-grid.html",
117
+ "codeConnect": {
118
+ "id": "Forma/card-grid",
119
+ "nodeUrl": null,
120
+ "status": "requires-published-figma-component"
121
+ }
122
+ },
123
+ {
124
+ "id": "character-grid",
125
+ "figmaName": "Forma / Character Grid",
126
+ "source": "patterns/character-grid.html",
127
+ "codeConnect": {
128
+ "id": "Forma/character-grid",
129
+ "nodeUrl": null,
130
+ "status": "requires-published-figma-component"
131
+ }
132
+ },
133
+ {
134
+ "id": "character-grid-3270",
135
+ "figmaName": "Forma / Character Grid 3270",
136
+ "source": "patterns/character-grid-3270.html",
137
+ "codeConnect": {
138
+ "id": "Forma/character-grid-3270",
139
+ "nodeUrl": null,
140
+ "status": "requires-published-figma-component"
141
+ }
142
+ },
143
+ {
144
+ "id": "character-grid-field",
145
+ "figmaName": "Forma / Character Grid Field",
146
+ "source": "patterns/character-grid-field.html",
147
+ "codeConnect": {
148
+ "id": "Forma/character-grid-field",
149
+ "nodeUrl": null,
150
+ "status": "requires-published-figma-component"
151
+ }
152
+ },
153
+ {
154
+ "id": "character-grid-keys",
155
+ "figmaName": "Forma / Character Grid Keys",
156
+ "source": "patterns/character-grid-keys.html",
157
+ "codeConnect": {
158
+ "id": "Forma/character-grid-keys",
159
+ "nodeUrl": null,
160
+ "status": "requires-published-figma-component"
161
+ }
162
+ },
163
+ {
164
+ "id": "character-grid-reveal",
165
+ "figmaName": "Forma / Character Grid Reveal",
166
+ "source": "patterns/character-grid-reveal.html",
167
+ "codeConnect": {
168
+ "id": "Forma/character-grid-reveal",
169
+ "nodeUrl": null,
170
+ "status": "requires-published-figma-component"
171
+ }
172
+ },
173
+ {
174
+ "id": "character-grid-selection",
175
+ "figmaName": "Forma / Character Grid Selection",
176
+ "source": "patterns/character-grid-selection.html",
177
+ "codeConnect": {
178
+ "id": "Forma/character-grid-selection",
179
+ "nodeUrl": null,
180
+ "status": "requires-published-figma-component"
181
+ }
182
+ },
183
+ {
184
+ "id": "character-grid-status",
185
+ "figmaName": "Forma / Character Grid Status",
186
+ "source": "patterns/character-grid-status.html",
187
+ "codeConnect": {
188
+ "id": "Forma/character-grid-status",
189
+ "nodeUrl": null,
190
+ "status": "requires-published-figma-component"
191
+ }
192
+ },
193
+ {
194
+ "id": "character-grid-workflow",
195
+ "figmaName": "Forma / Character Grid Workflow",
196
+ "source": "patterns/character-grid-workflow.html",
197
+ "codeConnect": {
198
+ "id": "Forma/character-grid-workflow",
199
+ "nodeUrl": null,
200
+ "status": "requires-published-figma-component"
201
+ }
202
+ },
203
+ {
204
+ "id": "checkbox",
205
+ "figmaName": "Forma / Checkbox",
206
+ "source": "patterns/checkbox.html",
207
+ "codeConnect": {
208
+ "id": "Forma/checkbox",
209
+ "nodeUrl": null,
210
+ "status": "requires-published-figma-component"
211
+ }
212
+ },
213
+ {
214
+ "id": "choice-group",
215
+ "figmaName": "Forma / Choice Group",
216
+ "source": "patterns/choice-group.html",
217
+ "codeConnect": {
218
+ "id": "Forma/choice-group",
219
+ "nodeUrl": null,
220
+ "status": "requires-published-figma-component"
221
+ }
222
+ },
223
+ {
224
+ "id": "cluster",
225
+ "figmaName": "Forma / Cluster",
226
+ "source": "patterns/cluster.html",
227
+ "codeConnect": {
228
+ "id": "Forma/cluster",
229
+ "nodeUrl": null,
230
+ "status": "requires-published-figma-component"
231
+ }
232
+ },
233
+ {
234
+ "id": "code-sample",
235
+ "figmaName": "Forma / Code Sample",
236
+ "source": "patterns/code-sample.html",
237
+ "codeConnect": {
238
+ "id": "Forma/code-sample",
239
+ "nodeUrl": null,
240
+ "status": "requires-published-figma-component"
241
+ }
242
+ },
243
+ {
244
+ "id": "collection-toolbar",
245
+ "figmaName": "Forma / Collection Toolbar",
246
+ "source": "patterns/collection-toolbar.html",
247
+ "codeConnect": {
248
+ "id": "Forma/collection-toolbar",
249
+ "nodeUrl": null,
250
+ "status": "requires-published-figma-component"
251
+ }
252
+ },
253
+ {
254
+ "id": "combobox",
255
+ "figmaName": "Forma / Combobox",
256
+ "source": "patterns/combobox.html",
257
+ "codeConnect": {
258
+ "id": "Forma/combobox",
259
+ "nodeUrl": null,
260
+ "status": "requires-published-figma-component"
261
+ }
262
+ },
263
+ {
264
+ "id": "command-group",
265
+ "figmaName": "Forma / Command Group",
266
+ "source": "patterns/command-group.html",
267
+ "codeConnect": {
268
+ "id": "Forma/command-group",
269
+ "nodeUrl": null,
270
+ "status": "requires-published-figma-component"
271
+ }
272
+ },
273
+ {
274
+ "id": "command-palette",
275
+ "figmaName": "Forma / Command Palette",
276
+ "source": "patterns/command-palette.html",
277
+ "codeConnect": {
278
+ "id": "Forma/command-palette",
279
+ "nodeUrl": null,
280
+ "status": "requires-published-figma-component"
281
+ }
282
+ },
283
+ {
284
+ "id": "comparison-grid",
285
+ "figmaName": "Forma / Comparison Grid",
286
+ "source": "patterns/comparison-grid.html",
287
+ "codeConnect": {
288
+ "id": "Forma/comparison-grid",
289
+ "nodeUrl": null,
290
+ "status": "requires-published-figma-component"
291
+ }
292
+ },
293
+ {
294
+ "id": "comparison-pairs",
295
+ "figmaName": "Forma / Comparison Pairs",
296
+ "source": "patterns/comparison-pairs.html",
297
+ "codeConnect": {
298
+ "id": "Forma/comparison-pairs",
299
+ "nodeUrl": null,
300
+ "status": "requires-published-figma-component"
301
+ }
302
+ },
303
+ {
304
+ "id": "composer",
305
+ "figmaName": "Forma / Composer",
306
+ "source": "patterns/composer.html",
307
+ "codeConnect": {
308
+ "id": "Forma/composer",
309
+ "nodeUrl": null,
310
+ "status": "requires-published-figma-component"
311
+ }
312
+ },
313
+ {
314
+ "id": "conflict-review",
315
+ "figmaName": "Forma / Conflict Review",
316
+ "source": "patterns/conflict-review.html",
317
+ "codeConnect": {
318
+ "id": "Forma/conflict-review",
319
+ "nodeUrl": null,
320
+ "status": "requires-published-figma-component"
321
+ }
322
+ },
323
+ {
324
+ "id": "conversation",
325
+ "figmaName": "Forma / Conversation",
326
+ "source": "patterns/conversation.html",
327
+ "codeConnect": {
328
+ "id": "Forma/conversation",
329
+ "nodeUrl": null,
330
+ "status": "requires-published-figma-component"
331
+ }
332
+ },
333
+ {
334
+ "id": "cta",
335
+ "figmaName": "Forma / Cta",
336
+ "source": "patterns/cta.html",
337
+ "codeConnect": {
338
+ "id": "Forma/cta",
339
+ "nodeUrl": null,
340
+ "status": "requires-published-figma-component"
341
+ }
342
+ },
343
+ {
344
+ "id": "dashboard-grid",
345
+ "figmaName": "Forma / Dashboard Grid",
346
+ "source": "patterns/dashboard-grid.html",
347
+ "codeConnect": {
348
+ "id": "Forma/dashboard-grid",
349
+ "nodeUrl": null,
350
+ "status": "requires-published-figma-component"
351
+ }
352
+ },
353
+ {
354
+ "id": "data-grid",
355
+ "figmaName": "Forma / Data Grid",
356
+ "source": "patterns/data-grid.html",
357
+ "codeConnect": {
358
+ "id": "Forma/data-grid",
359
+ "nodeUrl": null,
360
+ "status": "requires-published-figma-component"
361
+ }
362
+ },
363
+ {
364
+ "id": "date-range",
365
+ "figmaName": "Forma / Date Range",
366
+ "source": "patterns/date-range.html",
367
+ "codeConnect": {
368
+ "id": "Forma/date-range",
369
+ "nodeUrl": null,
370
+ "status": "requires-published-figma-component"
371
+ }
372
+ },
373
+ {
374
+ "id": "dense-ledger",
375
+ "figmaName": "Forma / Dense Ledger",
376
+ "source": "patterns/dense-ledger.html",
377
+ "codeConnect": {
378
+ "id": "Forma/dense-ledger",
379
+ "nodeUrl": null,
380
+ "status": "requires-published-figma-component"
381
+ }
382
+ },
383
+ {
384
+ "id": "diagnostic-status",
385
+ "figmaName": "Forma / Diagnostic Status",
386
+ "source": "patterns/diagnostic-status.html",
387
+ "codeConnect": {
388
+ "id": "Forma/diagnostic-status",
389
+ "nodeUrl": null,
390
+ "status": "requires-published-figma-component"
391
+ }
392
+ },
393
+ {
394
+ "id": "diagram",
395
+ "figmaName": "Forma / Diagram",
396
+ "source": "patterns/diagram.html",
397
+ "codeConnect": {
398
+ "id": "Forma/diagram",
399
+ "nodeUrl": null,
400
+ "status": "requires-published-figma-component"
401
+ }
402
+ },
403
+ {
404
+ "id": "dialog",
405
+ "figmaName": "Forma / Dialog",
406
+ "source": "patterns/dialog.html",
407
+ "codeConnect": {
408
+ "id": "Forma/dialog",
409
+ "nodeUrl": null,
410
+ "status": "requires-published-figma-component"
411
+ }
412
+ },
413
+ {
414
+ "id": "diff-viewer",
415
+ "figmaName": "Forma / Diff Viewer",
416
+ "source": "patterns/diff-viewer.html",
417
+ "codeConnect": {
418
+ "id": "Forma/diff-viewer",
419
+ "nodeUrl": null,
420
+ "status": "requires-published-figma-component"
421
+ }
422
+ },
423
+ {
424
+ "id": "disclosure",
425
+ "figmaName": "Forma / Disclosure",
426
+ "source": "patterns/disclosure.html",
427
+ "codeConnect": {
428
+ "id": "Forma/disclosure",
429
+ "nodeUrl": null,
430
+ "status": "requires-published-figma-component"
431
+ }
432
+ },
433
+ {
434
+ "id": "documentation-layout",
435
+ "figmaName": "Forma / Documentation Layout",
436
+ "source": "patterns/documentation-layout.html",
437
+ "codeConnect": {
438
+ "id": "Forma/documentation-layout",
439
+ "nodeUrl": null,
440
+ "status": "requires-published-figma-component"
441
+ }
442
+ },
443
+ {
444
+ "id": "emphasis-budget",
445
+ "figmaName": "Forma / Emphasis Budget",
446
+ "source": "patterns/emphasis-budget.html",
447
+ "codeConnect": {
448
+ "id": "Forma/emphasis-budget",
449
+ "nodeUrl": null,
450
+ "status": "requires-published-figma-component"
451
+ }
452
+ },
453
+ {
454
+ "id": "empty-state",
455
+ "figmaName": "Forma / Empty State",
456
+ "source": "patterns/empty-state.html",
457
+ "codeConnect": {
458
+ "id": "Forma/empty-state",
459
+ "nodeUrl": null,
460
+ "status": "requires-published-figma-component"
461
+ }
462
+ },
463
+ {
464
+ "id": "entry-index",
465
+ "figmaName": "Forma / Entry Index",
466
+ "source": "patterns/entry-index.html",
467
+ "codeConnect": {
468
+ "id": "Forma/entry-index",
469
+ "nodeUrl": null,
470
+ "status": "requires-published-figma-component"
471
+ }
472
+ },
473
+ {
474
+ "id": "evidence-relationship",
475
+ "figmaName": "Forma / Evidence Relationship",
476
+ "source": "patterns/evidence-relationship.html",
477
+ "codeConnect": {
478
+ "id": "Forma/evidence-relationship",
479
+ "nodeUrl": null,
480
+ "status": "requires-published-figma-component"
481
+ }
482
+ },
483
+ {
484
+ "id": "facts",
485
+ "figmaName": "Forma / Facts",
486
+ "source": "patterns/facts.html",
487
+ "codeConnect": {
488
+ "id": "Forma/facts",
489
+ "nodeUrl": null,
490
+ "status": "requires-published-figma-component"
491
+ }
492
+ },
493
+ {
494
+ "id": "fault",
495
+ "figmaName": "Forma / Fault",
496
+ "source": "patterns/fault.html",
497
+ "codeConnect": {
498
+ "id": "Forma/fault",
499
+ "nodeUrl": null,
500
+ "status": "requires-published-figma-component"
501
+ }
502
+ },
503
+ {
504
+ "id": "fault-banner",
505
+ "figmaName": "Forma / Fault Banner",
506
+ "source": "patterns/fault-banner.html",
507
+ "codeConnect": {
508
+ "id": "Forma/fault-banner",
509
+ "nodeUrl": null,
510
+ "status": "requires-published-figma-component"
511
+ }
512
+ },
513
+ {
514
+ "id": "fault-blocking",
515
+ "figmaName": "Forma / Fault Blocking",
516
+ "source": "patterns/fault-blocking.html",
517
+ "codeConnect": {
518
+ "id": "Forma/fault-blocking",
519
+ "nodeUrl": null,
520
+ "status": "requires-published-figma-component"
521
+ }
522
+ },
523
+ {
524
+ "id": "fault-details",
525
+ "figmaName": "Forma / Fault Details",
526
+ "source": "patterns/fault-details.html",
527
+ "codeConnect": {
528
+ "id": "Forma/fault-details",
529
+ "nodeUrl": null,
530
+ "status": "requires-published-figma-component"
531
+ }
532
+ },
533
+ {
534
+ "id": "fault-inline",
535
+ "figmaName": "Forma / Fault Inline",
536
+ "source": "patterns/fault-inline.html",
537
+ "codeConnect": {
538
+ "id": "Forma/fault-inline",
539
+ "nodeUrl": null,
540
+ "status": "requires-published-figma-component"
541
+ }
542
+ },
543
+ {
544
+ "id": "fault-notification",
545
+ "figmaName": "Forma / Fault Notification",
546
+ "source": "patterns/fault-notification.html",
547
+ "codeConnect": {
548
+ "id": "Forma/fault-notification",
549
+ "nodeUrl": null,
550
+ "status": "requires-published-figma-component"
551
+ }
552
+ },
553
+ {
554
+ "id": "fault-reference",
555
+ "figmaName": "Forma / Fault Reference",
556
+ "source": "patterns/fault-reference.html",
557
+ "codeConnect": {
558
+ "id": "Forma/fault-reference",
559
+ "nodeUrl": null,
560
+ "status": "requires-published-figma-component"
561
+ }
562
+ },
563
+ {
564
+ "id": "fault-summary",
565
+ "figmaName": "Forma / Fault Summary",
566
+ "source": "patterns/fault-summary.html",
567
+ "codeConnect": {
568
+ "id": "Forma/fault-summary",
569
+ "nodeUrl": null,
570
+ "status": "requires-published-figma-component"
571
+ }
572
+ },
573
+ {
574
+ "id": "feed-item",
575
+ "figmaName": "Forma / Feed Item",
576
+ "source": "patterns/feed-item.html",
577
+ "codeConnect": {
578
+ "id": "Forma/feed-item",
579
+ "nodeUrl": null,
580
+ "status": "requires-published-figma-component"
581
+ }
582
+ },
583
+ {
584
+ "id": "file-upload",
585
+ "figmaName": "Forma / File Upload",
586
+ "source": "patterns/file-upload.html",
587
+ "codeConnect": {
588
+ "id": "Forma/file-upload",
589
+ "nodeUrl": null,
590
+ "status": "requires-published-figma-component"
591
+ }
592
+ },
593
+ {
594
+ "id": "flyout",
595
+ "figmaName": "Forma / Flyout",
596
+ "source": "patterns/flyout.html",
597
+ "codeConnect": {
598
+ "id": "Forma/flyout",
599
+ "nodeUrl": null,
600
+ "status": "requires-published-figma-component"
601
+ }
602
+ },
603
+ {
604
+ "id": "focus-stage",
605
+ "figmaName": "Forma / Focus Stage",
606
+ "source": "patterns/focus-stage.html",
607
+ "codeConnect": {
608
+ "id": "Forma/focus-stage",
609
+ "nodeUrl": null,
610
+ "status": "requires-published-figma-component"
611
+ }
612
+ },
613
+ {
614
+ "id": "frame",
615
+ "figmaName": "Forma / Frame",
616
+ "source": "patterns/frame.html",
617
+ "codeConnect": {
618
+ "id": "Forma/frame",
619
+ "nodeUrl": null,
620
+ "status": "requires-published-figma-component"
621
+ }
622
+ },
623
+ {
624
+ "id": "freshness",
625
+ "figmaName": "Forma / Freshness",
626
+ "source": "patterns/freshness.html",
627
+ "codeConnect": {
628
+ "id": "Forma/freshness",
629
+ "nodeUrl": null,
630
+ "status": "requires-published-figma-component"
631
+ }
632
+ },
633
+ {
634
+ "id": "handoff-summary",
635
+ "figmaName": "Forma / Handoff Summary",
636
+ "source": "patterns/handoff-summary.html",
637
+ "codeConnect": {
638
+ "id": "Forma/handoff-summary",
639
+ "nodeUrl": null,
640
+ "status": "requires-published-figma-component"
641
+ }
642
+ },
643
+ {
644
+ "id": "hero",
645
+ "figmaName": "Forma / Hero",
646
+ "source": "patterns/hero.html",
647
+ "codeConnect": {
648
+ "id": "Forma/hero",
649
+ "nodeUrl": null,
650
+ "status": "requires-published-figma-component"
651
+ }
652
+ },
653
+ {
654
+ "id": "hierarchical-choice",
655
+ "figmaName": "Forma / Hierarchical Choice",
656
+ "source": "patterns/hierarchical-choice.html",
657
+ "codeConnect": {
658
+ "id": "Forma/hierarchical-choice",
659
+ "nodeUrl": null,
660
+ "status": "requires-published-figma-component"
661
+ }
662
+ },
663
+ {
664
+ "id": "hierarchical-multi-choice",
665
+ "figmaName": "Forma / Hierarchical Multi Choice",
666
+ "source": "patterns/hierarchical-multi-choice.html",
667
+ "codeConnect": {
668
+ "id": "Forma/hierarchical-multi-choice",
669
+ "nodeUrl": null,
670
+ "status": "requires-published-figma-component"
671
+ }
672
+ },
673
+ {
674
+ "id": "hierarchy-tree",
675
+ "figmaName": "Forma / Hierarchy Tree",
676
+ "source": "patterns/hierarchy-tree.html",
677
+ "codeConnect": {
678
+ "id": "Forma/hierarchy-tree",
679
+ "nodeUrl": null,
680
+ "status": "requires-published-figma-component"
681
+ }
682
+ },
683
+ {
684
+ "id": "identifier",
685
+ "figmaName": "Forma / Identifier",
686
+ "source": "patterns/identifier.html",
687
+ "codeConnect": {
688
+ "id": "Forma/identifier",
689
+ "nodeUrl": null,
690
+ "status": "requires-published-figma-component"
691
+ }
692
+ },
693
+ {
694
+ "id": "image-choice",
695
+ "figmaName": "Forma / Image Choice",
696
+ "source": "patterns/image-choice.html",
697
+ "codeConnect": {
698
+ "id": "Forma/image-choice",
699
+ "nodeUrl": null,
700
+ "status": "requires-published-figma-component"
701
+ }
702
+ },
703
+ {
704
+ "id": "landmark-region",
705
+ "figmaName": "Forma / Landmark Region",
706
+ "source": "patterns/landmark-region.html",
707
+ "codeConnect": {
708
+ "id": "Forma/landmark-region",
709
+ "nodeUrl": null,
710
+ "status": "requires-published-figma-component"
711
+ }
712
+ },
713
+ {
714
+ "id": "lane-board",
715
+ "figmaName": "Forma / Lane Board",
716
+ "source": "patterns/lane-board.html",
717
+ "codeConnect": {
718
+ "id": "Forma/lane-board",
719
+ "nodeUrl": null,
720
+ "status": "requires-published-figma-component"
721
+ }
722
+ },
723
+ {
724
+ "id": "marketing-shell",
725
+ "figmaName": "Forma / Marketing Shell",
726
+ "source": "patterns/marketing-shell.html",
727
+ "codeConnect": {
728
+ "id": "Forma/marketing-shell",
729
+ "nodeUrl": null,
730
+ "status": "requires-published-figma-component"
731
+ }
732
+ },
733
+ {
734
+ "id": "master-detail",
735
+ "figmaName": "Forma / Master Detail",
736
+ "source": "patterns/master-detail.html",
737
+ "codeConnect": {
738
+ "id": "Forma/master-detail",
739
+ "nodeUrl": null,
740
+ "status": "requires-published-figma-component"
741
+ }
742
+ },
743
+ {
744
+ "id": "matrix-single",
745
+ "figmaName": "Forma / Matrix Single",
746
+ "source": "patterns/matrix-single.html",
747
+ "codeConnect": {
748
+ "id": "Forma/matrix-single",
749
+ "nodeUrl": null,
750
+ "status": "requires-published-figma-component"
751
+ }
752
+ },
753
+ {
754
+ "id": "measure",
755
+ "figmaName": "Forma / Measure",
756
+ "source": "patterns/measure.html",
757
+ "codeConnect": {
758
+ "id": "Forma/measure",
759
+ "nodeUrl": null,
760
+ "status": "requires-published-figma-component"
761
+ }
762
+ },
763
+ {
764
+ "id": "menu",
765
+ "figmaName": "Forma / Menu",
766
+ "source": "patterns/menu.html",
767
+ "codeConnect": {
768
+ "id": "Forma/menu",
769
+ "nodeUrl": null,
770
+ "status": "requires-published-figma-component"
771
+ }
772
+ },
773
+ {
774
+ "id": "metric-card",
775
+ "figmaName": "Forma / Metric Card",
776
+ "source": "patterns/metric-card.html",
777
+ "codeConnect": {
778
+ "id": "Forma/metric-card",
779
+ "nodeUrl": null,
780
+ "status": "requires-published-figma-component"
781
+ }
782
+ },
783
+ {
784
+ "id": "metric-value-change",
785
+ "figmaName": "Forma / Metric Value Change",
786
+ "source": "patterns/metric-value-change.html",
787
+ "codeConnect": {
788
+ "id": "Forma/metric-value-change",
789
+ "nodeUrl": null,
790
+ "status": "requires-published-figma-component"
791
+ }
792
+ },
793
+ {
794
+ "id": "mobile-action-bar",
795
+ "figmaName": "Forma / Mobile Action Bar",
796
+ "source": "patterns/mobile-action-bar.html",
797
+ "codeConnect": {
798
+ "id": "Forma/mobile-action-bar",
799
+ "nodeUrl": null,
800
+ "status": "requires-published-figma-component"
801
+ }
802
+ },
803
+ {
804
+ "id": "mosaic",
805
+ "figmaName": "Forma / Mosaic",
806
+ "source": "patterns/mosaic.html",
807
+ "codeConnect": {
808
+ "id": "Forma/mosaic",
809
+ "nodeUrl": null,
810
+ "status": "requires-published-figma-component"
811
+ }
812
+ },
813
+ {
814
+ "id": "multi-choice",
815
+ "figmaName": "Forma / Multi Choice",
816
+ "source": "patterns/multi-choice.html",
817
+ "codeConnect": {
818
+ "id": "Forma/multi-choice",
819
+ "nodeUrl": null,
820
+ "status": "requires-published-figma-component"
821
+ }
822
+ },
823
+ {
824
+ "id": "navigation-shell",
825
+ "figmaName": "Forma / Navigation Shell",
826
+ "source": "patterns/navigation-shell.html",
827
+ "codeConnect": {
828
+ "id": "Forma/navigation-shell",
829
+ "nodeUrl": null,
830
+ "status": "requires-published-figma-component"
831
+ }
832
+ },
833
+ {
834
+ "id": "numeric-stepper",
835
+ "figmaName": "Forma / Numeric Stepper",
836
+ "source": "patterns/numeric-stepper.html",
837
+ "codeConnect": {
838
+ "id": "Forma/numeric-stepper",
839
+ "nodeUrl": null,
840
+ "status": "requires-published-figma-component"
841
+ }
842
+ },
843
+ {
844
+ "id": "obligation-panel",
845
+ "figmaName": "Forma / Obligation Panel",
846
+ "source": "patterns/obligation-panel.html",
847
+ "codeConnect": {
848
+ "id": "Forma/obligation-panel",
849
+ "nodeUrl": null,
850
+ "status": "requires-published-figma-component"
851
+ }
852
+ },
853
+ {
854
+ "id": "operation-status",
855
+ "figmaName": "Forma / Operation Status",
856
+ "source": "patterns/operation-status.html",
857
+ "codeConnect": {
858
+ "id": "Forma/operation-status",
859
+ "nodeUrl": null,
860
+ "status": "requires-published-figma-component"
861
+ }
862
+ },
863
+ {
864
+ "id": "ordinal-scale",
865
+ "figmaName": "Forma / Ordinal Scale",
866
+ "source": "patterns/ordinal-scale.html",
867
+ "codeConnect": {
868
+ "id": "Forma/ordinal-scale",
869
+ "nodeUrl": null,
870
+ "status": "requires-published-figma-component"
871
+ }
872
+ },
873
+ {
874
+ "id": "overflow-command-disclosure",
875
+ "figmaName": "Forma / Overflow Command Disclosure",
876
+ "source": "patterns/overflow-command-disclosure.html",
877
+ "codeConnect": {
878
+ "id": "Forma/overflow-command-disclosure",
879
+ "nodeUrl": null,
880
+ "status": "requires-published-figma-component"
881
+ }
882
+ },
883
+ {
884
+ "id": "overview-disclosure",
885
+ "figmaName": "Forma / Overview Disclosure",
886
+ "source": "patterns/overview-disclosure.html",
887
+ "codeConnect": {
888
+ "id": "Forma/overview-disclosure",
889
+ "nodeUrl": null,
890
+ "status": "requires-published-figma-component"
891
+ }
892
+ },
893
+ {
894
+ "id": "pagination",
895
+ "figmaName": "Forma / Pagination",
896
+ "source": "patterns/pagination.html",
897
+ "codeConnect": {
898
+ "id": "Forma/pagination",
899
+ "nodeUrl": null,
900
+ "status": "requires-published-figma-component"
901
+ }
902
+ },
903
+ {
904
+ "id": "pairwise-choice",
905
+ "figmaName": "Forma / Pairwise Choice",
906
+ "source": "patterns/pairwise-choice.html",
907
+ "codeConnect": {
908
+ "id": "Forma/pairwise-choice",
909
+ "nodeUrl": null,
910
+ "status": "requires-published-figma-component"
911
+ }
912
+ },
913
+ {
914
+ "id": "path-summary",
915
+ "figmaName": "Forma / Path Summary",
916
+ "source": "patterns/path-summary.html",
917
+ "codeConnect": {
918
+ "id": "Forma/path-summary",
919
+ "nodeUrl": null,
920
+ "status": "requires-published-figma-component"
921
+ }
922
+ },
923
+ {
924
+ "id": "popover",
925
+ "figmaName": "Forma / Popover",
926
+ "source": "patterns/popover.html",
927
+ "codeConnect": {
928
+ "id": "Forma/popover",
929
+ "nodeUrl": null,
930
+ "status": "requires-published-figma-component"
931
+ }
932
+ },
933
+ {
934
+ "id": "preview-surface",
935
+ "figmaName": "Forma / Preview Surface",
936
+ "source": "patterns/preview-surface.html",
937
+ "codeConnect": {
938
+ "id": "Forma/preview-surface",
939
+ "nodeUrl": null,
940
+ "status": "requires-published-figma-component"
941
+ }
942
+ },
943
+ {
944
+ "id": "priority-stack",
945
+ "figmaName": "Forma / Priority Stack",
946
+ "source": "patterns/priority-stack.html",
947
+ "codeConnect": {
948
+ "id": "Forma/priority-stack",
949
+ "nodeUrl": null,
950
+ "status": "requires-published-figma-component"
951
+ }
952
+ },
953
+ {
954
+ "id": "progress-bar",
955
+ "figmaName": "Forma / Progress Bar",
956
+ "source": "patterns/progress-bar.html",
957
+ "codeConnect": {
958
+ "id": "Forma/progress-bar",
959
+ "nodeUrl": null,
960
+ "status": "requires-published-figma-component"
961
+ }
962
+ },
963
+ {
964
+ "id": "prose",
965
+ "figmaName": "Forma / Prose",
966
+ "source": "patterns/prose.html",
967
+ "codeConnect": {
968
+ "id": "Forma/prose",
969
+ "nodeUrl": null,
970
+ "status": "requires-published-figma-component"
971
+ }
972
+ },
973
+ {
974
+ "id": "provenance-trail",
975
+ "figmaName": "Forma / Provenance Trail",
976
+ "source": "patterns/provenance-trail.html",
977
+ "codeConnect": {
978
+ "id": "Forma/provenance-trail",
979
+ "nodeUrl": null,
980
+ "status": "requires-published-figma-component"
981
+ }
982
+ },
983
+ {
984
+ "id": "question",
985
+ "figmaName": "Forma / Question",
986
+ "source": "patterns/question.html",
987
+ "codeConnect": {
988
+ "id": "Forma/question",
989
+ "nodeUrl": null,
990
+ "status": "requires-published-figma-component"
991
+ }
992
+ },
993
+ {
994
+ "id": "rail",
995
+ "figmaName": "Forma / Rail",
996
+ "source": "patterns/rail.html",
997
+ "codeConnect": {
998
+ "id": "Forma/rail",
999
+ "nodeUrl": null,
1000
+ "status": "requires-published-figma-component"
1001
+ }
1002
+ },
1003
+ {
1004
+ "id": "range-entry",
1005
+ "figmaName": "Forma / Range Entry",
1006
+ "source": "patterns/range-entry.html",
1007
+ "codeConnect": {
1008
+ "id": "Forma/range-entry",
1009
+ "nodeUrl": null,
1010
+ "status": "requires-published-figma-component"
1011
+ }
1012
+ },
1013
+ {
1014
+ "id": "ranking",
1015
+ "figmaName": "Forma / Ranking",
1016
+ "source": "patterns/ranking.html",
1017
+ "codeConnect": {
1018
+ "id": "Forma/ranking",
1019
+ "nodeUrl": null,
1020
+ "status": "requires-published-figma-component"
1021
+ }
1022
+ },
1023
+ {
1024
+ "id": "readiness-checklist",
1025
+ "figmaName": "Forma / Readiness Checklist",
1026
+ "source": "patterns/readiness-checklist.html",
1027
+ "codeConnect": {
1028
+ "id": "Forma/readiness-checklist",
1029
+ "nodeUrl": null,
1030
+ "status": "requires-published-figma-component"
1031
+ }
1032
+ },
1033
+ {
1034
+ "id": "record-header",
1035
+ "figmaName": "Forma / Record Header",
1036
+ "source": "patterns/record-header.html",
1037
+ "codeConnect": {
1038
+ "id": "Forma/record-header",
1039
+ "nodeUrl": null,
1040
+ "status": "requires-published-figma-component"
1041
+ }
1042
+ },
1043
+ {
1044
+ "id": "recovery-actions",
1045
+ "figmaName": "Forma / Recovery Actions",
1046
+ "source": "patterns/recovery-actions.html",
1047
+ "codeConnect": {
1048
+ "id": "Forma/recovery-actions",
1049
+ "nodeUrl": null,
1050
+ "status": "requires-published-figma-component"
1051
+ }
1052
+ },
1053
+ {
1054
+ "id": "relationship-index",
1055
+ "figmaName": "Forma / Relationship Index",
1056
+ "source": "patterns/relationship-index.html",
1057
+ "codeConnect": {
1058
+ "id": "Forma/relationship-index",
1059
+ "nodeUrl": null,
1060
+ "status": "requires-published-figma-component"
1061
+ }
1062
+ },
1063
+ {
1064
+ "id": "reorder-states",
1065
+ "figmaName": "Forma / Reorder States",
1066
+ "source": "patterns/reorder-states.html",
1067
+ "codeConnect": {
1068
+ "id": "Forma/reorder-states",
1069
+ "nodeUrl": null,
1070
+ "status": "requires-published-figma-component"
1071
+ }
1072
+ },
1073
+ {
1074
+ "id": "resizable-split-pane",
1075
+ "figmaName": "Forma / Resizable Split Pane",
1076
+ "source": "patterns/resizable-split-pane.html",
1077
+ "codeConnect": {
1078
+ "id": "Forma/resizable-split-pane",
1079
+ "nodeUrl": null,
1080
+ "status": "requires-published-figma-component"
1081
+ }
1082
+ },
1083
+ {
1084
+ "id": "responsive-grid",
1085
+ "figmaName": "Forma / Responsive Grid",
1086
+ "source": "patterns/responsive-grid.html",
1087
+ "codeConnect": {
1088
+ "id": "Forma/responsive-grid",
1089
+ "nodeUrl": null,
1090
+ "status": "requires-published-figma-component"
1091
+ }
1092
+ },
1093
+ {
1094
+ "id": "rule-builder",
1095
+ "figmaName": "Forma / Rule Builder",
1096
+ "source": "patterns/rule-builder.html",
1097
+ "codeConnect": {
1098
+ "id": "Forma/rule-builder",
1099
+ "nodeUrl": null,
1100
+ "status": "requires-published-figma-component"
1101
+ }
1102
+ },
1103
+ {
1104
+ "id": "scope-trail",
1105
+ "figmaName": "Forma / Scope Trail",
1106
+ "source": "patterns/scope-trail.html",
1107
+ "codeConnect": {
1108
+ "id": "Forma/scope-trail",
1109
+ "nodeUrl": null,
1110
+ "status": "requires-published-figma-component"
1111
+ }
1112
+ },
1113
+ {
1114
+ "id": "scroll-progress",
1115
+ "figmaName": "Forma / Scroll Progress",
1116
+ "source": "patterns/scroll-progress.html",
1117
+ "codeConnect": {
1118
+ "id": "Forma/scroll-progress",
1119
+ "nodeUrl": null,
1120
+ "status": "requires-published-figma-component"
1121
+ }
1122
+ },
1123
+ {
1124
+ "id": "search",
1125
+ "figmaName": "Forma / Search",
1126
+ "source": "patterns/search.html",
1127
+ "codeConnect": {
1128
+ "id": "Forma/search",
1129
+ "nodeUrl": null,
1130
+ "status": "requires-published-figma-component"
1131
+ }
1132
+ },
1133
+ {
1134
+ "id": "section-heading",
1135
+ "figmaName": "Forma / Section Heading",
1136
+ "source": "patterns/section-heading.html",
1137
+ "codeConnect": {
1138
+ "id": "Forma/section-heading",
1139
+ "nodeUrl": null,
1140
+ "status": "requires-published-figma-component"
1141
+ }
1142
+ },
1143
+ {
1144
+ "id": "security-blockers",
1145
+ "figmaName": "Forma / Security Blockers",
1146
+ "source": "patterns/security-blockers.html",
1147
+ "codeConnect": {
1148
+ "id": "Forma/security-blockers",
1149
+ "nodeUrl": null,
1150
+ "status": "requires-published-figma-component"
1151
+ }
1152
+ },
1153
+ {
1154
+ "id": "security-evidence-age",
1155
+ "figmaName": "Forma / Security Evidence Age",
1156
+ "source": "patterns/security-evidence-age.html",
1157
+ "codeConnect": {
1158
+ "id": "Forma/security-evidence-age",
1159
+ "nodeUrl": null,
1160
+ "status": "requires-published-figma-component"
1161
+ }
1162
+ },
1163
+ {
1164
+ "id": "security-evidence-chain",
1165
+ "figmaName": "Forma / Security Evidence Chain",
1166
+ "source": "patterns/security-evidence-chain.html",
1167
+ "codeConnect": {
1168
+ "id": "Forma/security-evidence-chain",
1169
+ "nodeUrl": null,
1170
+ "status": "requires-published-figma-component"
1171
+ }
1172
+ },
1173
+ {
1174
+ "id": "security-exception",
1175
+ "figmaName": "Forma / Security Exception",
1176
+ "source": "patterns/security-exception.html",
1177
+ "codeConnect": {
1178
+ "id": "Forma/security-exception",
1179
+ "nodeUrl": null,
1180
+ "status": "requires-published-figma-component"
1181
+ }
1182
+ },
1183
+ {
1184
+ "id": "security-invariant-result",
1185
+ "figmaName": "Forma / Security Invariant Result",
1186
+ "source": "patterns/security-invariant-result.html",
1187
+ "codeConnect": {
1188
+ "id": "Forma/security-invariant-result",
1189
+ "nodeUrl": null,
1190
+ "status": "requires-published-figma-component"
1191
+ }
1192
+ },
1193
+ {
1194
+ "id": "security-posture",
1195
+ "figmaName": "Forma / Security Posture",
1196
+ "source": "patterns/security-posture.html",
1197
+ "codeConnect": {
1198
+ "id": "Forma/security-posture",
1199
+ "nodeUrl": null,
1200
+ "status": "requires-published-figma-component"
1201
+ }
1202
+ },
1203
+ {
1204
+ "id": "security-state-matrix",
1205
+ "figmaName": "Forma / Security State Matrix",
1206
+ "source": "patterns/security-state-matrix.html",
1207
+ "codeConnect": {
1208
+ "id": "Forma/security-state-matrix",
1209
+ "nodeUrl": null,
1210
+ "status": "requires-published-figma-component"
1211
+ }
1212
+ },
1213
+ {
1214
+ "id": "security-trend",
1215
+ "figmaName": "Forma / Security Trend",
1216
+ "source": "patterns/security-trend.html",
1217
+ "codeConnect": {
1218
+ "id": "Forma/security-trend",
1219
+ "nodeUrl": null,
1220
+ "status": "requires-published-figma-component"
1221
+ }
1222
+ },
1223
+ {
1224
+ "id": "security-unknown",
1225
+ "figmaName": "Forma / Security Unknown",
1226
+ "source": "patterns/security-unknown.html",
1227
+ "codeConnect": {
1228
+ "id": "Forma/security-unknown",
1229
+ "nodeUrl": null,
1230
+ "status": "requires-published-figma-component"
1231
+ }
1232
+ },
1233
+ {
1234
+ "id": "segmented-control",
1235
+ "figmaName": "Forma / Segmented Control",
1236
+ "source": "patterns/segmented-control.html",
1237
+ "codeConnect": {
1238
+ "id": "Forma/segmented-control",
1239
+ "nodeUrl": null,
1240
+ "status": "requires-published-figma-component"
1241
+ }
1242
+ },
1243
+ {
1244
+ "id": "select",
1245
+ "figmaName": "Forma / Select",
1246
+ "source": "patterns/select.html",
1247
+ "codeConnect": {
1248
+ "id": "Forma/select",
1249
+ "nodeUrl": null,
1250
+ "status": "requires-published-figma-component"
1251
+ }
1252
+ },
1253
+ {
1254
+ "id": "semantic-differential",
1255
+ "figmaName": "Forma / Semantic Differential",
1256
+ "source": "patterns/semantic-differential.html",
1257
+ "codeConnect": {
1258
+ "id": "Forma/semantic-differential",
1259
+ "nodeUrl": null,
1260
+ "status": "requires-published-figma-component"
1261
+ }
1262
+ },
1263
+ {
1264
+ "id": "sidebar",
1265
+ "figmaName": "Forma / Sidebar",
1266
+ "source": "patterns/sidebar.html",
1267
+ "codeConnect": {
1268
+ "id": "Forma/sidebar",
1269
+ "nodeUrl": null,
1270
+ "status": "requires-published-figma-component"
1271
+ }
1272
+ },
1273
+ {
1274
+ "id": "site-footer",
1275
+ "figmaName": "Forma / Site Footer",
1276
+ "source": "patterns/site-footer.html",
1277
+ "codeConnect": {
1278
+ "id": "Forma/site-footer",
1279
+ "nodeUrl": null,
1280
+ "status": "requires-published-figma-component"
1281
+ }
1282
+ },
1283
+ {
1284
+ "id": "site-header",
1285
+ "figmaName": "Forma / Site Header",
1286
+ "source": "patterns/site-header.html",
1287
+ "codeConnect": {
1288
+ "id": "Forma/site-header",
1289
+ "nodeUrl": null,
1290
+ "status": "requires-published-figma-component"
1291
+ }
1292
+ },
1293
+ {
1294
+ "id": "skeleton",
1295
+ "figmaName": "Forma / Skeleton",
1296
+ "source": "patterns/skeleton.html",
1297
+ "codeConnect": {
1298
+ "id": "Forma/skeleton",
1299
+ "nodeUrl": null,
1300
+ "status": "requires-published-figma-component"
1301
+ }
1302
+ },
1303
+ {
1304
+ "id": "slider",
1305
+ "figmaName": "Forma / Slider",
1306
+ "source": "patterns/slider.html",
1307
+ "codeConnect": {
1308
+ "id": "Forma/slider",
1309
+ "nodeUrl": null,
1310
+ "status": "requires-published-figma-component"
1311
+ }
1312
+ },
1313
+ {
1314
+ "id": "spatial-canvas",
1315
+ "figmaName": "Forma / Spatial Canvas",
1316
+ "source": "patterns/spatial-canvas.html",
1317
+ "codeConnect": {
1318
+ "id": "Forma/spatial-canvas",
1319
+ "nodeUrl": null,
1320
+ "status": "requires-published-figma-component"
1321
+ }
1322
+ },
1323
+ {
1324
+ "id": "special-choice",
1325
+ "figmaName": "Forma / Special Choice",
1326
+ "source": "patterns/special-choice.html",
1327
+ "codeConnect": {
1328
+ "id": "Forma/special-choice",
1329
+ "nodeUrl": null,
1330
+ "status": "requires-published-figma-component"
1331
+ }
1332
+ },
1333
+ {
1334
+ "id": "spinner",
1335
+ "figmaName": "Forma / Spinner",
1336
+ "source": "patterns/spinner.html",
1337
+ "codeConnect": {
1338
+ "id": "Forma/spinner",
1339
+ "nodeUrl": null,
1340
+ "status": "requires-published-figma-component"
1341
+ }
1342
+ },
1343
+ {
1344
+ "id": "split-pane",
1345
+ "figmaName": "Forma / Split Pane",
1346
+ "source": "patterns/split-pane.html",
1347
+ "codeConnect": {
1348
+ "id": "Forma/split-pane",
1349
+ "nodeUrl": null,
1350
+ "status": "requires-published-figma-component"
1351
+ }
1352
+ },
1353
+ {
1354
+ "id": "stack",
1355
+ "figmaName": "Forma / Stack",
1356
+ "source": "patterns/stack.html",
1357
+ "codeConnect": {
1358
+ "id": "Forma/stack",
1359
+ "nodeUrl": null,
1360
+ "status": "requires-published-figma-component"
1361
+ }
1362
+ },
1363
+ {
1364
+ "id": "state-survivability",
1365
+ "figmaName": "Forma / State Survivability",
1366
+ "source": "patterns/state-survivability.html",
1367
+ "codeConnect": {
1368
+ "id": "Forma/state-survivability",
1369
+ "nodeUrl": null,
1370
+ "status": "requires-published-figma-component"
1371
+ }
1372
+ },
1373
+ {
1374
+ "id": "status-lozenge",
1375
+ "figmaName": "Forma / Status Lozenge",
1376
+ "source": "patterns/status-lozenge.html",
1377
+ "codeConnect": {
1378
+ "id": "Forma/status-lozenge",
1379
+ "nodeUrl": null,
1380
+ "status": "requires-published-figma-component"
1381
+ }
1382
+ },
1383
+ {
1384
+ "id": "steps",
1385
+ "figmaName": "Forma / Steps",
1386
+ "source": "patterns/steps.html",
1387
+ "codeConnect": {
1388
+ "id": "Forma/steps",
1389
+ "nodeUrl": null,
1390
+ "status": "requires-published-figma-component"
1391
+ }
1392
+ },
1393
+ {
1394
+ "id": "survey-progress",
1395
+ "figmaName": "Forma / Survey Progress",
1396
+ "source": "patterns/survey-progress.html",
1397
+ "codeConnect": {
1398
+ "id": "Forma/survey-progress",
1399
+ "nodeUrl": null,
1400
+ "status": "requires-published-figma-component"
1401
+ }
1402
+ },
1403
+ {
1404
+ "id": "switch",
1405
+ "figmaName": "Forma / Switch",
1406
+ "source": "patterns/switch.html",
1407
+ "codeConnect": {
1408
+ "id": "Forma/switch",
1409
+ "nodeUrl": null,
1410
+ "status": "requires-published-figma-component"
1411
+ }
1412
+ },
1413
+ {
1414
+ "id": "switcher",
1415
+ "figmaName": "Forma / Switcher",
1416
+ "source": "patterns/switcher.html",
1417
+ "codeConnect": {
1418
+ "id": "Forma/switcher",
1419
+ "nodeUrl": null,
1420
+ "status": "requires-published-figma-component"
1421
+ }
1422
+ },
1423
+ {
1424
+ "id": "symbol-rating",
1425
+ "figmaName": "Forma / Symbol Rating",
1426
+ "source": "patterns/symbol-rating.html",
1427
+ "codeConnect": {
1428
+ "id": "Forma/symbol-rating",
1429
+ "nodeUrl": null,
1430
+ "status": "requires-published-figma-component"
1431
+ }
1432
+ },
1433
+ {
1434
+ "id": "tabs",
1435
+ "figmaName": "Forma / Tabs",
1436
+ "source": "patterns/tabs.html",
1437
+ "codeConnect": {
1438
+ "id": "Forma/tabs",
1439
+ "nodeUrl": null,
1440
+ "status": "requires-published-figma-component"
1441
+ }
1442
+ },
1443
+ {
1444
+ "id": "timeline",
1445
+ "figmaName": "Forma / Timeline",
1446
+ "source": "patterns/timeline.html",
1447
+ "codeConnect": {
1448
+ "id": "Forma/timeline",
1449
+ "nodeUrl": null,
1450
+ "status": "requires-published-figma-component"
1451
+ }
1452
+ },
1453
+ {
1454
+ "id": "toast",
1455
+ "figmaName": "Forma / Toast",
1456
+ "source": "patterns/toast.html",
1457
+ "codeConnect": {
1458
+ "id": "Forma/toast",
1459
+ "nodeUrl": null,
1460
+ "status": "requires-published-figma-component"
1461
+ }
1462
+ },
1463
+ {
1464
+ "id": "tooltip",
1465
+ "figmaName": "Forma / Tooltip",
1466
+ "source": "patterns/tooltip.html",
1467
+ "codeConnect": {
1468
+ "id": "Forma/tooltip",
1469
+ "nodeUrl": null,
1470
+ "status": "requires-published-figma-component"
1471
+ }
1472
+ },
1473
+ {
1474
+ "id": "understanding",
1475
+ "figmaName": "Forma / Understanding",
1476
+ "source": "patterns/understanding.html",
1477
+ "codeConnect": {
1478
+ "id": "Forma/understanding",
1479
+ "nodeUrl": null,
1480
+ "status": "requires-published-figma-component"
1481
+ }
1482
+ },
1483
+ {
1484
+ "id": "validation-message",
1485
+ "figmaName": "Forma / Validation Message",
1486
+ "source": "patterns/validation-message.html",
1487
+ "codeConnect": {
1488
+ "id": "Forma/validation-message",
1489
+ "nodeUrl": null,
1490
+ "status": "requires-published-figma-component"
1491
+ }
1492
+ },
1493
+ {
1494
+ "id": "validation-summary",
1495
+ "figmaName": "Forma / Validation Summary",
1496
+ "source": "patterns/validation-summary.html",
1497
+ "codeConnect": {
1498
+ "id": "Forma/validation-summary",
1499
+ "nodeUrl": null,
1500
+ "status": "requires-published-figma-component"
1501
+ }
1502
+ },
1503
+ {
1504
+ "id": "verification-frame",
1505
+ "figmaName": "Forma / Verification Frame",
1506
+ "source": "patterns/verification-frame.html",
1507
+ "codeConnect": {
1508
+ "id": "Forma/verification-frame",
1509
+ "nodeUrl": null,
1510
+ "status": "requires-published-figma-component"
1511
+ }
1512
+ },
1513
+ {
1514
+ "id": "wizard",
1515
+ "figmaName": "Forma / Wizard",
1516
+ "source": "patterns/wizard.html",
1517
+ "codeConnect": {
1518
+ "id": "Forma/wizard",
1519
+ "nodeUrl": null,
1520
+ "status": "requires-published-figma-component"
1521
+ }
1522
+ },
1523
+ {
1524
+ "id": "work-queue",
1525
+ "figmaName": "Forma / Work Queue",
1526
+ "source": "patterns/work-queue.html",
1527
+ "codeConnect": {
1528
+ "id": "Forma/work-queue",
1529
+ "nodeUrl": null,
1530
+ "status": "requires-published-figma-component"
1531
+ }
1532
+ },
1533
+ {
1534
+ "id": "workspace-shell",
1535
+ "figmaName": "Forma / Workspace Shell",
1536
+ "source": "patterns/workspace-shell.html",
1537
+ "codeConnect": {
1538
+ "id": "Forma/workspace-shell",
1539
+ "nodeUrl": null,
1540
+ "status": "requires-published-figma-component"
1541
+ }
1542
+ }
1543
+ ]
1544
+ }