@eocrm/design-system 0.6.22 → 0.6.23
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/AI-PRIMER.md +166 -288
- package/README.md +11 -1
- package/docs/accessible-names.md +22 -0
- package/docs/components/CircularProgress.md +4 -0
- package/docs/components/CurrencySelect.md +1 -1
- package/docs/components/Kbd.md +1 -1
- package/docs/components/MoneyInput.md +1 -1
- package/docs/components/PhoneInput.md +1 -1
- package/docs/components/Progress.md +7 -0
- package/docs/components/Text.md +8 -0
- package/docs/components/Title.md +4 -0
- package/docs/components/index.json +652 -0
- package/docs/i18n.md +74 -0
- package/docs/typescript.md +9 -0
- package/package.json +2 -2
- package/src/components/LiquidEditor/useLiquidAutocomplete.ts +1 -1
- package/src/components/RichText/RichTextAttachment.tsx +1 -1
- package/src/i18n/I18nProvider.tsx +1 -1
|
@@ -0,0 +1,652 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"name": "Accordion",
|
|
4
|
+
"summary": "vertically-stacked collapsible panels",
|
|
5
|
+
"cluster": "Navigation"
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
"name": "AgentAvatar",
|
|
9
|
+
"summary": "AI agent tile with the acting member",
|
|
10
|
+
"cluster": null
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
"name": "Alert",
|
|
14
|
+
"summary": "persistent in-flow notification",
|
|
15
|
+
"cluster": "Feedback"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"name": "AppLayout",
|
|
19
|
+
"summary": "viewport-filling app shell",
|
|
20
|
+
"cluster": "Layout"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "Avatar",
|
|
24
|
+
"summary": "profile circle",
|
|
25
|
+
"cluster": "Display"
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"name": "AvatarGroup",
|
|
29
|
+
"summary": "Slack-style stacked row of avatars",
|
|
30
|
+
"cluster": null
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "Badge",
|
|
34
|
+
"summary": "status / category pill",
|
|
35
|
+
"cluster": "Display"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"name": "Banner",
|
|
39
|
+
"summary": "full-width system / app message bar",
|
|
40
|
+
"cluster": "Feedback"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "BrandIcon",
|
|
44
|
+
"summary": "third-party brand marks",
|
|
45
|
+
"cluster": "Display"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"name": "Breadcrumb",
|
|
49
|
+
"summary": "navigation trail",
|
|
50
|
+
"cluster": "Navigation"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "Button",
|
|
54
|
+
"summary": "action triggers",
|
|
55
|
+
"cluster": "Forms"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "ButtonGroup",
|
|
59
|
+
"summary": "joined Buttons + segmented control",
|
|
60
|
+
"cluster": "Forms"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"name": "Calendar",
|
|
64
|
+
"summary": "month / week / day / agenda views",
|
|
65
|
+
"cluster": "Display"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "Card",
|
|
69
|
+
"summary": "bordered container",
|
|
70
|
+
"cluster": "Layout"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"name": "CatalogPicker",
|
|
74
|
+
"summary": "searchable card picker for a catalog",
|
|
75
|
+
"cluster": "Forms"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "Chart",
|
|
79
|
+
"summary": "time-series chart for a dashboard widget",
|
|
80
|
+
"cluster": "Display"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"name": "ChatBubble",
|
|
84
|
+
"summary": "one chat message, plus ChatBubble.List (the role=\"log\" container)",
|
|
85
|
+
"cluster": "Feedback"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"name": "ChatLauncher",
|
|
89
|
+
"summary": "floating launcher + non-modal chat panel",
|
|
90
|
+
"cluster": "Feedback"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"name": "Checkbox",
|
|
94
|
+
"summary": "checkbox with native input + custom paint",
|
|
95
|
+
"cluster": "Forms"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "CircularProgress",
|
|
99
|
+
"summary": "circular progress / spinner",
|
|
100
|
+
"cluster": "Display"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"name": "Cluster",
|
|
104
|
+
"summary": "horizontal layout that wraps",
|
|
105
|
+
"cluster": "Layout"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"name": "Code",
|
|
109
|
+
"summary": "inline <code> chip",
|
|
110
|
+
"cluster": "Display"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"name": "CodeBlock",
|
|
114
|
+
"summary": "highlighted, copyable code sample",
|
|
115
|
+
"cluster": "Display"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "ColorPicker",
|
|
119
|
+
"summary": "controlled HEX color picker (popover + inline)",
|
|
120
|
+
"cluster": "Forms"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"name": "ConfirmationPopover",
|
|
124
|
+
"summary": "opinionated \"Are you sure?\" preset",
|
|
125
|
+
"cluster": "Overlays"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"name": "Constrain",
|
|
129
|
+
"summary": "size / flex constraint",
|
|
130
|
+
"cluster": "Layout"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "CurrencySelect",
|
|
134
|
+
"summary": "ISO 4217 currency picker over Select",
|
|
135
|
+
"cluster": "Forms"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "CursorPagination",
|
|
139
|
+
"summary": "prev / next for streams without total",
|
|
140
|
+
"cluster": "Display"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"name": "DashboardCanvas",
|
|
144
|
+
"summary": "2D snap-grid dashboard",
|
|
145
|
+
"cluster": "Display"
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"name": "DashboardWidget",
|
|
149
|
+
"summary": "card for a DashboardCanvas cell",
|
|
150
|
+
"cluster": "Display"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"name": "DataTable",
|
|
154
|
+
"summary": "server-driven data table with column features",
|
|
155
|
+
"cluster": "Display"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"name": "DatePicker",
|
|
159
|
+
"summary": "single-date input + popover",
|
|
160
|
+
"cluster": "Forms"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "DateRangePicker",
|
|
164
|
+
"summary": "date-range input + two-month popover",
|
|
165
|
+
"cluster": "Forms"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"name": "DateStrip",
|
|
169
|
+
"summary": "week of selectable day tiles",
|
|
170
|
+
"cluster": "Forms"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"name": "DefinitionList",
|
|
174
|
+
"summary": "semantic key/value pairs (dl / dt / dd)",
|
|
175
|
+
"cluster": "Display"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"name": "Divider",
|
|
179
|
+
"summary": "separator primitive",
|
|
180
|
+
"cluster": "Layout"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "Dot",
|
|
184
|
+
"summary": "bare palette/tone colored circle",
|
|
185
|
+
"cluster": "Display"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "Drawer",
|
|
189
|
+
"summary": "edge-anchored slide-in panel",
|
|
190
|
+
"cluster": "Overlays"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "DropdownMenu",
|
|
194
|
+
"summary": "action menus from a trigger",
|
|
195
|
+
"cluster": "Overlays"
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "EmojiPicker",
|
|
199
|
+
"summary": "searchable emoji grid (reactions + input)",
|
|
200
|
+
"cluster": "Forms"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "EmptyState",
|
|
204
|
+
"summary": "\"nothing here\" container",
|
|
205
|
+
"cluster": "Display"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"name": "EntityChip",
|
|
209
|
+
"summary": "inline entity-link chip",
|
|
210
|
+
"cluster": "Display"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "ErrorState",
|
|
214
|
+
"summary": "page-level status / result screen",
|
|
215
|
+
"cluster": "Display"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "Field",
|
|
219
|
+
"summary": "labeled-control unit",
|
|
220
|
+
"cluster": "Forms"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"name": "FileUpload",
|
|
224
|
+
"summary": "controlled file picker with dropzone",
|
|
225
|
+
"cluster": "Forms"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"name": "FilterChip",
|
|
229
|
+
"summary": "dismissible \"active filter\" pill",
|
|
230
|
+
"cluster": "Display"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"name": "FlowCanvas",
|
|
234
|
+
"summary": "pan/zoom canvas for directed node-edge diagrams",
|
|
235
|
+
"cluster": "Display"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"name": "FormRow",
|
|
239
|
+
"summary": "fields side by side",
|
|
240
|
+
"cluster": "Forms"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"name": "FormSection",
|
|
244
|
+
"summary": "titled group of fields",
|
|
245
|
+
"cluster": "Forms"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "Grid",
|
|
249
|
+
"summary": "2D layout primitive",
|
|
250
|
+
"cluster": "Layout"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "Highlight",
|
|
254
|
+
"summary": "temporary attention ring on any block",
|
|
255
|
+
"cluster": "Feedback"
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"name": "HighlightedText",
|
|
259
|
+
"summary": "Text with matched runs in <mark>",
|
|
260
|
+
"cluster": "Display"
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
"name": "IconPicker",
|
|
264
|
+
"summary": "choose one glyph from a consumer catalog",
|
|
265
|
+
"cluster": "Forms"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"name": "IconTile",
|
|
269
|
+
"summary": "palette-colored icon frame",
|
|
270
|
+
"cluster": "Display"
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"name": "Image",
|
|
274
|
+
"summary": "image with loading + error states",
|
|
275
|
+
"cluster": "Display"
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"name": "ImageCrop",
|
|
279
|
+
"summary": "controlled image cropper",
|
|
280
|
+
"cluster": "Forms"
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"name": "Indent",
|
|
284
|
+
"summary": "indent nested content by depth",
|
|
285
|
+
"cluster": "Layout"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"name": "InlineDatePicker",
|
|
289
|
+
"summary": "single-date calendar in flow",
|
|
290
|
+
"cluster": null
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"name": "InlineDateRangePicker",
|
|
294
|
+
"summary": "date-range calendar in flow",
|
|
295
|
+
"cluster": null
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "Input",
|
|
299
|
+
"summary": "single-line text",
|
|
300
|
+
"cluster": "Forms"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "Kanban",
|
|
304
|
+
"summary": "multi-column board (drag-to-reorder + cross-column drag with live reflow)",
|
|
305
|
+
"cluster": "Forms"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "Kbd",
|
|
309
|
+
"summary": "keyboard-shortcut chips",
|
|
310
|
+
"cluster": "Display"
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"name": "Lightbox",
|
|
314
|
+
"summary": "full-screen image & document gallery overlay",
|
|
315
|
+
"cluster": "Overlays"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"name": "Link",
|
|
319
|
+
"summary": "polymorphic styled anchor",
|
|
320
|
+
"cluster": "Navigation"
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"name": "LinkCard",
|
|
324
|
+
"summary": "clickable, full-surface Card",
|
|
325
|
+
"cluster": "Navigation"
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "LiquidEditor",
|
|
329
|
+
"summary": "Liquid template editor",
|
|
330
|
+
"cluster": "Forms"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"name": "List",
|
|
334
|
+
"summary": "bulleted / numbered prose lists (ul / ol)",
|
|
335
|
+
"cluster": "Display"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"name": "LiveRegion",
|
|
339
|
+
"summary": "announcement region for consumer-level outcomes",
|
|
340
|
+
"cluster": "Accessibility"
|
|
341
|
+
},
|
|
342
|
+
{
|
|
343
|
+
"name": "LocaleProvider",
|
|
344
|
+
"summary": "locale Context",
|
|
345
|
+
"cluster": null
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "Logo",
|
|
349
|
+
"summary": "brand logo lockup",
|
|
350
|
+
"cluster": "Display"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"name": "Masonry",
|
|
354
|
+
"summary": "height-balanced masonry layout",
|
|
355
|
+
"cluster": "Layout"
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"name": "MediaTile",
|
|
359
|
+
"summary": "media tile with caption, revealed actions and selection",
|
|
360
|
+
"cluster": "Display"
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"name": "Modal",
|
|
364
|
+
"summary": "focus-locked dialog",
|
|
365
|
+
"cluster": "Overlays"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"name": "MoneyInput",
|
|
369
|
+
"summary": "currency picker + formatted decimal-string amount",
|
|
370
|
+
"cluster": "Forms"
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"name": "OptionsPicker",
|
|
374
|
+
"summary": "filter picker (multi/single, grouped, searchable)",
|
|
375
|
+
"cluster": "Forms"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "OtpInput",
|
|
379
|
+
"summary": "one-time-code field",
|
|
380
|
+
"cluster": "Forms"
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"name": "Page",
|
|
384
|
+
"summary": "page-root layout primitive",
|
|
385
|
+
"cluster": "Layout"
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "PageHeader",
|
|
389
|
+
"summary": "top-of-page heading area",
|
|
390
|
+
"cluster": "Layout"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"name": "Pagination",
|
|
394
|
+
"summary": "numbered nav with windowing",
|
|
395
|
+
"cluster": "Display"
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"name": "Palette",
|
|
399
|
+
"summary": "categorical color set",
|
|
400
|
+
"cluster": null
|
|
401
|
+
},
|
|
402
|
+
{
|
|
403
|
+
"name": "PasswordInput",
|
|
404
|
+
"summary": "password field with eye toggle + optional warnings",
|
|
405
|
+
"cluster": "Forms"
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"name": "PasswordStrengthMeter",
|
|
409
|
+
"summary": "4-segment strength visualization",
|
|
410
|
+
"cluster": "Forms"
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"name": "PersonDisplay",
|
|
414
|
+
"summary": "Avatar + name (+ optional description lines)",
|
|
415
|
+
"cluster": "Display"
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"name": "PhoneInput",
|
|
419
|
+
"summary": "E.164 phone field with country picker",
|
|
420
|
+
"cluster": "Forms"
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"name": "PillMenu",
|
|
424
|
+
"summary": "coloured value menu (status, type, priority…)",
|
|
425
|
+
"cluster": "Forms"
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
"name": "Popover",
|
|
429
|
+
"summary": "non-modal floating panel for interactive content",
|
|
430
|
+
"cluster": "Overlays"
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"name": "Progress",
|
|
434
|
+
"summary": "linear progress bar",
|
|
435
|
+
"cluster": "Display"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"name": "QrCode",
|
|
439
|
+
"summary": "scannable QR code",
|
|
440
|
+
"cluster": "Display"
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"name": "Radio",
|
|
444
|
+
"summary": "single radio button",
|
|
445
|
+
"cluster": "Forms"
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
"name": "RadioGroup",
|
|
449
|
+
"summary": "fieldset wrapper for related radios",
|
|
450
|
+
"cluster": null
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"name": "Rail",
|
|
454
|
+
"summary": "collapsible left-side navigation",
|
|
455
|
+
"cluster": "Navigation"
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"name": "RelativeDateInput",
|
|
459
|
+
"summary": "editor for a relative date or date-range expression",
|
|
460
|
+
"cluster": "Forms"
|
|
461
|
+
},
|
|
462
|
+
{
|
|
463
|
+
"name": "RichText",
|
|
464
|
+
"summary": "read-only rich-text renderer",
|
|
465
|
+
"cluster": "Display"
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "RichTextEditor",
|
|
469
|
+
"summary": "controlled rich-text editor (contentEditable)",
|
|
470
|
+
"cluster": "Forms"
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"name": "Screen",
|
|
474
|
+
"summary": "full-bleed / centered screen layout",
|
|
475
|
+
"cluster": "Layout"
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"name": "ScrollArea",
|
|
479
|
+
"summary": "height-capped vertical scroll region",
|
|
480
|
+
"cluster": "Layout"
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"name": "Select",
|
|
484
|
+
"summary": "value picker (single, multi, searchable, async, creatable)",
|
|
485
|
+
"cluster": "Forms"
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"name": "SettingRow",
|
|
489
|
+
"summary": "one row of a settings screen",
|
|
490
|
+
"cluster": "Forms"
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"name": "Skeleton",
|
|
494
|
+
"summary": "loading placeholder",
|
|
495
|
+
"cluster": "Display"
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"name": "Slider",
|
|
499
|
+
"summary": "controlled slider (single + range, horizontal + vertical)",
|
|
500
|
+
"cluster": "Forms"
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "SlotGrid",
|
|
504
|
+
"summary": "grouped time-slot tiles",
|
|
505
|
+
"cluster": "Forms"
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
"name": "SocialButton",
|
|
509
|
+
"summary": "provider sign-in button",
|
|
510
|
+
"cluster": "Forms"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"name": "Sortable",
|
|
514
|
+
"summary": "drag-to-reorder list (single column)",
|
|
515
|
+
"cluster": "Forms"
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"name": "SortableGroup",
|
|
519
|
+
"summary": "multi-container sortable (drag between lists)",
|
|
520
|
+
"cluster": "Forms"
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"name": "Sparkline",
|
|
524
|
+
"summary": "compact trend graphic for KPI cards",
|
|
525
|
+
"cluster": "Display"
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"name": "Split",
|
|
529
|
+
"summary": "master–detail two-pane layout",
|
|
530
|
+
"cluster": "Layout"
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"name": "Stack",
|
|
534
|
+
"summary": "vertical layout",
|
|
535
|
+
"cluster": "Layout"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"name": "StagePath",
|
|
539
|
+
"summary": "chevron row of record stages",
|
|
540
|
+
"cluster": "Display"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"name": "StatGroup",
|
|
544
|
+
"summary": "responsive grid of KPI tiles",
|
|
545
|
+
"cluster": "Display"
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"name": "StatTile",
|
|
549
|
+
"summary": "one KPI tile inside a StatGroup",
|
|
550
|
+
"cluster": null
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"name": "Sticky",
|
|
554
|
+
"summary": "sticky-positioning primitive",
|
|
555
|
+
"cluster": "Layout"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "Switch",
|
|
559
|
+
"summary": "binary toggle",
|
|
560
|
+
"cluster": "Forms"
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "Table",
|
|
564
|
+
"summary": "tabular data primitive",
|
|
565
|
+
"cluster": "Display"
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"name": "TableOfContents",
|
|
569
|
+
"summary": "\"On this page\" navigation",
|
|
570
|
+
"cluster": "Navigation"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"name": "Tabs",
|
|
574
|
+
"summary": "tab strip (horizontal or vertical)",
|
|
575
|
+
"cluster": "Navigation"
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"name": "Text",
|
|
579
|
+
"summary": "body / inline text",
|
|
580
|
+
"cluster": "Display"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"name": "Textarea",
|
|
584
|
+
"summary": "multi-line text",
|
|
585
|
+
"cluster": "Forms"
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "Thread",
|
|
589
|
+
"summary": "nested-reply threading primitive",
|
|
590
|
+
"cluster": "Display"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"name": "TimeField",
|
|
594
|
+
"summary": "standalone time-of-day input",
|
|
595
|
+
"cluster": "Forms"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "Timeline",
|
|
599
|
+
"summary": "vertical activity-feed primitive",
|
|
600
|
+
"cluster": "Display"
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"name": "Title",
|
|
604
|
+
"summary": "semantic heading",
|
|
605
|
+
"cluster": "Display"
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"name": "ToastViewport",
|
|
609
|
+
"summary": "transient notifications",
|
|
610
|
+
"cluster": null
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "Tooltip",
|
|
614
|
+
"summary": "small floating label on hover / keyboard focus",
|
|
615
|
+
"cluster": "Overlays"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "TopBar",
|
|
619
|
+
"summary": "sticky application top bar",
|
|
620
|
+
"cluster": "Navigation"
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "Tour",
|
|
624
|
+
"summary": "guided tour / onboarding walkthrough",
|
|
625
|
+
"cluster": "Overlays"
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "TreeView",
|
|
629
|
+
"summary": "lazily loaded hierarchy, as a file list or an org chart",
|
|
630
|
+
"cluster": "Display"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "VisuallyHidden",
|
|
634
|
+
"summary": "content for assistive tech only",
|
|
635
|
+
"cluster": "Accessibility"
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "WidgetPreview",
|
|
639
|
+
"summary": "decorative miniature of a widget kind",
|
|
640
|
+
"cluster": "Display"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"name": "useBelowBreakpoint",
|
|
644
|
+
"summary": "viewport breakpoint hook",
|
|
645
|
+
"cluster": null
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"name": "useMonth",
|
|
649
|
+
"summary": "useMonth, useWeek, useDay, useAgenda",
|
|
650
|
+
"cluster": null
|
|
651
|
+
}
|
|
652
|
+
]
|