@streamoid/ui 0.6.16 → 0.6.18
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/README.md +35 -18
- package/dist/docs/AGENTS.md +321 -0
- package/dist/docs/CreditWarningBanner.md +305 -0
- package/dist/docs/InvoiceHistoryMobile.md +222 -0
- package/dist/docs/ScAccess.md +259 -0
- package/dist/docs/ScAppCard.md +244 -0
- package/dist/docs/ScAppCardForCopilot.md +230 -0
- package/dist/docs/ScAppCardV3.md +273 -0
- package/dist/docs/ScAppField.md +308 -0
- package/dist/docs/ScAppListingCard.md +271 -0
- package/dist/docs/ScAppSwitchPanel.md +286 -0
- package/dist/docs/ScAppcardLogos.md +226 -0
- package/dist/docs/ScArtifaxInvite.md +262 -0
- package/dist/docs/ScArtifaxSidebar.md +330 -0
- package/dist/docs/ScAskAgentButton.md +307 -0
- package/dist/docs/ScBadges.md +261 -0
- package/dist/docs/ScBeacon.md +244 -0
- package/dist/docs/ScBillingHistoryHeader.md +210 -0
- package/dist/docs/ScBillingHistoryTableList.md +243 -0
- package/dist/docs/ScBillingLogsTableHeader.md +212 -0
- package/dist/docs/ScBillingLogsTableList.md +251 -0
- package/dist/docs/ScBriefCard.md +255 -0
- package/dist/docs/ScButton.md +251 -0
- package/dist/docs/ScCalendar.md +268 -0
- package/dist/docs/ScCalendarDateComps.md +264 -0
- package/dist/docs/ScCatalogixInvite.md +345 -0
- package/dist/docs/ScCatalogixSidebar.md +337 -0
- package/dist/docs/ScCatalogixStoreHeader.md +246 -0
- package/dist/docs/ScCatalogixStoreTableList.md +316 -0
- package/dist/docs/ScCheckField.md +233 -0
- package/dist/docs/ScCheckbox.md +272 -0
- package/dist/docs/ScCounter.md +235 -0
- package/dist/docs/ScCreditsUsageCard.md +247 -0
- package/dist/docs/ScCreditsUsageCardMobile.md +224 -0
- package/dist/docs/ScDefaultCard.md +269 -0
- package/dist/docs/ScDp.md +245 -0
- package/dist/docs/ScDrawer.md +318 -0
- package/dist/docs/ScFieldButton.md +255 -0
- package/dist/docs/ScFileField.md +268 -0
- package/dist/docs/ScGoogleSignIn.md +250 -0
- package/dist/docs/ScGuide.md +278 -0
- package/dist/docs/ScHDivider.md +213 -0
- package/dist/docs/ScHeader.md +222 -0
- package/dist/docs/ScImageField.md +253 -0
- package/dist/docs/ScInChatList.md +277 -0
- package/dist/docs/ScInChatMessage.md +205 -0
- package/dist/docs/ScInfoPopup.md +248 -0
- package/dist/docs/ScIntialProfileCover.md +233 -0
- package/dist/docs/ScInvoiceHistoryMobile.md +187 -0
- package/dist/docs/ScLogoUnit.md +232 -0
- package/dist/docs/ScMappingCard.md +241 -0
- package/dist/docs/ScMediaApproval.md +301 -0
- package/dist/docs/ScMediaSelect.md +310 -0
- package/dist/docs/ScMenuOptions.md +308 -0
- package/dist/docs/ScMobileBottomAction.md +252 -0
- package/dist/docs/ScMobileTopNav.md +279 -0
- package/dist/docs/ScModal.md +291 -0
- package/dist/docs/ScOnlyField.md +302 -0
- package/dist/docs/ScOnlyIcon.md +213 -0
- package/dist/docs/ScPagination.md +284 -0
- package/dist/docs/ScPairtext.md +287 -0
- package/dist/docs/ScPendingAction.md +238 -0
- package/dist/docs/ScPhtogenixInvite.md +275 -0
- package/dist/docs/ScPlanCard.md +302 -0
- package/dist/docs/ScPlanComparison.md +264 -0
- package/dist/docs/ScPlanDetailsCard.md +246 -0
- package/dist/docs/ScPlanDetailsCardMobile.md +240 -0
- package/dist/docs/ScPopUpMenu.md +224 -0
- package/dist/docs/ScProfile.md +234 -0
- package/dist/docs/ScProfileImageUpdate.md +261 -0
- package/dist/docs/ScProfileOptions.md +245 -0
- package/dist/docs/ScProfilePopup.md +396 -0
- package/dist/docs/ScProfileSettingsComp.md +250 -0
- package/dist/docs/ScProfileV2Mobile.md +216 -0
- package/dist/docs/ScProgressBar.md +267 -0
- package/dist/docs/ScQuickPrompt.md +277 -0
- package/dist/docs/ScRadio.md +228 -0
- package/dist/docs/ScReferralCardMobile.md +226 -0
- package/dist/docs/ScReferralTableHeader.md +260 -0
- package/dist/docs/ScReferralTableList.md +293 -0
- package/dist/docs/ScRole.md +226 -0
- package/dist/docs/ScRoleMobile.md +199 -0
- package/dist/docs/ScSelect.md +270 -0
- package/dist/docs/ScSelection.md +256 -0
- package/dist/docs/ScSelectionList.md +272 -0
- package/dist/docs/ScSelectionPill.md +240 -0
- package/dist/docs/ScSelectionPillGroup.md +302 -0
- package/dist/docs/ScSettingsNav.md +212 -0
- package/dist/docs/ScSettingsTabComp.md +260 -0
- package/dist/docs/ScSideBarLogoUnit.md +340 -0
- package/dist/docs/ScSidebar.md +243 -0
- package/dist/docs/ScSidebarIcons.md +232 -0
- package/dist/docs/ScSidebarMenu.md +283 -0
- package/dist/docs/ScSidebarProfile.md +231 -0
- package/dist/docs/ScSidebarSwitchMenu.md +258 -0
- package/dist/docs/ScSlider.md +194 -0
- package/dist/docs/ScStoreCard.md +252 -0
- package/dist/docs/ScStrLogo.md +253 -0
- package/dist/docs/ScStreamoidWordmark.md +302 -0
- package/dist/docs/ScSubAgent.md +226 -0
- package/dist/docs/ScTabComp.md +308 -0
- package/dist/docs/ScTabField.md +258 -0
- package/dist/docs/ScTabSwitcher.md +307 -0
- package/dist/docs/ScTableHeader.md +261 -0
- package/dist/docs/ScTableList.md +301 -0
- package/dist/docs/ScTableListMobile.md +282 -0
- package/dist/docs/ScTabs.md +268 -0
- package/dist/docs/ScTaxonomyPill.md +263 -0
- package/dist/docs/ScTextArea.md +259 -0
- package/dist/docs/ScTextField.md +324 -0
- package/dist/docs/ScThinkingStepIcon.md +249 -0
- package/dist/docs/ScTodoList.md +288 -0
- package/dist/docs/ScToggleSwitch.md +229 -0
- package/dist/docs/ScUsageHistoryMobile.md +194 -0
- package/dist/docs/ScVDivider.md +215 -0
- package/dist/docs/ScValueMappingL1.md +256 -0
- package/dist/docs/ScVersion.md +251 -0
- package/dist/docs/ScWorkspace.md +233 -0
- package/dist/docs/ScWorkspaceCard.md +234 -0
- package/dist/docs/ScWorkspaceSettingsMobile.md +265 -0
- package/dist/docs/ScWorkspaceSwitchCard.md +314 -0
- package/dist/docs/ScWorkspaceSwitchMobile.md +241 -0
- package/dist/docs/ScWorkspaceSwitchMobileV2.md +278 -0
- package/dist/docs/StreamoidSidebar.md +403 -0
- package/dist/docs/StreamoidWorkspaceSwitcher.md +307 -0
- package/dist/docs/UsageHistoryMobile.md +235 -0
- package/dist/docs/components.json +4849 -0
- package/dist/index.css +43 -37
- package/dist/index.d.mts +10 -0
- package/dist/index.d.ts +10 -0
- package/package.json +3 -2
|
@@ -0,0 +1,4849 @@
|
|
|
1
|
+
{
|
|
2
|
+
"package": "@streamoid/ui",
|
|
3
|
+
"count": 124,
|
|
4
|
+
"components": {
|
|
5
|
+
"ScAccess": {
|
|
6
|
+
"doc": "ScAccess.md",
|
|
7
|
+
"source": "src/SC-Access",
|
|
8
|
+
"category": "profile",
|
|
9
|
+
"status": "stable",
|
|
10
|
+
"renders": "div",
|
|
11
|
+
"summary": "A read-only chip holding up to three small icons.",
|
|
12
|
+
"reachForWhen": "you need a compact, non-interactive icon group summarising entitlements in a dense table row.",
|
|
13
|
+
"tags": [
|
|
14
|
+
"access",
|
|
15
|
+
"permissions",
|
|
16
|
+
"apps",
|
|
17
|
+
"icon-chip",
|
|
18
|
+
"icon-group",
|
|
19
|
+
"entitlements",
|
|
20
|
+
"team-table",
|
|
21
|
+
"read-only"
|
|
22
|
+
],
|
|
23
|
+
"related": [
|
|
24
|
+
"ScTableList",
|
|
25
|
+
"ScRole",
|
|
26
|
+
"ScBadges",
|
|
27
|
+
"ScAppField"
|
|
28
|
+
],
|
|
29
|
+
"doNotConfuseWith": [
|
|
30
|
+
"ScAppField",
|
|
31
|
+
"ScRole",
|
|
32
|
+
"ScBadges",
|
|
33
|
+
"ScAppSwitchPanel",
|
|
34
|
+
"ScAppCard"
|
|
35
|
+
],
|
|
36
|
+
"requiredProps": [],
|
|
37
|
+
"usedBy": [],
|
|
38
|
+
"alsoExports": [],
|
|
39
|
+
"exported": true
|
|
40
|
+
},
|
|
41
|
+
"ScAppCardForCopilot": {
|
|
42
|
+
"doc": "ScAppCardForCopilot.md",
|
|
43
|
+
"source": "src/SC-AppCardForCopilot",
|
|
44
|
+
"category": "cards",
|
|
45
|
+
"status": "stable",
|
|
46
|
+
"renders": "button[type=\"button\"]",
|
|
47
|
+
"summary": "A small, deliberately dark, glassy product card for the copilot surface.",
|
|
48
|
+
"reachForWhen": "the copilot / agent panel needs a compact \"jump to this product\" affordance floating over content, identified by a **wordmark** rather than an icon and label.",
|
|
49
|
+
"tags": [
|
|
50
|
+
"card",
|
|
51
|
+
"copilot",
|
|
52
|
+
"agent",
|
|
53
|
+
"glassy",
|
|
54
|
+
"dark",
|
|
55
|
+
"wordmark",
|
|
56
|
+
"product",
|
|
57
|
+
"tagline",
|
|
58
|
+
"arrow",
|
|
59
|
+
"hover"
|
|
60
|
+
],
|
|
61
|
+
"related": [
|
|
62
|
+
"ScAppcardLogos",
|
|
63
|
+
"ScAppCardV3",
|
|
64
|
+
"ScAppListingCard",
|
|
65
|
+
"ScBriefCard",
|
|
66
|
+
"ScQuickPrompt"
|
|
67
|
+
],
|
|
68
|
+
"doNotConfuseWith": [
|
|
69
|
+
"ScAppCardV3",
|
|
70
|
+
"ScAppCard",
|
|
71
|
+
"ScAppListingCard",
|
|
72
|
+
"ScAppcardLogos"
|
|
73
|
+
],
|
|
74
|
+
"requiredProps": [
|
|
75
|
+
"product"
|
|
76
|
+
],
|
|
77
|
+
"usedBy": [],
|
|
78
|
+
"alsoExports": [],
|
|
79
|
+
"exported": true
|
|
80
|
+
},
|
|
81
|
+
"ScAppCardV3": {
|
|
82
|
+
"doc": "ScAppCardV3.md",
|
|
83
|
+
"source": "src/SC-AppCardV3",
|
|
84
|
+
"category": "cards",
|
|
85
|
+
"status": "stable",
|
|
86
|
+
"renders": "div",
|
|
87
|
+
"summary": "The app-switcher tile: name on the left, glass icon pill on the right, one description line under both.",
|
|
88
|
+
"reachForWhen": "you are building the cross-product app-switcher grid (or any dense grid of equal-height product tiles) and want the coral gradient-border + glow treatment.",
|
|
89
|
+
"tags": [
|
|
90
|
+
"card",
|
|
91
|
+
"tile",
|
|
92
|
+
"app",
|
|
93
|
+
"product",
|
|
94
|
+
"app-switcher",
|
|
95
|
+
"gradient-border",
|
|
96
|
+
"glow",
|
|
97
|
+
"active",
|
|
98
|
+
"v3"
|
|
99
|
+
],
|
|
100
|
+
"related": [
|
|
101
|
+
"ScBriefCard",
|
|
102
|
+
"ScAppListingCard",
|
|
103
|
+
"ScAppCard",
|
|
104
|
+
"ScAppSwitchPanel",
|
|
105
|
+
"ScAppCardForCopilot"
|
|
106
|
+
],
|
|
107
|
+
"doNotConfuseWith": [
|
|
108
|
+
"ScAppCard",
|
|
109
|
+
"ScAppListingCard",
|
|
110
|
+
"ScBriefCard",
|
|
111
|
+
"ScAppCardForCopilot"
|
|
112
|
+
],
|
|
113
|
+
"requiredProps": [],
|
|
114
|
+
"usedBy": [
|
|
115
|
+
"cxo"
|
|
116
|
+
],
|
|
117
|
+
"alsoExports": [],
|
|
118
|
+
"exported": true
|
|
119
|
+
},
|
|
120
|
+
"ScAppSwitchPanel": {
|
|
121
|
+
"doc": "ScAppSwitchPanel.md",
|
|
122
|
+
"source": "src/SC-AppSwitch",
|
|
123
|
+
"category": "sidebar",
|
|
124
|
+
"status": "stable",
|
|
125
|
+
"renders": "div",
|
|
126
|
+
"summary": "The cross-product \"switch app\" list — one identical implementation for all four apps.",
|
|
127
|
+
"reachForWhen": "you need the \"go to another Streamoid product\" list — in `StreamoidSidebar`'s `switchPanel`, or in your own portalled flyout.",
|
|
128
|
+
"tags": [
|
|
129
|
+
"app-switcher",
|
|
130
|
+
"switch-app",
|
|
131
|
+
"product-switcher",
|
|
132
|
+
"cross-product",
|
|
133
|
+
"tactix",
|
|
134
|
+
"artifax",
|
|
135
|
+
"photogenix",
|
|
136
|
+
"catalogix",
|
|
137
|
+
"streamoid",
|
|
138
|
+
"wordmark"
|
|
139
|
+
],
|
|
140
|
+
"related": [
|
|
141
|
+
"ScSideBarLogoUnit",
|
|
142
|
+
"StreamoidSidebar",
|
|
143
|
+
"ScSidebarSwitchMenu",
|
|
144
|
+
"ScWorkspaceSwitchCard"
|
|
145
|
+
],
|
|
146
|
+
"doNotConfuseWith": [
|
|
147
|
+
"ScSidebarSwitchMenu",
|
|
148
|
+
"StreamoidWorkspaceSwitcher",
|
|
149
|
+
"ScWorkspaceSwitchCard",
|
|
150
|
+
"ScAppListingCard",
|
|
151
|
+
"ScAppCard"
|
|
152
|
+
],
|
|
153
|
+
"requiredProps": [
|
|
154
|
+
"apps"
|
|
155
|
+
],
|
|
156
|
+
"usedBy": [
|
|
157
|
+
"cxo",
|
|
158
|
+
"photogenix",
|
|
159
|
+
"catalogix",
|
|
160
|
+
"artifax"
|
|
161
|
+
],
|
|
162
|
+
"alsoExports": [
|
|
163
|
+
"ScAppSwitchRow"
|
|
164
|
+
],
|
|
165
|
+
"exported": true
|
|
166
|
+
},
|
|
167
|
+
"ScAppcardLogos": {
|
|
168
|
+
"doc": "ScAppcardLogos.md",
|
|
169
|
+
"source": "src/SC-AppcardLogos",
|
|
170
|
+
"category": "brand",
|
|
171
|
+
"status": "stable",
|
|
172
|
+
"renders": "span[role=\"img\"]",
|
|
173
|
+
"summary": "One single-colour product wordmark, 14px tall.",
|
|
174
|
+
"reachForWhen": "you need a product's *name as artwork* — inside a card, chip or pill where a hover/theme colour change should recolour the mark for free.",
|
|
175
|
+
"tags": [
|
|
176
|
+
"wordmark",
|
|
177
|
+
"logo",
|
|
178
|
+
"brand",
|
|
179
|
+
"product",
|
|
180
|
+
"tactix",
|
|
181
|
+
"artifax",
|
|
182
|
+
"photogenix",
|
|
183
|
+
"catalogix",
|
|
184
|
+
"svg",
|
|
185
|
+
"currentColor"
|
|
186
|
+
],
|
|
187
|
+
"related": [
|
|
188
|
+
"ScAppCardForCopilot",
|
|
189
|
+
"ProductWordmark",
|
|
190
|
+
"ProductCollapsedMark",
|
|
191
|
+
"ScStreamoidWordmark",
|
|
192
|
+
"ScStrLogo"
|
|
193
|
+
],
|
|
194
|
+
"doNotConfuseWith": [
|
|
195
|
+
"ProductWordmark",
|
|
196
|
+
"ScStreamoidWordmark",
|
|
197
|
+
"ScStreamoidMascot",
|
|
198
|
+
"ScCxoCopilotLogo",
|
|
199
|
+
"ScAppCard"
|
|
200
|
+
],
|
|
201
|
+
"requiredProps": [
|
|
202
|
+
"product"
|
|
203
|
+
],
|
|
204
|
+
"usedBy": [
|
|
205
|
+
"agent"
|
|
206
|
+
],
|
|
207
|
+
"alsoExports": [],
|
|
208
|
+
"exported": true
|
|
209
|
+
},
|
|
210
|
+
"ScArtifaxSidebar": {
|
|
211
|
+
"doc": "ScArtifaxSidebar.md",
|
|
212
|
+
"source": "src/SC-Artifax-Sidebar",
|
|
213
|
+
"category": "sidebar",
|
|
214
|
+
"status": "stable",
|
|
215
|
+
"renders": "div",
|
|
216
|
+
"summary": "The Artifax app shell's sidebar — the one shell with collapsible, labelled nav sections.",
|
|
217
|
+
"reachForWhen": "you are working on the Artifax (or Tactix) shell, or you need a sidebar whose sections the user can collapse.",
|
|
218
|
+
"tags": [
|
|
219
|
+
"sidebar",
|
|
220
|
+
"artifax",
|
|
221
|
+
"nav",
|
|
222
|
+
"shell",
|
|
223
|
+
"rail",
|
|
224
|
+
"collapsible-sections",
|
|
225
|
+
"accordion",
|
|
226
|
+
"collapse"
|
|
227
|
+
],
|
|
228
|
+
"related": [
|
|
229
|
+
"StreamoidSidebar",
|
|
230
|
+
"ScSideBarLogoUnit",
|
|
231
|
+
"ScAppSwitchPanel",
|
|
232
|
+
"ScSidebarMenu",
|
|
233
|
+
"ScAskAgentButton",
|
|
234
|
+
"CreditWarningBanner"
|
|
235
|
+
],
|
|
236
|
+
"doNotConfuseWith": [
|
|
237
|
+
"StreamoidSidebar",
|
|
238
|
+
"ScCatalogixSidebar",
|
|
239
|
+
"ScArtifaxInvite",
|
|
240
|
+
"ScSidebar"
|
|
241
|
+
],
|
|
242
|
+
"requiredProps": [
|
|
243
|
+
"expanded",
|
|
244
|
+
"onToggle",
|
|
245
|
+
"sections"
|
|
246
|
+
],
|
|
247
|
+
"usedBy": [
|
|
248
|
+
"artifax"
|
|
249
|
+
],
|
|
250
|
+
"alsoExports": [],
|
|
251
|
+
"exported": true
|
|
252
|
+
},
|
|
253
|
+
"ScAskAgentButton": {
|
|
254
|
+
"doc": "ScAskAgentButton.md",
|
|
255
|
+
"source": "src/SC-AskAgentButton",
|
|
256
|
+
"category": "sidebar",
|
|
257
|
+
"status": "stable",
|
|
258
|
+
"renders": "button[type=\"button\"]",
|
|
259
|
+
"summary": "The gradient \"Ask CXO\" call-to-action that sits just above a sidebar's profile row.",
|
|
260
|
+
"reachForWhen": "you need the assistant-panel CTA **outside** a DS sidebar. Inside one, use the sidebar's `assistantCta` prop instead.",
|
|
261
|
+
"tags": [
|
|
262
|
+
"ask-cxo",
|
|
263
|
+
"assistant",
|
|
264
|
+
"agent",
|
|
265
|
+
"cta",
|
|
266
|
+
"gradient",
|
|
267
|
+
"copilot",
|
|
268
|
+
"sidebar-footer",
|
|
269
|
+
"pill"
|
|
270
|
+
],
|
|
271
|
+
"related": [
|
|
272
|
+
"StreamoidSidebar",
|
|
273
|
+
"ScArtifaxSidebar",
|
|
274
|
+
"ScButton",
|
|
275
|
+
"ScQuickPrompt"
|
|
276
|
+
],
|
|
277
|
+
"doNotConfuseWith": [
|
|
278
|
+
"ScButton",
|
|
279
|
+
"ScCxoCopilotLogo",
|
|
280
|
+
"ScQuickPrompt",
|
|
281
|
+
"ScSidebarMenu"
|
|
282
|
+
],
|
|
283
|
+
"requiredProps": [
|
|
284
|
+
"cta"
|
|
285
|
+
],
|
|
286
|
+
"usedBy": [
|
|
287
|
+
"catalogix",
|
|
288
|
+
"artifax"
|
|
289
|
+
],
|
|
290
|
+
"alsoExports": [
|
|
291
|
+
"ScAskAgentSlot",
|
|
292
|
+
"AssistantCta"
|
|
293
|
+
],
|
|
294
|
+
"exported": true
|
|
295
|
+
},
|
|
296
|
+
"ScBadges": {
|
|
297
|
+
"doc": "ScBadges.md",
|
|
298
|
+
"source": "src/SC-Badges",
|
|
299
|
+
"category": "overlays",
|
|
300
|
+
"status": "stable",
|
|
301
|
+
"renders": "div",
|
|
302
|
+
"summary": "The status chip.",
|
|
303
|
+
"reachForWhen": "you need to state a status, a count or a tag next to something — \"Revoked\", \"Active\", \"1,240 credits\", \"Needs attention\".",
|
|
304
|
+
"tags": [
|
|
305
|
+
"badge",
|
|
306
|
+
"chip",
|
|
307
|
+
"status",
|
|
308
|
+
"tag",
|
|
309
|
+
"label",
|
|
310
|
+
"pill",
|
|
311
|
+
"count",
|
|
312
|
+
"success",
|
|
313
|
+
"warning",
|
|
314
|
+
"error",
|
|
315
|
+
"info"
|
|
316
|
+
],
|
|
317
|
+
"related": [
|
|
318
|
+
"ScBeacon",
|
|
319
|
+
"ScRole",
|
|
320
|
+
"ScSelectionPill",
|
|
321
|
+
"ScTaxonomyPill",
|
|
322
|
+
"ScProgressBar"
|
|
323
|
+
],
|
|
324
|
+
"doNotConfuseWith": [
|
|
325
|
+
"ScBeacon",
|
|
326
|
+
"ScSelectionPill",
|
|
327
|
+
"ScTaxonomyPill",
|
|
328
|
+
"ScRole",
|
|
329
|
+
"ScButton"
|
|
330
|
+
],
|
|
331
|
+
"requiredProps": [],
|
|
332
|
+
"usedBy": [
|
|
333
|
+
"cxo",
|
|
334
|
+
"photogenix",
|
|
335
|
+
"artifax"
|
|
336
|
+
],
|
|
337
|
+
"alsoExports": [],
|
|
338
|
+
"exported": true
|
|
339
|
+
},
|
|
340
|
+
"ScBeacon": {
|
|
341
|
+
"doc": "ScBeacon.md",
|
|
342
|
+
"source": "src/SC-Beacon",
|
|
343
|
+
"category": "overlays",
|
|
344
|
+
"status": "stable",
|
|
345
|
+
"renders": "span[aria-hidden=\"true\"] wrapping an inline 20×20 SVG",
|
|
346
|
+
"summary": "A two-ring status dot.",
|
|
347
|
+
"reachForWhen": "a row or card needs a colour-coded state marker that sits beside a text label (\"● Live\", \"● Needs attention\").",
|
|
348
|
+
"tags": [
|
|
349
|
+
"beacon",
|
|
350
|
+
"dot",
|
|
351
|
+
"status-dot",
|
|
352
|
+
"indicator",
|
|
353
|
+
"halo",
|
|
354
|
+
"tone",
|
|
355
|
+
"success",
|
|
356
|
+
"warning",
|
|
357
|
+
"error",
|
|
358
|
+
"neutral"
|
|
359
|
+
],
|
|
360
|
+
"related": [
|
|
361
|
+
"ScBadges",
|
|
362
|
+
"ScStoreCard",
|
|
363
|
+
"ScCatalogixStoreTableList",
|
|
364
|
+
"ScRole"
|
|
365
|
+
],
|
|
366
|
+
"doNotConfuseWith": [
|
|
367
|
+
"ScBadges",
|
|
368
|
+
"ScProgressBar"
|
|
369
|
+
],
|
|
370
|
+
"requiredProps": [],
|
|
371
|
+
"usedBy": [],
|
|
372
|
+
"alsoExports": [],
|
|
373
|
+
"exported": true
|
|
374
|
+
},
|
|
375
|
+
"ScBillingLogsTableHeader": {
|
|
376
|
+
"doc": "ScBillingLogsTableHeader.md",
|
|
377
|
+
"source": "src/SC-Billing logs table header",
|
|
378
|
+
"category": "billing",
|
|
379
|
+
"status": "legacy",
|
|
380
|
+
"renders": "div",
|
|
381
|
+
"summary": "The fixed 6-column header strip for the credit/usage-logs table:",
|
|
382
|
+
"reachForWhen": "you genuinely want the original six columns *including* a per-row running `Balance`, and you are pairing it with `ScBillingLogsTableList`.",
|
|
383
|
+
"tags": [
|
|
384
|
+
"credit-logs",
|
|
385
|
+
"usage-logs",
|
|
386
|
+
"table-header",
|
|
387
|
+
"column-headers",
|
|
388
|
+
"billing",
|
|
389
|
+
"credits",
|
|
390
|
+
"balance"
|
|
391
|
+
],
|
|
392
|
+
"related": [
|
|
393
|
+
"ScBillingLogsTableList",
|
|
394
|
+
"ScHeader",
|
|
395
|
+
"ScBillingHistoryHeader"
|
|
396
|
+
],
|
|
397
|
+
"doNotConfuseWith": [
|
|
398
|
+
"ScBillingHistoryHeader",
|
|
399
|
+
"ScHeader",
|
|
400
|
+
"ScTableHeader"
|
|
401
|
+
],
|
|
402
|
+
"requiredProps": [],
|
|
403
|
+
"usedBy": [],
|
|
404
|
+
"alsoExports": [],
|
|
405
|
+
"exported": true
|
|
406
|
+
},
|
|
407
|
+
"ScBillingLogsTableList": {
|
|
408
|
+
"doc": "ScBillingLogsTableList.md",
|
|
409
|
+
"source": "src/SC-Billing logs table list",
|
|
410
|
+
"category": "billing",
|
|
411
|
+
"status": "legacy",
|
|
412
|
+
"renders": "div",
|
|
413
|
+
"summary": "One credit-consumption row in the usage-logs table.",
|
|
414
|
+
"reachForWhen": "you have logs with a genuine per-row running balance and every row is a deduction.",
|
|
415
|
+
"tags": [
|
|
416
|
+
"credit-logs",
|
|
417
|
+
"usage-logs",
|
|
418
|
+
"table-row",
|
|
419
|
+
"credits-used",
|
|
420
|
+
"balance",
|
|
421
|
+
"billing",
|
|
422
|
+
"audit"
|
|
423
|
+
],
|
|
424
|
+
"related": [
|
|
425
|
+
"ScBillingLogsTableHeader",
|
|
426
|
+
"ScBillingHistoryTableList",
|
|
427
|
+
"ScHeader",
|
|
428
|
+
"ScTableList"
|
|
429
|
+
],
|
|
430
|
+
"doNotConfuseWith": [
|
|
431
|
+
"ScBillingHistoryTableList",
|
|
432
|
+
"ScTableList",
|
|
433
|
+
"ScBillingLogsTableHeader"
|
|
434
|
+
],
|
|
435
|
+
"requiredProps": [],
|
|
436
|
+
"usedBy": [],
|
|
437
|
+
"alsoExports": [],
|
|
438
|
+
"exported": true
|
|
439
|
+
},
|
|
440
|
+
"ScBillingHistoryTableList": {
|
|
441
|
+
"doc": "ScBillingHistoryTableList.md",
|
|
442
|
+
"source": "src/SC-BillingHistoryTableList",
|
|
443
|
+
"category": "billing",
|
|
444
|
+
"status": "stable",
|
|
445
|
+
"renders": "div",
|
|
446
|
+
"summary": "One invoice row in the billing-history table.",
|
|
447
|
+
"reachForWhen": "you are listing invoices under a `ScBillingHistoryHeader`.",
|
|
448
|
+
"tags": [
|
|
449
|
+
"invoice",
|
|
450
|
+
"invoice-row",
|
|
451
|
+
"billing-history",
|
|
452
|
+
"table-row",
|
|
453
|
+
"download-invoice",
|
|
454
|
+
"receipt",
|
|
455
|
+
"billing"
|
|
456
|
+
],
|
|
457
|
+
"related": [
|
|
458
|
+
"ScBillingHistoryHeader",
|
|
459
|
+
"InvoiceHistoryMobile",
|
|
460
|
+
"ScPairtext",
|
|
461
|
+
"ScBillingLogsTableList",
|
|
462
|
+
"ScTableList"
|
|
463
|
+
],
|
|
464
|
+
"doNotConfuseWith": [
|
|
465
|
+
"ScBillingLogsTableList",
|
|
466
|
+
"ScTableList",
|
|
467
|
+
"InvoiceHistoryMobile"
|
|
468
|
+
],
|
|
469
|
+
"requiredProps": [],
|
|
470
|
+
"usedBy": [
|
|
471
|
+
"cxo"
|
|
472
|
+
],
|
|
473
|
+
"alsoExports": [],
|
|
474
|
+
"exported": true
|
|
475
|
+
},
|
|
476
|
+
"ScStreamoidWordmark": {
|
|
477
|
+
"doc": "ScStreamoidWordmark.md",
|
|
478
|
+
"source": "src/SC-Brand",
|
|
479
|
+
"category": "brand",
|
|
480
|
+
"status": "stable",
|
|
481
|
+
"renders": "span[aria-hidden] (wordmark) · svg[role=\"img\"] (mascot, CXO logo)",
|
|
482
|
+
"summary": "The company's own brand marks, so no host app ships a brand SVG.",
|
|
483
|
+
"reachForWhen": "you need the *Streamoid* wordmark or mascot, or the *CXO Copilot* logo, as a bare mark you position yourself — typically as the `wordmark` node you hand to `ScSideBarLogoUnit`.",
|
|
484
|
+
"tags": [
|
|
485
|
+
"brand",
|
|
486
|
+
"logo",
|
|
487
|
+
"wordmark",
|
|
488
|
+
"mascot",
|
|
489
|
+
"streamoid",
|
|
490
|
+
"cxo",
|
|
491
|
+
"copilot",
|
|
492
|
+
"mask",
|
|
493
|
+
"svg",
|
|
494
|
+
"gradient",
|
|
495
|
+
"sidebar-header"
|
|
496
|
+
],
|
|
497
|
+
"related": [
|
|
498
|
+
"ScSideBarLogoUnit",
|
|
499
|
+
"StreamoidSidebar",
|
|
500
|
+
"ScAppcardLogos",
|
|
501
|
+
"ScAppSwitchPanel",
|
|
502
|
+
"ScStrLogo"
|
|
503
|
+
],
|
|
504
|
+
"doNotConfuseWith": [
|
|
505
|
+
"ScStrLogo",
|
|
506
|
+
"ScLogoUnit",
|
|
507
|
+
"ScAppcardLogos",
|
|
508
|
+
"ProductWordmark",
|
|
509
|
+
"ScSideBarLogoUnit",
|
|
510
|
+
"ScCxoCopilotLogo"
|
|
511
|
+
],
|
|
512
|
+
"requiredProps": [],
|
|
513
|
+
"usedBy": [
|
|
514
|
+
"cxo"
|
|
515
|
+
],
|
|
516
|
+
"alsoExports": [
|
|
517
|
+
"ScStreamoidMascot",
|
|
518
|
+
"ScCxoCopilotLogo"
|
|
519
|
+
],
|
|
520
|
+
"exported": true
|
|
521
|
+
},
|
|
522
|
+
"ScBriefCard": {
|
|
523
|
+
"doc": "ScBriefCard.md",
|
|
524
|
+
"source": "src/SC-BriefCard",
|
|
525
|
+
"category": "chat-agent",
|
|
526
|
+
"status": "stable",
|
|
527
|
+
"renders": "div",
|
|
528
|
+
"summary": "A single suggested-prompt card in the agent's empty chat state.",
|
|
529
|
+
"reachForWhen": "you are building the agent's suggested-prompt / \"brief\" grid and each card is a single sentence the user can click to send.",
|
|
530
|
+
"tags": [
|
|
531
|
+
"card",
|
|
532
|
+
"brief",
|
|
533
|
+
"quick-prompt",
|
|
534
|
+
"suggestion",
|
|
535
|
+
"agent",
|
|
536
|
+
"copilot",
|
|
537
|
+
"chat",
|
|
538
|
+
"gradient-border",
|
|
539
|
+
"glow",
|
|
540
|
+
"active"
|
|
541
|
+
],
|
|
542
|
+
"related": [
|
|
543
|
+
"ScAppCardV3",
|
|
544
|
+
"ScQuickPrompt",
|
|
545
|
+
"ScInChatMessage",
|
|
546
|
+
"ScSelection",
|
|
547
|
+
"ScAppCardForCopilot"
|
|
548
|
+
],
|
|
549
|
+
"doNotConfuseWith": [
|
|
550
|
+
"ScQuickPrompt",
|
|
551
|
+
"ScAppCardV3",
|
|
552
|
+
"ScDefaultCard",
|
|
553
|
+
"ScAppCardForCopilot"
|
|
554
|
+
],
|
|
555
|
+
"requiredProps": [],
|
|
556
|
+
"usedBy": [
|
|
557
|
+
"agent"
|
|
558
|
+
],
|
|
559
|
+
"alsoExports": [],
|
|
560
|
+
"exported": true
|
|
561
|
+
},
|
|
562
|
+
"ScButton": {
|
|
563
|
+
"doc": "ScButton.md",
|
|
564
|
+
"source": "src/SC-Button",
|
|
565
|
+
"category": "actions",
|
|
566
|
+
"status": "stable",
|
|
567
|
+
"renders": "div[role=\"button\"]",
|
|
568
|
+
"summary": "The one button primitive.",
|
|
569
|
+
"reachForWhen": "you need any clickable action with a label, an icon, or both.",
|
|
570
|
+
"tags": [
|
|
571
|
+
"button",
|
|
572
|
+
"cta",
|
|
573
|
+
"submit",
|
|
574
|
+
"action",
|
|
575
|
+
"click",
|
|
576
|
+
"icon-button",
|
|
577
|
+
"primary",
|
|
578
|
+
"danger"
|
|
579
|
+
],
|
|
580
|
+
"related": [
|
|
581
|
+
"ScFieldButton",
|
|
582
|
+
"ScOnlyIcon",
|
|
583
|
+
"ScMobileBottomAction",
|
|
584
|
+
"ScAskAgentButton"
|
|
585
|
+
],
|
|
586
|
+
"doNotConfuseWith": [
|
|
587
|
+
"ScFieldButton",
|
|
588
|
+
"ScOnlyIcon",
|
|
589
|
+
"ScPopUpMenu"
|
|
590
|
+
],
|
|
591
|
+
"requiredProps": [],
|
|
592
|
+
"usedBy": [
|
|
593
|
+
"cxo",
|
|
594
|
+
"photogenix",
|
|
595
|
+
"catalogix",
|
|
596
|
+
"artifax"
|
|
597
|
+
],
|
|
598
|
+
"alsoExports": [],
|
|
599
|
+
"exported": true
|
|
600
|
+
},
|
|
601
|
+
"ScCalendar": {
|
|
602
|
+
"doc": "ScCalendar.md",
|
|
603
|
+
"source": "src/SC-Calendar",
|
|
604
|
+
"category": "forms",
|
|
605
|
+
"status": "legacy",
|
|
606
|
+
"renders": "div",
|
|
607
|
+
"summary": "A single-month day grid — and an unfinished one.",
|
|
608
|
+
"reachForWhen": "you're fixing or finishing this component. Otherwise, don't.",
|
|
609
|
+
"tags": [
|
|
610
|
+
"calendar",
|
|
611
|
+
"date",
|
|
612
|
+
"datepicker",
|
|
613
|
+
"month",
|
|
614
|
+
"day",
|
|
615
|
+
"range",
|
|
616
|
+
"date-range"
|
|
617
|
+
],
|
|
618
|
+
"related": [
|
|
619
|
+
"ScCalendarDateComps",
|
|
620
|
+
"ScHDivider",
|
|
621
|
+
"ScModal"
|
|
622
|
+
],
|
|
623
|
+
"doNotConfuseWith": [
|
|
624
|
+
"ScCalendarDateComps",
|
|
625
|
+
"ScCounter",
|
|
626
|
+
"ScPagination"
|
|
627
|
+
],
|
|
628
|
+
"requiredProps": [],
|
|
629
|
+
"usedBy": [],
|
|
630
|
+
"alsoExports": [],
|
|
631
|
+
"exported": true
|
|
632
|
+
},
|
|
633
|
+
"ScCalendarDateComps": {
|
|
634
|
+
"doc": "ScCalendarDateComps.md",
|
|
635
|
+
"source": "src/SC-Calendar date comps",
|
|
636
|
+
"category": "forms",
|
|
637
|
+
"status": "stable",
|
|
638
|
+
"renders": "div",
|
|
639
|
+
"summary": "One day cell in a calendar grid.",
|
|
640
|
+
"reachForWhen": "you are building your own calendar grid and want the DS's day-cell skins — including the half-rounded range ends.",
|
|
641
|
+
"tags": [
|
|
642
|
+
"calendar",
|
|
643
|
+
"date",
|
|
644
|
+
"day",
|
|
645
|
+
"cell",
|
|
646
|
+
"date-cell",
|
|
647
|
+
"range",
|
|
648
|
+
"today"
|
|
649
|
+
],
|
|
650
|
+
"related": [
|
|
651
|
+
"ScCalendar",
|
|
652
|
+
"ScTaxonomyPill",
|
|
653
|
+
"ScBadges"
|
|
654
|
+
],
|
|
655
|
+
"doNotConfuseWith": [
|
|
656
|
+
"ScCalendar",
|
|
657
|
+
"ScBadges",
|
|
658
|
+
"ScCounter"
|
|
659
|
+
],
|
|
660
|
+
"requiredProps": [],
|
|
661
|
+
"usedBy": [],
|
|
662
|
+
"alsoExports": [],
|
|
663
|
+
"exported": true
|
|
664
|
+
},
|
|
665
|
+
"ScCatalogixSidebar": {
|
|
666
|
+
"doc": "ScCatalogixSidebar.md",
|
|
667
|
+
"source": "src/SC-Catalogix-Sidebar",
|
|
668
|
+
"category": "sidebar",
|
|
669
|
+
"status": "legacy",
|
|
670
|
+
"renders": "div",
|
|
671
|
+
"summary": "A Catalogix-flavoured preset of `StreamoidSidebar`.",
|
|
672
|
+
"reachForWhen": "essentially never in new code. It is useful mainly as a worked example of how to preset `StreamoidSidebar`.",
|
|
673
|
+
"tags": [
|
|
674
|
+
"sidebar",
|
|
675
|
+
"catalogix",
|
|
676
|
+
"nav",
|
|
677
|
+
"shell",
|
|
678
|
+
"rail",
|
|
679
|
+
"wrapper",
|
|
680
|
+
"stores",
|
|
681
|
+
"ai-training",
|
|
682
|
+
"insights"
|
|
683
|
+
],
|
|
684
|
+
"related": [
|
|
685
|
+
"StreamoidSidebar",
|
|
686
|
+
"ScSideBarLogoUnit",
|
|
687
|
+
"ScSidebarSwitchMenu",
|
|
688
|
+
"ScAppSwitchPanel",
|
|
689
|
+
"CreditWarningBanner"
|
|
690
|
+
],
|
|
691
|
+
"doNotConfuseWith": [
|
|
692
|
+
"StreamoidSidebar",
|
|
693
|
+
"ScArtifaxSidebar",
|
|
694
|
+
"ScCatalogixInvite",
|
|
695
|
+
"ScCatalogixStoreHeader"
|
|
696
|
+
],
|
|
697
|
+
"requiredProps": [
|
|
698
|
+
"expanded",
|
|
699
|
+
"onToggle"
|
|
700
|
+
],
|
|
701
|
+
"usedBy": [],
|
|
702
|
+
"alsoExports": [],
|
|
703
|
+
"exported": true
|
|
704
|
+
},
|
|
705
|
+
"ScCatalogixStoreHeader": {
|
|
706
|
+
"doc": "ScCatalogixStoreHeader.md",
|
|
707
|
+
"source": "src/SC-Catalogix-Store-Header",
|
|
708
|
+
"category": "tables",
|
|
709
|
+
"status": "stable",
|
|
710
|
+
"renders": "div",
|
|
711
|
+
"summary": "The column-header strip of the Catalogix stores table.",
|
|
712
|
+
"reachForWhen": "you are rendering the Catalogix stores list view and need the header above `ScCatalogixStoreTableList` rows.",
|
|
713
|
+
"tags": [
|
|
714
|
+
"table",
|
|
715
|
+
"header",
|
|
716
|
+
"column-headers",
|
|
717
|
+
"stores",
|
|
718
|
+
"store-listing",
|
|
719
|
+
"catalogix",
|
|
720
|
+
"list-view"
|
|
721
|
+
],
|
|
722
|
+
"related": [
|
|
723
|
+
"ScCatalogixStoreTableList",
|
|
724
|
+
"ScStoreCard",
|
|
725
|
+
"ScTableHeader",
|
|
726
|
+
"ScHeader",
|
|
727
|
+
"ScBeacon"
|
|
728
|
+
],
|
|
729
|
+
"doNotConfuseWith": [
|
|
730
|
+
"ScTableHeader",
|
|
731
|
+
"ScHeader",
|
|
732
|
+
"ScBillingHistoryHeader",
|
|
733
|
+
"ScBillingLogsTableHeader",
|
|
734
|
+
"ScReferralTableHeader",
|
|
735
|
+
"ScMobileTopNav"
|
|
736
|
+
],
|
|
737
|
+
"requiredProps": [],
|
|
738
|
+
"usedBy": [
|
|
739
|
+
"catalogix"
|
|
740
|
+
],
|
|
741
|
+
"alsoExports": [],
|
|
742
|
+
"exported": true
|
|
743
|
+
},
|
|
744
|
+
"ScCatalogixStoreTableList": {
|
|
745
|
+
"doc": "ScCatalogixStoreTableList.md",
|
|
746
|
+
"source": "src/SC-CatalogixStoreTableList",
|
|
747
|
+
"category": "tables",
|
|
748
|
+
"status": "stable",
|
|
749
|
+
"renders": "div",
|
|
750
|
+
"summary": "One store row in the Catalogix stores table.",
|
|
751
|
+
"reachForWhen": "you're rendering the Catalogix stores list view, one row per store, under a `ScCatalogixStoreHeader`.",
|
|
752
|
+
"tags": [
|
|
753
|
+
"table",
|
|
754
|
+
"row",
|
|
755
|
+
"table-row",
|
|
756
|
+
"stores",
|
|
757
|
+
"store-listing",
|
|
758
|
+
"catalogix",
|
|
759
|
+
"list-view",
|
|
760
|
+
"status",
|
|
761
|
+
"tone"
|
|
762
|
+
],
|
|
763
|
+
"related": [
|
|
764
|
+
"ScCatalogixStoreHeader",
|
|
765
|
+
"ScStoreCard",
|
|
766
|
+
"ScBeacon",
|
|
767
|
+
"ScTableList",
|
|
768
|
+
"ScBillingHistoryTableList"
|
|
769
|
+
],
|
|
770
|
+
"doNotConfuseWith": [
|
|
771
|
+
"ScTableList",
|
|
772
|
+
"ScTableListMobile",
|
|
773
|
+
"ScStoreCard",
|
|
774
|
+
"ScBillingHistoryTableList",
|
|
775
|
+
"ScBillingLogsTableList",
|
|
776
|
+
"ScReferralTableList"
|
|
777
|
+
],
|
|
778
|
+
"requiredProps": [],
|
|
779
|
+
"usedBy": [
|
|
780
|
+
"catalogix"
|
|
781
|
+
],
|
|
782
|
+
"alsoExports": [],
|
|
783
|
+
"exported": true
|
|
784
|
+
},
|
|
785
|
+
"ScCounter": {
|
|
786
|
+
"doc": "ScCounter.md",
|
|
787
|
+
"source": "src/SC-Counter",
|
|
788
|
+
"category": "forms",
|
|
789
|
+
"status": "stable",
|
|
790
|
+
"renders": "div",
|
|
791
|
+
"summary": "A −/value/+ numeric stepper with a click-to-edit inline input.",
|
|
792
|
+
"reachForWhen": "the user nudges a small bounded integer — page size, image count, retry limit, a PLP range bound.",
|
|
793
|
+
"tags": [
|
|
794
|
+
"counter",
|
|
795
|
+
"stepper",
|
|
796
|
+
"number",
|
|
797
|
+
"quantity",
|
|
798
|
+
"increment",
|
|
799
|
+
"decrement",
|
|
800
|
+
"plus-minus",
|
|
801
|
+
"clamp",
|
|
802
|
+
"min",
|
|
803
|
+
"max"
|
|
804
|
+
],
|
|
805
|
+
"related": [
|
|
806
|
+
"ScTextField",
|
|
807
|
+
"ScOnlyField",
|
|
808
|
+
"ScSlider",
|
|
809
|
+
"ScFieldButton"
|
|
810
|
+
],
|
|
811
|
+
"doNotConfuseWith": [
|
|
812
|
+
"ScSlider",
|
|
813
|
+
"ScTextField",
|
|
814
|
+
"ScBadges",
|
|
815
|
+
"ScProgressBar"
|
|
816
|
+
],
|
|
817
|
+
"requiredProps": [
|
|
818
|
+
"count",
|
|
819
|
+
"onChange"
|
|
820
|
+
],
|
|
821
|
+
"usedBy": [
|
|
822
|
+
"catalogix"
|
|
823
|
+
],
|
|
824
|
+
"alsoExports": [],
|
|
825
|
+
"exported": true
|
|
826
|
+
},
|
|
827
|
+
"CreditWarningBanner": {
|
|
828
|
+
"doc": "CreditWarningBanner.md",
|
|
829
|
+
"source": "src/SC-CreditWarningBanner",
|
|
830
|
+
"category": "sidebar",
|
|
831
|
+
"status": "stable",
|
|
832
|
+
"renders": "div | button (collapsed)",
|
|
833
|
+
"summary": "The low-credits alert that sits in a sidebar's pre-footer slot.",
|
|
834
|
+
"reachForWhen": "you need the \"you're nearly out of credits\" nudge in a sidebar rail, in either expanded or collapsed form.",
|
|
835
|
+
"tags": [
|
|
836
|
+
"credits",
|
|
837
|
+
"low-credits",
|
|
838
|
+
"warning",
|
|
839
|
+
"banner",
|
|
840
|
+
"danger",
|
|
841
|
+
"buy-credits",
|
|
842
|
+
"sidebar-footer",
|
|
843
|
+
"dismiss"
|
|
844
|
+
],
|
|
845
|
+
"related": [
|
|
846
|
+
"StreamoidSidebar",
|
|
847
|
+
"ScArtifaxSidebar",
|
|
848
|
+
"ScCreditsUsageCard",
|
|
849
|
+
"ScPlanCard",
|
|
850
|
+
"ScBadges"
|
|
851
|
+
],
|
|
852
|
+
"doNotConfuseWith": [
|
|
853
|
+
"ScCreditsUsageCard",
|
|
854
|
+
"ScGuide",
|
|
855
|
+
"ScBadges",
|
|
856
|
+
"ScInfoPopup"
|
|
857
|
+
],
|
|
858
|
+
"requiredProps": [
|
|
859
|
+
"availableCredits",
|
|
860
|
+
"remainingPct",
|
|
861
|
+
"level",
|
|
862
|
+
"onBuyCredits"
|
|
863
|
+
],
|
|
864
|
+
"usedBy": [
|
|
865
|
+
"cxo",
|
|
866
|
+
"photogenix",
|
|
867
|
+
"artifax"
|
|
868
|
+
],
|
|
869
|
+
"alsoExports": [],
|
|
870
|
+
"exported": true
|
|
871
|
+
},
|
|
872
|
+
"ScCreditsUsageCard": {
|
|
873
|
+
"doc": "ScCreditsUsageCard.md",
|
|
874
|
+
"source": "src/SC-Credits usage card",
|
|
875
|
+
"category": "billing",
|
|
876
|
+
"status": "stable",
|
|
877
|
+
"renders": "div",
|
|
878
|
+
"summary": "The credits meter on the Billing overview.",
|
|
879
|
+
"reachForWhen": "you need the credits-consumed meter, normally to the right of `ScPlanDetailsCard`.",
|
|
880
|
+
"tags": [
|
|
881
|
+
"credits",
|
|
882
|
+
"usage",
|
|
883
|
+
"meter",
|
|
884
|
+
"progress",
|
|
885
|
+
"quota",
|
|
886
|
+
"buy-credits",
|
|
887
|
+
"billing",
|
|
888
|
+
"remaining"
|
|
889
|
+
],
|
|
890
|
+
"related": [
|
|
891
|
+
"ScCreditsUsageCardMobile",
|
|
892
|
+
"ScPlanDetailsCard",
|
|
893
|
+
"ScProgressBar",
|
|
894
|
+
"CreditWarningBanner",
|
|
895
|
+
"ScPairtext"
|
|
896
|
+
],
|
|
897
|
+
"doNotConfuseWith": [
|
|
898
|
+
"ScCreditsUsageCardMobile",
|
|
899
|
+
"ScPlanDetailsCard",
|
|
900
|
+
"ScProgressBar",
|
|
901
|
+
"CreditWarningBanner"
|
|
902
|
+
],
|
|
903
|
+
"requiredProps": [],
|
|
904
|
+
"usedBy": [
|
|
905
|
+
"cxo"
|
|
906
|
+
],
|
|
907
|
+
"alsoExports": [],
|
|
908
|
+
"exported": true
|
|
909
|
+
},
|
|
910
|
+
"ScCreditsUsageCardMobile": {
|
|
911
|
+
"doc": "ScCreditsUsageCardMobile.md",
|
|
912
|
+
"source": "src/SC-Credits usage card-Mobile",
|
|
913
|
+
"category": "mobile",
|
|
914
|
+
"status": "stable",
|
|
915
|
+
"renders": "div",
|
|
916
|
+
"summary": "The credits-remaining block on CXO's mobile billing screen.",
|
|
917
|
+
"reachForWhen": "you are laying out the mobile (narrow, single-column) billing screen and need the credits meter above the invoice/usage tabs.",
|
|
918
|
+
"tags": [
|
|
919
|
+
"mobile",
|
|
920
|
+
"billing",
|
|
921
|
+
"credits",
|
|
922
|
+
"usage",
|
|
923
|
+
"meter",
|
|
924
|
+
"buy-credits",
|
|
925
|
+
"card",
|
|
926
|
+
"cxo"
|
|
927
|
+
],
|
|
928
|
+
"related": [
|
|
929
|
+
"ScCreditsUsageCard",
|
|
930
|
+
"ScPlanDetailsCardMobile",
|
|
931
|
+
"ScButton",
|
|
932
|
+
"CreditWarningBanner"
|
|
933
|
+
],
|
|
934
|
+
"doNotConfuseWith": [
|
|
935
|
+
"ScCreditsUsageCard",
|
|
936
|
+
"ScPlanDetailsCardMobile",
|
|
937
|
+
"CreditWarningBanner"
|
|
938
|
+
],
|
|
939
|
+
"requiredProps": [],
|
|
940
|
+
"usedBy": [
|
|
941
|
+
"cxo"
|
|
942
|
+
],
|
|
943
|
+
"alsoExports": [],
|
|
944
|
+
"exported": true
|
|
945
|
+
},
|
|
946
|
+
"ScDefaultCard": {
|
|
947
|
+
"doc": "ScDefaultCard.md",
|
|
948
|
+
"source": "src/SC-DefaultCard",
|
|
949
|
+
"category": "cards",
|
|
950
|
+
"status": "stable",
|
|
951
|
+
"renders": "div",
|
|
952
|
+
"summary": "The generic \"pick this option\" card.",
|
|
953
|
+
"reachForWhen": "a screen asks \"which of these routes do you want?\" and each route is a title plus a one-line cost/time hint — stacked vertically, often with \"or\" separators between them.",
|
|
954
|
+
"tags": [
|
|
955
|
+
"card",
|
|
956
|
+
"option",
|
|
957
|
+
"choice",
|
|
958
|
+
"picker",
|
|
959
|
+
"default",
|
|
960
|
+
"hover",
|
|
961
|
+
"title",
|
|
962
|
+
"description",
|
|
963
|
+
"centered",
|
|
964
|
+
"catalogix"
|
|
965
|
+
],
|
|
966
|
+
"related": [
|
|
967
|
+
"ScMappingCard",
|
|
968
|
+
"ScStoreCard",
|
|
969
|
+
"ScAppListingCard",
|
|
970
|
+
"ScRadio",
|
|
971
|
+
"ScTabField",
|
|
972
|
+
"ScModal",
|
|
973
|
+
"ScDrawer"
|
|
974
|
+
],
|
|
975
|
+
"doNotConfuseWith": [
|
|
976
|
+
"ScAppListingCard",
|
|
977
|
+
"ScStoreCard",
|
|
978
|
+
"ScMappingCard",
|
|
979
|
+
"ScBriefCard",
|
|
980
|
+
"ScRadio"
|
|
981
|
+
],
|
|
982
|
+
"requiredProps": [],
|
|
983
|
+
"usedBy": [
|
|
984
|
+
"catalogix"
|
|
985
|
+
],
|
|
986
|
+
"alsoExports": [],
|
|
987
|
+
"exported": true
|
|
988
|
+
},
|
|
989
|
+
"ScDp": {
|
|
990
|
+
"doc": "ScDp.md",
|
|
991
|
+
"source": "src/SC-Dp",
|
|
992
|
+
"category": "profile",
|
|
993
|
+
"status": "stable",
|
|
994
|
+
"renders": "div",
|
|
995
|
+
"summary": "The avatar primitive.",
|
|
996
|
+
"reachForWhen": "you need any avatar — a user's face, a workspace logo, an assignee chip, a sidebar profile button.",
|
|
997
|
+
"tags": [
|
|
998
|
+
"avatar",
|
|
999
|
+
"dp",
|
|
1000
|
+
"display-picture",
|
|
1001
|
+
"initials",
|
|
1002
|
+
"profile-image",
|
|
1003
|
+
"workspace-logo",
|
|
1004
|
+
"fallback"
|
|
1005
|
+
],
|
|
1006
|
+
"related": [
|
|
1007
|
+
"ScIntialProfileCover",
|
|
1008
|
+
"ScProfile",
|
|
1009
|
+
"ScWorkspace",
|
|
1010
|
+
"ScProfileImageUpdate",
|
|
1011
|
+
"ScWorkspaceSwitchCard"
|
|
1012
|
+
],
|
|
1013
|
+
"doNotConfuseWith": [
|
|
1014
|
+
"ScIntialProfileCover",
|
|
1015
|
+
"ScProfileImageUpdate",
|
|
1016
|
+
"ScProfile"
|
|
1017
|
+
],
|
|
1018
|
+
"requiredProps": [],
|
|
1019
|
+
"usedBy": [
|
|
1020
|
+
"cxo",
|
|
1021
|
+
"photogenix",
|
|
1022
|
+
"artifax"
|
|
1023
|
+
],
|
|
1024
|
+
"alsoExports": [],
|
|
1025
|
+
"exported": true
|
|
1026
|
+
},
|
|
1027
|
+
"ScDrawer": {
|
|
1028
|
+
"doc": "ScDrawer.md",
|
|
1029
|
+
"source": "src/SC-Drawer",
|
|
1030
|
+
"category": "overlays",
|
|
1031
|
+
"status": "stable",
|
|
1032
|
+
"renders": "div (portalled to document.body; optional sibling backdrop div)",
|
|
1033
|
+
"summary": "The edge-anchored full-height slide-out panel.",
|
|
1034
|
+
"reachForWhen": "you need a create/edit panel or a detail pane that slides in from the screen edge and stays full height.",
|
|
1035
|
+
"tags": [
|
|
1036
|
+
"drawer",
|
|
1037
|
+
"side-panel",
|
|
1038
|
+
"slide-out",
|
|
1039
|
+
"sidedrawer",
|
|
1040
|
+
"overlay",
|
|
1041
|
+
"portal",
|
|
1042
|
+
"right",
|
|
1043
|
+
"left",
|
|
1044
|
+
"zindex"
|
|
1045
|
+
],
|
|
1046
|
+
"related": [
|
|
1047
|
+
"ScModal",
|
|
1048
|
+
"ScProfilePopup",
|
|
1049
|
+
"ScAppSwitchPanel",
|
|
1050
|
+
"ScButton"
|
|
1051
|
+
],
|
|
1052
|
+
"doNotConfuseWith": [
|
|
1053
|
+
"ScModal",
|
|
1054
|
+
"ScSidebar",
|
|
1055
|
+
"StreamoidSidebar",
|
|
1056
|
+
"ScProfilePopup"
|
|
1057
|
+
],
|
|
1058
|
+
"requiredProps": [],
|
|
1059
|
+
"usedBy": [
|
|
1060
|
+
"catalogix"
|
|
1061
|
+
],
|
|
1062
|
+
"alsoExports": [],
|
|
1063
|
+
"exported": true
|
|
1064
|
+
},
|
|
1065
|
+
"ScGoogleSignIn": {
|
|
1066
|
+
"doc": "ScGoogleSignIn.md",
|
|
1067
|
+
"source": "src/SC-Google sign in",
|
|
1068
|
+
"category": "actions",
|
|
1069
|
+
"status": "legacy",
|
|
1070
|
+
"renders": "div",
|
|
1071
|
+
"summary": "The \"Sign in with Google\" row.",
|
|
1072
|
+
"reachForWhen": "you want the Figma-exact Google row *and* you already have the \"G\" asset in your app's bundle.",
|
|
1073
|
+
"tags": [
|
|
1074
|
+
"google",
|
|
1075
|
+
"sign-in",
|
|
1076
|
+
"oauth",
|
|
1077
|
+
"sso",
|
|
1078
|
+
"login",
|
|
1079
|
+
"auth",
|
|
1080
|
+
"social-login"
|
|
1081
|
+
],
|
|
1082
|
+
"related": [
|
|
1083
|
+
"ScButton",
|
|
1084
|
+
"ScTextField"
|
|
1085
|
+
],
|
|
1086
|
+
"doNotConfuseWith": [
|
|
1087
|
+
"ScButton",
|
|
1088
|
+
"ScAppSwitchPanel",
|
|
1089
|
+
"ScAppCard"
|
|
1090
|
+
],
|
|
1091
|
+
"requiredProps": [],
|
|
1092
|
+
"usedBy": [],
|
|
1093
|
+
"alsoExports": [],
|
|
1094
|
+
"exported": true
|
|
1095
|
+
},
|
|
1096
|
+
"ScGuide": {
|
|
1097
|
+
"doc": "ScGuide.md",
|
|
1098
|
+
"source": "src/SC-Guide",
|
|
1099
|
+
"category": "overlays",
|
|
1100
|
+
"status": "stable",
|
|
1101
|
+
"renders": "div",
|
|
1102
|
+
"summary": "The guided-tour step card.",
|
|
1103
|
+
"reachForWhen": "you are building a product walkthrough / coachmark sequence and need the step card.",
|
|
1104
|
+
"tags": [
|
|
1105
|
+
"guide",
|
|
1106
|
+
"tour",
|
|
1107
|
+
"walkthrough",
|
|
1108
|
+
"onboarding",
|
|
1109
|
+
"coachmark",
|
|
1110
|
+
"callout",
|
|
1111
|
+
"popover-card",
|
|
1112
|
+
"next",
|
|
1113
|
+
"skip"
|
|
1114
|
+
],
|
|
1115
|
+
"related": [
|
|
1116
|
+
"ScHDivider",
|
|
1117
|
+
"ScInfoPopup",
|
|
1118
|
+
"ScBeacon",
|
|
1119
|
+
"ScModal",
|
|
1120
|
+
"ScButton"
|
|
1121
|
+
],
|
|
1122
|
+
"doNotConfuseWith": [
|
|
1123
|
+
"ScInfoPopup",
|
|
1124
|
+
"ScModal",
|
|
1125
|
+
"ScDrawer",
|
|
1126
|
+
"ScBeacon",
|
|
1127
|
+
"ScPopUpMenu"
|
|
1128
|
+
],
|
|
1129
|
+
"requiredProps": [],
|
|
1130
|
+
"usedBy": [
|
|
1131
|
+
"cxo"
|
|
1132
|
+
],
|
|
1133
|
+
"alsoExports": [],
|
|
1134
|
+
"exported": true
|
|
1135
|
+
},
|
|
1136
|
+
"ScHDivider": {
|
|
1137
|
+
"doc": "ScHDivider.md",
|
|
1138
|
+
"source": "src/SC-HDivider",
|
|
1139
|
+
"category": "layout",
|
|
1140
|
+
"status": "stable",
|
|
1141
|
+
"renders": "div",
|
|
1142
|
+
"summary": "The horizontal hairline.",
|
|
1143
|
+
"reachForWhen": "you need a horizontal rule between stacked sections, rows, or card regions.",
|
|
1144
|
+
"tags": [
|
|
1145
|
+
"divider",
|
|
1146
|
+
"separator",
|
|
1147
|
+
"hairline",
|
|
1148
|
+
"rule",
|
|
1149
|
+
"hr",
|
|
1150
|
+
"horizontal",
|
|
1151
|
+
"line",
|
|
1152
|
+
"section-break"
|
|
1153
|
+
],
|
|
1154
|
+
"related": [
|
|
1155
|
+
"ScVDivider"
|
|
1156
|
+
],
|
|
1157
|
+
"doNotConfuseWith": [
|
|
1158
|
+
"ScVDivider"
|
|
1159
|
+
],
|
|
1160
|
+
"requiredProps": [],
|
|
1161
|
+
"usedBy": [
|
|
1162
|
+
"cxo",
|
|
1163
|
+
"photogenix",
|
|
1164
|
+
"catalogix",
|
|
1165
|
+
"artifax"
|
|
1166
|
+
],
|
|
1167
|
+
"alsoExports": [],
|
|
1168
|
+
"exported": true
|
|
1169
|
+
},
|
|
1170
|
+
"ScHeader": {
|
|
1171
|
+
"doc": "ScHeader.md",
|
|
1172
|
+
"source": "src/SC-Header",
|
|
1173
|
+
"category": "layout",
|
|
1174
|
+
"status": "stable",
|
|
1175
|
+
"renders": "div",
|
|
1176
|
+
"summary": "One column-header label for a table — not a page header.",
|
|
1177
|
+
"reachForWhen": "you are building a bespoke table header row and want the column captions to match every other table in the product.",
|
|
1178
|
+
"tags": [
|
|
1179
|
+
"table",
|
|
1180
|
+
"column-header",
|
|
1181
|
+
"th",
|
|
1182
|
+
"sort",
|
|
1183
|
+
"sort-arrow",
|
|
1184
|
+
"uppercase",
|
|
1185
|
+
"label",
|
|
1186
|
+
"caption"
|
|
1187
|
+
],
|
|
1188
|
+
"related": [
|
|
1189
|
+
"ScTableHeader",
|
|
1190
|
+
"ScBillingHistoryHeader",
|
|
1191
|
+
"ScBillingLogsTableHeader",
|
|
1192
|
+
"ScReferralTableHeader"
|
|
1193
|
+
],
|
|
1194
|
+
"doNotConfuseWith": [
|
|
1195
|
+
"ScTableHeader",
|
|
1196
|
+
"ScMobileTopNav",
|
|
1197
|
+
"ScSideBarLogoUnit",
|
|
1198
|
+
"ScHDivider"
|
|
1199
|
+
],
|
|
1200
|
+
"requiredProps": [],
|
|
1201
|
+
"usedBy": [],
|
|
1202
|
+
"alsoExports": [],
|
|
1203
|
+
"exported": true
|
|
1204
|
+
},
|
|
1205
|
+
"ScInChatList": {
|
|
1206
|
+
"doc": "ScInChatList.md",
|
|
1207
|
+
"source": "src/SC-InChatList",
|
|
1208
|
+
"category": "chat-agent",
|
|
1209
|
+
"status": "stable",
|
|
1210
|
+
"renders": "div",
|
|
1211
|
+
"summary": "One reasoning step in the agent transcript — not a list.",
|
|
1212
|
+
"reachForWhen": "you are rendering the agent's thinking/tool steps in a chat transcript, one row per step, each with a pending/working/done/error status.",
|
|
1213
|
+
"tags": [
|
|
1214
|
+
"chat",
|
|
1215
|
+
"agent",
|
|
1216
|
+
"thinking",
|
|
1217
|
+
"reasoning",
|
|
1218
|
+
"step",
|
|
1219
|
+
"tool",
|
|
1220
|
+
"transcript",
|
|
1221
|
+
"progress",
|
|
1222
|
+
"inchat"
|
|
1223
|
+
],
|
|
1224
|
+
"related": [
|
|
1225
|
+
"ScThinkingStepIcon",
|
|
1226
|
+
"ScSubAgent",
|
|
1227
|
+
"ScInChatMessage",
|
|
1228
|
+
"ScTodoList"
|
|
1229
|
+
],
|
|
1230
|
+
"doNotConfuseWith": [
|
|
1231
|
+
"ScSubAgent",
|
|
1232
|
+
"ScInChatMessage",
|
|
1233
|
+
"ScTableList",
|
|
1234
|
+
"ScMenuOptions"
|
|
1235
|
+
],
|
|
1236
|
+
"requiredProps": [],
|
|
1237
|
+
"usedBy": [
|
|
1238
|
+
"agent"
|
|
1239
|
+
],
|
|
1240
|
+
"alsoExports": [],
|
|
1241
|
+
"exported": true
|
|
1242
|
+
},
|
|
1243
|
+
"ScInChatMessage": {
|
|
1244
|
+
"doc": "ScInChatMessage.md",
|
|
1245
|
+
"source": "src/SC-InChatMessage",
|
|
1246
|
+
"category": "chat-agent",
|
|
1247
|
+
"status": "stable",
|
|
1248
|
+
"renders": "div",
|
|
1249
|
+
"summary": "A single chat bubble.",
|
|
1250
|
+
"reachForWhen": "you need the bubble chrome for one turn of a chat transcript.",
|
|
1251
|
+
"tags": [
|
|
1252
|
+
"chat",
|
|
1253
|
+
"message",
|
|
1254
|
+
"bubble",
|
|
1255
|
+
"transcript",
|
|
1256
|
+
"agent",
|
|
1257
|
+
"user",
|
|
1258
|
+
"input",
|
|
1259
|
+
"output",
|
|
1260
|
+
"inchat"
|
|
1261
|
+
],
|
|
1262
|
+
"related": [
|
|
1263
|
+
"ScInChatList",
|
|
1264
|
+
"ScSubAgent",
|
|
1265
|
+
"ScQuickPrompt",
|
|
1266
|
+
"ScBriefCard"
|
|
1267
|
+
],
|
|
1268
|
+
"doNotConfuseWith": [
|
|
1269
|
+
"ScInChatList",
|
|
1270
|
+
"ScInfoPopup",
|
|
1271
|
+
"ScBriefCard"
|
|
1272
|
+
],
|
|
1273
|
+
"requiredProps": [],
|
|
1274
|
+
"usedBy": [
|
|
1275
|
+
"agent"
|
|
1276
|
+
],
|
|
1277
|
+
"alsoExports": [],
|
|
1278
|
+
"exported": true
|
|
1279
|
+
},
|
|
1280
|
+
"ScInfoPopup": {
|
|
1281
|
+
"doc": "ScInfoPopup.md",
|
|
1282
|
+
"source": "src/SC-InfoPopup",
|
|
1283
|
+
"category": "overlays",
|
|
1284
|
+
"status": "stable",
|
|
1285
|
+
"renders": "div (inline-block wrapper) > span[role=\"button\"] trigger + absolutely-positioned div bubble (no portal)",
|
|
1286
|
+
"summary": "The little ⓘ that opens a help bubble.",
|
|
1287
|
+
"reachForWhen": "a label or a table header needs a short explanation, and you want the standard ⓘ affordance next to it.",
|
|
1288
|
+
"tags": [
|
|
1289
|
+
"info",
|
|
1290
|
+
"popover",
|
|
1291
|
+
"tooltip",
|
|
1292
|
+
"help",
|
|
1293
|
+
"hint",
|
|
1294
|
+
"question-mark",
|
|
1295
|
+
"popup",
|
|
1296
|
+
"contextual"
|
|
1297
|
+
],
|
|
1298
|
+
"related": [
|
|
1299
|
+
"ScTextField",
|
|
1300
|
+
"ScModal",
|
|
1301
|
+
"ScGuide",
|
|
1302
|
+
"ScBadges"
|
|
1303
|
+
],
|
|
1304
|
+
"doNotConfuseWith": [
|
|
1305
|
+
"ScModal",
|
|
1306
|
+
"ScPopUpMenu",
|
|
1307
|
+
"ScProfilePopup",
|
|
1308
|
+
"ScGuide"
|
|
1309
|
+
],
|
|
1310
|
+
"requiredProps": [],
|
|
1311
|
+
"usedBy": [
|
|
1312
|
+
"catalogix"
|
|
1313
|
+
],
|
|
1314
|
+
"alsoExports": [],
|
|
1315
|
+
"exported": true
|
|
1316
|
+
},
|
|
1317
|
+
"ScIntialProfileCover": {
|
|
1318
|
+
"doc": "ScIntialProfileCover.md",
|
|
1319
|
+
"source": "src/SC-Intial Profile Cover",
|
|
1320
|
+
"category": "profile",
|
|
1321
|
+
"status": "stable",
|
|
1322
|
+
"renders": "div",
|
|
1323
|
+
"summary": "An initials tile — 60px rounded square, no image path at all.",
|
|
1324
|
+
"reachForWhen": "you need the workspace/profile *initials block* from the Figma workspace rows and you know you will never have an image.",
|
|
1325
|
+
"tags": [
|
|
1326
|
+
"initials",
|
|
1327
|
+
"avatar",
|
|
1328
|
+
"workspace-tile",
|
|
1329
|
+
"placeholder",
|
|
1330
|
+
"cover",
|
|
1331
|
+
"misspelled-prop",
|
|
1332
|
+
"intial"
|
|
1333
|
+
],
|
|
1334
|
+
"related": [
|
|
1335
|
+
"ScDp",
|
|
1336
|
+
"ScWorkspaceCard",
|
|
1337
|
+
"ScProfile",
|
|
1338
|
+
"ScWorkspaceSwitchCard"
|
|
1339
|
+
],
|
|
1340
|
+
"doNotConfuseWith": [
|
|
1341
|
+
"ScDp",
|
|
1342
|
+
"ScProfileImageUpdate",
|
|
1343
|
+
"ScProfile",
|
|
1344
|
+
"ScBadges"
|
|
1345
|
+
],
|
|
1346
|
+
"requiredProps": [],
|
|
1347
|
+
"usedBy": [],
|
|
1348
|
+
"alsoExports": [],
|
|
1349
|
+
"exported": true
|
|
1350
|
+
},
|
|
1351
|
+
"ScInvoiceHistoryMobile": {
|
|
1352
|
+
"doc": "ScInvoiceHistoryMobile.md",
|
|
1353
|
+
"source": "src/SC-InvoiceHistory-Mobile",
|
|
1354
|
+
"category": "mobile",
|
|
1355
|
+
"status": "deprecated",
|
|
1356
|
+
"renders": "div",
|
|
1357
|
+
"summary": "Do not use — this component is not shipped.",
|
|
1358
|
+
"reachForWhen": "never. Use `InvoiceHistoryMobile` instead.",
|
|
1359
|
+
"tags": [
|
|
1360
|
+
"mobile",
|
|
1361
|
+
"billing",
|
|
1362
|
+
"invoice",
|
|
1363
|
+
"history",
|
|
1364
|
+
"row",
|
|
1365
|
+
"unexported",
|
|
1366
|
+
"dead-code",
|
|
1367
|
+
"superseded"
|
|
1368
|
+
],
|
|
1369
|
+
"related": [
|
|
1370
|
+
"InvoiceHistoryMobile",
|
|
1371
|
+
"ScUsageHistoryMobile",
|
|
1372
|
+
"ScBillingHistoryTableList"
|
|
1373
|
+
],
|
|
1374
|
+
"doNotConfuseWith": [
|
|
1375
|
+
"InvoiceHistoryMobile",
|
|
1376
|
+
"ScUsageHistoryMobile",
|
|
1377
|
+
"UsageHistoryMobile"
|
|
1378
|
+
],
|
|
1379
|
+
"requiredProps": [],
|
|
1380
|
+
"usedBy": [],
|
|
1381
|
+
"alsoExports": [],
|
|
1382
|
+
"exported": false
|
|
1383
|
+
},
|
|
1384
|
+
"InvoiceHistoryMobile": {
|
|
1385
|
+
"doc": "InvoiceHistoryMobile.md",
|
|
1386
|
+
"source": "src/SC-InvoiceHistoryMobile",
|
|
1387
|
+
"category": "mobile",
|
|
1388
|
+
"status": "stable",
|
|
1389
|
+
"renders": "div",
|
|
1390
|
+
"summary": "One invoice row in CXO's mobile billing list.",
|
|
1391
|
+
"reachForWhen": "you are rendering the \"Invoice history\" tab of a mobile billing screen, one component per invoice.",
|
|
1392
|
+
"tags": [
|
|
1393
|
+
"mobile",
|
|
1394
|
+
"billing",
|
|
1395
|
+
"invoice",
|
|
1396
|
+
"history",
|
|
1397
|
+
"row",
|
|
1398
|
+
"list-item",
|
|
1399
|
+
"amount",
|
|
1400
|
+
"cxo"
|
|
1401
|
+
],
|
|
1402
|
+
"related": [
|
|
1403
|
+
"UsageHistoryMobile",
|
|
1404
|
+
"ScBillingHistoryTableList",
|
|
1405
|
+
"ScBillingHistoryHeader",
|
|
1406
|
+
"ScInvoiceHistoryMobile"
|
|
1407
|
+
],
|
|
1408
|
+
"doNotConfuseWith": [
|
|
1409
|
+
"ScInvoiceHistoryMobile",
|
|
1410
|
+
"UsageHistoryMobile",
|
|
1411
|
+
"ScBillingHistoryTableList",
|
|
1412
|
+
"ScTableListMobile"
|
|
1413
|
+
],
|
|
1414
|
+
"requiredProps": [],
|
|
1415
|
+
"usedBy": [
|
|
1416
|
+
"cxo"
|
|
1417
|
+
],
|
|
1418
|
+
"alsoExports": [],
|
|
1419
|
+
"exported": true
|
|
1420
|
+
},
|
|
1421
|
+
"ScLogoUnit": {
|
|
1422
|
+
"doc": "ScLogoUnit.md",
|
|
1423
|
+
"source": "src/SC-Logo unit",
|
|
1424
|
+
"category": "sidebar",
|
|
1425
|
+
"status": "legacy",
|
|
1426
|
+
"renders": "div",
|
|
1427
|
+
"summary": "Legacy. Superseded by `ScSideBarLogoUnit`.",
|
|
1428
|
+
"reachForWhen": "never. It cannot be clicked and cannot show a product.",
|
|
1429
|
+
"tags": [
|
|
1430
|
+
"sidebar",
|
|
1431
|
+
"logo",
|
|
1432
|
+
"wordmark",
|
|
1433
|
+
"header",
|
|
1434
|
+
"brand",
|
|
1435
|
+
"streamoid",
|
|
1436
|
+
"legacy",
|
|
1437
|
+
"logo-unit"
|
|
1438
|
+
],
|
|
1439
|
+
"related": [
|
|
1440
|
+
"ScSideBarLogoUnit",
|
|
1441
|
+
"ScStrLogo",
|
|
1442
|
+
"ScStreamoidWordmark",
|
|
1443
|
+
"ScStreamoidMascot",
|
|
1444
|
+
"StreamoidSidebar"
|
|
1445
|
+
],
|
|
1446
|
+
"doNotConfuseWith": [
|
|
1447
|
+
"ScSideBarLogoUnit",
|
|
1448
|
+
"ScStrLogo",
|
|
1449
|
+
"ScStreamoidWordmark",
|
|
1450
|
+
"ScStreamoidMascot",
|
|
1451
|
+
"ScCxoCopilotLogo",
|
|
1452
|
+
"ScAppcardLogos"
|
|
1453
|
+
],
|
|
1454
|
+
"requiredProps": [],
|
|
1455
|
+
"usedBy": [],
|
|
1456
|
+
"alsoExports": [],
|
|
1457
|
+
"exported": true
|
|
1458
|
+
},
|
|
1459
|
+
"ScMappingCard": {
|
|
1460
|
+
"doc": "ScMappingCard.md",
|
|
1461
|
+
"source": "src/SC-MappingCard",
|
|
1462
|
+
"category": "feed-taxonomy",
|
|
1463
|
+
"status": "stable",
|
|
1464
|
+
"renders": "div",
|
|
1465
|
+
"summary": "One row of the Catalogix feed Map-Attributes screen.",
|
|
1466
|
+
"reachForWhen": "you are building a source→target mapping review list where each row can be confirmed, ignored, or is still pending.",
|
|
1467
|
+
"tags": [
|
|
1468
|
+
"feed",
|
|
1469
|
+
"mapping",
|
|
1470
|
+
"map-attributes",
|
|
1471
|
+
"column",
|
|
1472
|
+
"source-target",
|
|
1473
|
+
"catalogix",
|
|
1474
|
+
"slot"
|
|
1475
|
+
],
|
|
1476
|
+
"related": [
|
|
1477
|
+
"ScValueMappingL1",
|
|
1478
|
+
"ScDefaultCard",
|
|
1479
|
+
"ScSelect",
|
|
1480
|
+
"ScTaxonomyPill"
|
|
1481
|
+
],
|
|
1482
|
+
"doNotConfuseWith": [
|
|
1483
|
+
"ScValueMappingL1",
|
|
1484
|
+
"ScDefaultCard",
|
|
1485
|
+
"ScTableList"
|
|
1486
|
+
],
|
|
1487
|
+
"requiredProps": [
|
|
1488
|
+
"columnName"
|
|
1489
|
+
],
|
|
1490
|
+
"usedBy": [
|
|
1491
|
+
"catalogix"
|
|
1492
|
+
],
|
|
1493
|
+
"alsoExports": [],
|
|
1494
|
+
"exported": true
|
|
1495
|
+
},
|
|
1496
|
+
"ScMenuOptions": {
|
|
1497
|
+
"doc": "ScMenuOptions.md",
|
|
1498
|
+
"source": "src/SC-Menu options",
|
|
1499
|
+
"category": "overlays",
|
|
1500
|
+
"status": "stable",
|
|
1501
|
+
"renders": "div",
|
|
1502
|
+
"summary": "One row of a menu.",
|
|
1503
|
+
"reachForWhen": "you need a row in a profile flyout, an account/settings menu, or a kebab/overflow menu.",
|
|
1504
|
+
"tags": [
|
|
1505
|
+
"menu",
|
|
1506
|
+
"menu-item",
|
|
1507
|
+
"menu-row",
|
|
1508
|
+
"option",
|
|
1509
|
+
"kebab",
|
|
1510
|
+
"context-menu",
|
|
1511
|
+
"sidebar-row",
|
|
1512
|
+
"dropdown-item",
|
|
1513
|
+
"whats-new"
|
|
1514
|
+
],
|
|
1515
|
+
"related": [
|
|
1516
|
+
"ScProfilePopup",
|
|
1517
|
+
"ScProfileOptions",
|
|
1518
|
+
"ScSidebarMenu",
|
|
1519
|
+
"ScButton",
|
|
1520
|
+
"ScHDivider"
|
|
1521
|
+
],
|
|
1522
|
+
"doNotConfuseWith": [
|
|
1523
|
+
"ScPopUpMenu",
|
|
1524
|
+
"ScSidebarMenu",
|
|
1525
|
+
"ScProfileOptions",
|
|
1526
|
+
"ScTabComp"
|
|
1527
|
+
],
|
|
1528
|
+
"requiredProps": [],
|
|
1529
|
+
"usedBy": [
|
|
1530
|
+
"cxo",
|
|
1531
|
+
"photogenix",
|
|
1532
|
+
"artifax"
|
|
1533
|
+
],
|
|
1534
|
+
"alsoExports": [],
|
|
1535
|
+
"exported": true
|
|
1536
|
+
},
|
|
1537
|
+
"ScMobileBottomAction": {
|
|
1538
|
+
"doc": "ScMobileBottomAction.md",
|
|
1539
|
+
"source": "src/SC-MobileBottomAction",
|
|
1540
|
+
"category": "mobile",
|
|
1541
|
+
"status": "stable",
|
|
1542
|
+
"renders": "div",
|
|
1543
|
+
"summary": "The mobile screen's bottom action bar.",
|
|
1544
|
+
"reachForWhen": "a mobile screen or sheet ends in a committed action — Save / Cancel, Continue, Delete.",
|
|
1545
|
+
"tags": [
|
|
1546
|
+
"mobile",
|
|
1547
|
+
"bottom",
|
|
1548
|
+
"footer",
|
|
1549
|
+
"action-bar",
|
|
1550
|
+
"cta",
|
|
1551
|
+
"save",
|
|
1552
|
+
"cancel",
|
|
1553
|
+
"sticky",
|
|
1554
|
+
"buttons"
|
|
1555
|
+
],
|
|
1556
|
+
"related": [
|
|
1557
|
+
"ScMobileTopNav",
|
|
1558
|
+
"ScButton",
|
|
1559
|
+
"ScModal",
|
|
1560
|
+
"ScDrawer"
|
|
1561
|
+
],
|
|
1562
|
+
"doNotConfuseWith": [
|
|
1563
|
+
"ScButton",
|
|
1564
|
+
"ScMobileTopNav",
|
|
1565
|
+
"ScFieldButton",
|
|
1566
|
+
"ScOnlyIcon"
|
|
1567
|
+
],
|
|
1568
|
+
"requiredProps": [],
|
|
1569
|
+
"usedBy": [],
|
|
1570
|
+
"alsoExports": [],
|
|
1571
|
+
"exported": true
|
|
1572
|
+
},
|
|
1573
|
+
"ScMobileTopNav": {
|
|
1574
|
+
"doc": "ScMobileTopNav.md",
|
|
1575
|
+
"source": "src/SC-MobileTopNav",
|
|
1576
|
+
"category": "mobile",
|
|
1577
|
+
"status": "stable",
|
|
1578
|
+
"renders": "div",
|
|
1579
|
+
"summary": "The mobile app bar, in three layouts.",
|
|
1580
|
+
"reachForWhen": "a mobile screen needs the standard top bar — hamburger on the left, a title, and an optional search or overflow affordance on the right.",
|
|
1581
|
+
"tags": [
|
|
1582
|
+
"mobile",
|
|
1583
|
+
"nav",
|
|
1584
|
+
"topbar",
|
|
1585
|
+
"header",
|
|
1586
|
+
"appbar",
|
|
1587
|
+
"menu",
|
|
1588
|
+
"search",
|
|
1589
|
+
"chat",
|
|
1590
|
+
"heading"
|
|
1591
|
+
],
|
|
1592
|
+
"related": [
|
|
1593
|
+
"ScMobileBottomAction",
|
|
1594
|
+
"ScHeader",
|
|
1595
|
+
"ScTableHeader",
|
|
1596
|
+
"ScSideBarLogoUnit",
|
|
1597
|
+
"ScOnlyField"
|
|
1598
|
+
],
|
|
1599
|
+
"doNotConfuseWith": [
|
|
1600
|
+
"ScHeader",
|
|
1601
|
+
"ScTableHeader",
|
|
1602
|
+
"ScSideBarLogoUnit",
|
|
1603
|
+
"ScMobileBottomAction",
|
|
1604
|
+
"ScTabSwitcher"
|
|
1605
|
+
],
|
|
1606
|
+
"requiredProps": [],
|
|
1607
|
+
"usedBy": [],
|
|
1608
|
+
"alsoExports": [],
|
|
1609
|
+
"exported": true
|
|
1610
|
+
},
|
|
1611
|
+
"ScModal": {
|
|
1612
|
+
"doc": "ScModal.md",
|
|
1613
|
+
"source": "src/SC-Modal",
|
|
1614
|
+
"category": "overlays",
|
|
1615
|
+
"status": "stable",
|
|
1616
|
+
"renders": "div (portalled to document.body)",
|
|
1617
|
+
"summary": "The centered blocking-dialog shell.",
|
|
1618
|
+
"reachForWhen": "you need a centered dialog that blocks the page — confirm, create/edit form, image preview, invite flow.",
|
|
1619
|
+
"tags": [
|
|
1620
|
+
"modal",
|
|
1621
|
+
"dialog",
|
|
1622
|
+
"overlay",
|
|
1623
|
+
"scrim",
|
|
1624
|
+
"backdrop",
|
|
1625
|
+
"portal",
|
|
1626
|
+
"centered",
|
|
1627
|
+
"blocking",
|
|
1628
|
+
"escape"
|
|
1629
|
+
],
|
|
1630
|
+
"related": [
|
|
1631
|
+
"ScDrawer",
|
|
1632
|
+
"ScInfoPopup",
|
|
1633
|
+
"ScProfilePopup",
|
|
1634
|
+
"ScGuide",
|
|
1635
|
+
"ScButton"
|
|
1636
|
+
],
|
|
1637
|
+
"doNotConfuseWith": [
|
|
1638
|
+
"ScDrawer",
|
|
1639
|
+
"ScInfoPopup",
|
|
1640
|
+
"ScProfilePopup"
|
|
1641
|
+
],
|
|
1642
|
+
"requiredProps": [],
|
|
1643
|
+
"usedBy": [
|
|
1644
|
+
"catalogix"
|
|
1645
|
+
],
|
|
1646
|
+
"alsoExports": [],
|
|
1647
|
+
"exported": true
|
|
1648
|
+
},
|
|
1649
|
+
"ScOnlyIcon": {
|
|
1650
|
+
"doc": "ScOnlyIcon.md",
|
|
1651
|
+
"source": "src/SC-OnlyIcon",
|
|
1652
|
+
"category": "actions",
|
|
1653
|
+
"status": "legacy",
|
|
1654
|
+
"renders": "div",
|
|
1655
|
+
"summary": "A 40 × 40 hover square that always renders the settings gear.",
|
|
1656
|
+
"reachForWhen": "essentially never. The only honest use is a bare settings-gear affordance where you also don't need keyboard access.",
|
|
1657
|
+
"tags": [
|
|
1658
|
+
"icon-button",
|
|
1659
|
+
"icon-only",
|
|
1660
|
+
"settings-icon",
|
|
1661
|
+
"square",
|
|
1662
|
+
"hover",
|
|
1663
|
+
"affordance",
|
|
1664
|
+
"orphan"
|
|
1665
|
+
],
|
|
1666
|
+
"related": [
|
|
1667
|
+
"ScButton",
|
|
1668
|
+
"ScFieldButton",
|
|
1669
|
+
"ScSidebarIcons",
|
|
1670
|
+
"ScMenuOptions"
|
|
1671
|
+
],
|
|
1672
|
+
"doNotConfuseWith": [
|
|
1673
|
+
"ScOnlyField",
|
|
1674
|
+
"ScButton",
|
|
1675
|
+
"ScFieldButton",
|
|
1676
|
+
"ScSidebarIcons"
|
|
1677
|
+
],
|
|
1678
|
+
"requiredProps": [],
|
|
1679
|
+
"usedBy": [],
|
|
1680
|
+
"alsoExports": [],
|
|
1681
|
+
"exported": true
|
|
1682
|
+
},
|
|
1683
|
+
"ScPagination": {
|
|
1684
|
+
"doc": "ScPagination.md",
|
|
1685
|
+
"source": "src/SC-Pagination",
|
|
1686
|
+
"category": "overlays",
|
|
1687
|
+
"status": "stable",
|
|
1688
|
+
"renders": "div > div > (SiconRight, input[type=number], SiconRight, span)",
|
|
1689
|
+
"summary": "The offset-based page stepper for tables.",
|
|
1690
|
+
"reachForWhen": "you have a server-paged table or list and you already hold `page` + `offset` state and a refetch function.",
|
|
1691
|
+
"tags": [
|
|
1692
|
+
"pagination",
|
|
1693
|
+
"pager",
|
|
1694
|
+
"page",
|
|
1695
|
+
"paging",
|
|
1696
|
+
"offset",
|
|
1697
|
+
"next",
|
|
1698
|
+
"prev",
|
|
1699
|
+
"table",
|
|
1700
|
+
"list"
|
|
1701
|
+
],
|
|
1702
|
+
"related": [
|
|
1703
|
+
"ScTableHeader",
|
|
1704
|
+
"ScTableList",
|
|
1705
|
+
"ScCatalogixStoreTableList",
|
|
1706
|
+
"ScCounter",
|
|
1707
|
+
"ScOnlyField"
|
|
1708
|
+
],
|
|
1709
|
+
"doNotConfuseWith": [
|
|
1710
|
+
"ScCounter",
|
|
1711
|
+
"ScTabs",
|
|
1712
|
+
"ScOnlyField"
|
|
1713
|
+
],
|
|
1714
|
+
"requiredProps": [
|
|
1715
|
+
"itemsCount",
|
|
1716
|
+
"itemsPerPage",
|
|
1717
|
+
"page",
|
|
1718
|
+
"setPage",
|
|
1719
|
+
"setOffsetValue",
|
|
1720
|
+
"onPageChangeAction"
|
|
1721
|
+
],
|
|
1722
|
+
"usedBy": [
|
|
1723
|
+
"catalogix"
|
|
1724
|
+
],
|
|
1725
|
+
"alsoExports": [],
|
|
1726
|
+
"exported": true
|
|
1727
|
+
},
|
|
1728
|
+
"ScPairtext": {
|
|
1729
|
+
"doc": "ScPairtext.md",
|
|
1730
|
+
"source": "src/SC-Pairtext",
|
|
1731
|
+
"category": "forms",
|
|
1732
|
+
"status": "stable",
|
|
1733
|
+
"renders": "div",
|
|
1734
|
+
"summary": "One row: a leading (or trailing) icon / checkbox / radio, paired with a single line of text.",
|
|
1735
|
+
"reachForWhen": "you are composing a DS component and need the standard \"control + label\" or \"icon + label\" row, and you want it to line up with the rest of the library.",
|
|
1736
|
+
"tags": [
|
|
1737
|
+
"icon-text",
|
|
1738
|
+
"label-row",
|
|
1739
|
+
"checkbox-row",
|
|
1740
|
+
"radio-row",
|
|
1741
|
+
"option-row",
|
|
1742
|
+
"meta-row",
|
|
1743
|
+
"atom"
|
|
1744
|
+
],
|
|
1745
|
+
"related": [
|
|
1746
|
+
"ScCheckField",
|
|
1747
|
+
"ScCheckbox",
|
|
1748
|
+
"ScRadio",
|
|
1749
|
+
"ScBadges",
|
|
1750
|
+
"ScCatalogixInvite",
|
|
1751
|
+
"ScWorkspaceCard"
|
|
1752
|
+
],
|
|
1753
|
+
"doNotConfuseWith": [
|
|
1754
|
+
"ScCheckField",
|
|
1755
|
+
"ScCheckbox",
|
|
1756
|
+
"ScRadio",
|
|
1757
|
+
"ScSelection",
|
|
1758
|
+
"ScSelectionPill",
|
|
1759
|
+
"ScMenuOptions"
|
|
1760
|
+
],
|
|
1761
|
+
"requiredProps": [],
|
|
1762
|
+
"usedBy": [],
|
|
1763
|
+
"alsoExports": [],
|
|
1764
|
+
"exported": true
|
|
1765
|
+
},
|
|
1766
|
+
"ScPlanCard": {
|
|
1767
|
+
"doc": "ScPlanCard.md",
|
|
1768
|
+
"source": "src/SC-Plan card",
|
|
1769
|
+
"category": "billing",
|
|
1770
|
+
"status": "stable",
|
|
1771
|
+
"renders": "div",
|
|
1772
|
+
"summary": "One purchasable plan tile in the Plans grid.",
|
|
1773
|
+
"reachForWhen": "you are building the 3-up \"choose a plan\" grid (Free / Pro / Enterprise) where each tile ends in an Upgrade/Downgrade/Contact CTA.",
|
|
1774
|
+
"tags": [
|
|
1775
|
+
"plan",
|
|
1776
|
+
"pricing",
|
|
1777
|
+
"tile",
|
|
1778
|
+
"upgrade",
|
|
1779
|
+
"subscription",
|
|
1780
|
+
"stripe",
|
|
1781
|
+
"credits",
|
|
1782
|
+
"billing",
|
|
1783
|
+
"free",
|
|
1784
|
+
"pro",
|
|
1785
|
+
"enterprise"
|
|
1786
|
+
],
|
|
1787
|
+
"related": [
|
|
1788
|
+
"ScPlanComparison",
|
|
1789
|
+
"ScPlanDetailsCard",
|
|
1790
|
+
"ScCreditsUsageCard",
|
|
1791
|
+
"ScButton"
|
|
1792
|
+
],
|
|
1793
|
+
"doNotConfuseWith": [
|
|
1794
|
+
"ScPlanDetailsCard",
|
|
1795
|
+
"ScPlanDetailsCardMobile",
|
|
1796
|
+
"ScPlanComparison",
|
|
1797
|
+
"ScAppCard"
|
|
1798
|
+
],
|
|
1799
|
+
"requiredProps": [],
|
|
1800
|
+
"usedBy": [
|
|
1801
|
+
"cxo"
|
|
1802
|
+
],
|
|
1803
|
+
"alsoExports": [],
|
|
1804
|
+
"exported": true
|
|
1805
|
+
},
|
|
1806
|
+
"ScPlanDetailsCard": {
|
|
1807
|
+
"doc": "ScPlanDetailsCard.md",
|
|
1808
|
+
"source": "src/SC-Plan details card",
|
|
1809
|
+
"category": "billing",
|
|
1810
|
+
"status": "stable",
|
|
1811
|
+
"renders": "div",
|
|
1812
|
+
"summary": "The \"this is the plan you're on\" card at the top of the Billing page.",
|
|
1813
|
+
"reachForWhen": "you need the single current-subscription summary strip, usually side by side with `ScCreditsUsageCard`.",
|
|
1814
|
+
"tags": [
|
|
1815
|
+
"current-plan",
|
|
1816
|
+
"plan-summary",
|
|
1817
|
+
"billing",
|
|
1818
|
+
"subscription",
|
|
1819
|
+
"active",
|
|
1820
|
+
"badge",
|
|
1821
|
+
"skeleton",
|
|
1822
|
+
"loading",
|
|
1823
|
+
"upgrade"
|
|
1824
|
+
],
|
|
1825
|
+
"related": [
|
|
1826
|
+
"ScPlanDetailsCardMobile",
|
|
1827
|
+
"ScCreditsUsageCard",
|
|
1828
|
+
"ScPlanCard",
|
|
1829
|
+
"ScBadges",
|
|
1830
|
+
"ScPairtext"
|
|
1831
|
+
],
|
|
1832
|
+
"doNotConfuseWith": [
|
|
1833
|
+
"ScPlanCard",
|
|
1834
|
+
"ScPlanDetailsCardMobile",
|
|
1835
|
+
"ScCreditsUsageCard",
|
|
1836
|
+
"ScPlanComparison"
|
|
1837
|
+
],
|
|
1838
|
+
"requiredProps": [],
|
|
1839
|
+
"usedBy": [
|
|
1840
|
+
"cxo"
|
|
1841
|
+
],
|
|
1842
|
+
"alsoExports": [],
|
|
1843
|
+
"exported": true
|
|
1844
|
+
},
|
|
1845
|
+
"ScPlanDetailsCardMobile": {
|
|
1846
|
+
"doc": "ScPlanDetailsCardMobile.md",
|
|
1847
|
+
"source": "src/SC-Plan details card-Mobile",
|
|
1848
|
+
"category": "mobile",
|
|
1849
|
+
"status": "stable",
|
|
1850
|
+
"renders": "div",
|
|
1851
|
+
"summary": "The current-plan summary on CXO's mobile billing screen.",
|
|
1852
|
+
"reachForWhen": "the mobile billing screen needs the \"what plan am I on\" block at the top.",
|
|
1853
|
+
"tags": [
|
|
1854
|
+
"mobile",
|
|
1855
|
+
"billing",
|
|
1856
|
+
"plan",
|
|
1857
|
+
"current-plan",
|
|
1858
|
+
"upgrade",
|
|
1859
|
+
"skeleton",
|
|
1860
|
+
"loading",
|
|
1861
|
+
"card",
|
|
1862
|
+
"cxo"
|
|
1863
|
+
],
|
|
1864
|
+
"related": [
|
|
1865
|
+
"ScPlanDetailsCard",
|
|
1866
|
+
"ScCreditsUsageCardMobile",
|
|
1867
|
+
"ScPlanCard",
|
|
1868
|
+
"ScBadges",
|
|
1869
|
+
"ScButton"
|
|
1870
|
+
],
|
|
1871
|
+
"doNotConfuseWith": [
|
|
1872
|
+
"ScPlanDetailsCard",
|
|
1873
|
+
"ScPlanCard",
|
|
1874
|
+
"ScPlanComparison",
|
|
1875
|
+
"ScCreditsUsageCardMobile"
|
|
1876
|
+
],
|
|
1877
|
+
"requiredProps": [],
|
|
1878
|
+
"usedBy": [
|
|
1879
|
+
"cxo"
|
|
1880
|
+
],
|
|
1881
|
+
"alsoExports": [],
|
|
1882
|
+
"exported": true
|
|
1883
|
+
},
|
|
1884
|
+
"ScPlanComparison": {
|
|
1885
|
+
"doc": "ScPlanComparison.md",
|
|
1886
|
+
"source": "src/SC-Plan-Comparison",
|
|
1887
|
+
"category": "billing",
|
|
1888
|
+
"status": "stable",
|
|
1889
|
+
"renders": "div",
|
|
1890
|
+
"summary": "The collapsible \"Compare Plans\" feature matrix under the plan tiles.",
|
|
1891
|
+
"reachForWhen": "you have static marketing copy comparing N plans across many features and want it collapsed under the pricing tiles.",
|
|
1892
|
+
"tags": [
|
|
1893
|
+
"compare-plans",
|
|
1894
|
+
"pricing-table",
|
|
1895
|
+
"feature-matrix",
|
|
1896
|
+
"collapsible",
|
|
1897
|
+
"accordion",
|
|
1898
|
+
"billing",
|
|
1899
|
+
"tabbed",
|
|
1900
|
+
"mobile"
|
|
1901
|
+
],
|
|
1902
|
+
"related": [
|
|
1903
|
+
"ScPlanCard",
|
|
1904
|
+
"ScPlanDetailsCard",
|
|
1905
|
+
"ScTabComp",
|
|
1906
|
+
"ScTabs"
|
|
1907
|
+
],
|
|
1908
|
+
"doNotConfuseWith": [
|
|
1909
|
+
"ScPlanCard",
|
|
1910
|
+
"ScTableList",
|
|
1911
|
+
"ScTabSwitcher",
|
|
1912
|
+
"ScBillingLogsTableHeader"
|
|
1913
|
+
],
|
|
1914
|
+
"requiredProps": [
|
|
1915
|
+
"columns",
|
|
1916
|
+
"sections"
|
|
1917
|
+
],
|
|
1918
|
+
"usedBy": [
|
|
1919
|
+
"cxo"
|
|
1920
|
+
],
|
|
1921
|
+
"alsoExports": [],
|
|
1922
|
+
"exported": true
|
|
1923
|
+
},
|
|
1924
|
+
"ScPopUpMenu": {
|
|
1925
|
+
"doc": "ScPopUpMenu.md",
|
|
1926
|
+
"source": "src/SC-PopUpMenu",
|
|
1927
|
+
"category": "overlays",
|
|
1928
|
+
"status": "legacy",
|
|
1929
|
+
"renders": "div",
|
|
1930
|
+
"summary": "A single 242px-wide menu *row* — despite the name, not a popup and not a menu.",
|
|
1931
|
+
"reachForWhen": "never, in new code.",
|
|
1932
|
+
"tags": [
|
|
1933
|
+
"menu",
|
|
1934
|
+
"menu-row",
|
|
1935
|
+
"popup",
|
|
1936
|
+
"kebab",
|
|
1937
|
+
"context-menu",
|
|
1938
|
+
"option",
|
|
1939
|
+
"legacy"
|
|
1940
|
+
],
|
|
1941
|
+
"related": [
|
|
1942
|
+
"ScMenuOptions",
|
|
1943
|
+
"ScProfilePopup",
|
|
1944
|
+
"ScProfileOptions",
|
|
1945
|
+
"ScModal"
|
|
1946
|
+
],
|
|
1947
|
+
"doNotConfuseWith": [
|
|
1948
|
+
"ScMenuOptions",
|
|
1949
|
+
"ScProfilePopup",
|
|
1950
|
+
"ScModal",
|
|
1951
|
+
"ScInfoPopup"
|
|
1952
|
+
],
|
|
1953
|
+
"requiredProps": [],
|
|
1954
|
+
"usedBy": [],
|
|
1955
|
+
"alsoExports": [],
|
|
1956
|
+
"exported": true
|
|
1957
|
+
},
|
|
1958
|
+
"ScProfile": {
|
|
1959
|
+
"doc": "ScProfile.md",
|
|
1960
|
+
"source": "src/SC-Profile",
|
|
1961
|
+
"category": "profile",
|
|
1962
|
+
"status": "stable",
|
|
1963
|
+
"renders": "div",
|
|
1964
|
+
"summary": "The person identity row: circular avatar + name + one grey sub-line.",
|
|
1965
|
+
"reachForWhen": "you need \"avatar, name, second line\" as one unit inside a DS composite you are building.",
|
|
1966
|
+
"tags": [
|
|
1967
|
+
"profile",
|
|
1968
|
+
"identity",
|
|
1969
|
+
"avatar-with-name",
|
|
1970
|
+
"name-subtext",
|
|
1971
|
+
"sidebar-footer",
|
|
1972
|
+
"user-row"
|
|
1973
|
+
],
|
|
1974
|
+
"related": [
|
|
1975
|
+
"ScWorkspace",
|
|
1976
|
+
"ScProfilePopup",
|
|
1977
|
+
"ScDp",
|
|
1978
|
+
"ScProfileV2Mobile",
|
|
1979
|
+
"ScSidebarProfile"
|
|
1980
|
+
],
|
|
1981
|
+
"doNotConfuseWith": [
|
|
1982
|
+
"ScWorkspace",
|
|
1983
|
+
"ScProfileOptions",
|
|
1984
|
+
"ScProfilePopup",
|
|
1985
|
+
"ScProfileSettingsComp",
|
|
1986
|
+
"ScProfileV2Mobile"
|
|
1987
|
+
],
|
|
1988
|
+
"requiredProps": [],
|
|
1989
|
+
"usedBy": [],
|
|
1990
|
+
"alsoExports": [],
|
|
1991
|
+
"exported": true
|
|
1992
|
+
},
|
|
1993
|
+
"ScProfileImageUpdate": {
|
|
1994
|
+
"doc": "ScProfileImageUpdate.md",
|
|
1995
|
+
"source": "src/SC-Profile Image update",
|
|
1996
|
+
"category": "profile",
|
|
1997
|
+
"status": "stable",
|
|
1998
|
+
"renders": "div",
|
|
1999
|
+
"summary": "The avatar editor block at the top of a profile settings screen.",
|
|
2000
|
+
"reachForWhen": "a **profile settings** screen needs \"change your picture\" — circle above, two icon buttons below.",
|
|
2001
|
+
"tags": [
|
|
2002
|
+
"avatar",
|
|
2003
|
+
"profile",
|
|
2004
|
+
"picture",
|
|
2005
|
+
"upload",
|
|
2006
|
+
"delete",
|
|
2007
|
+
"initials",
|
|
2008
|
+
"settings",
|
|
2009
|
+
"image"
|
|
2010
|
+
],
|
|
2011
|
+
"related": [
|
|
2012
|
+
"ScDp",
|
|
2013
|
+
"ScIntialProfileCover",
|
|
2014
|
+
"ScImageField",
|
|
2015
|
+
"ScFileField",
|
|
2016
|
+
"ScProfileSettingsComp"
|
|
2017
|
+
],
|
|
2018
|
+
"doNotConfuseWith": [
|
|
2019
|
+
"ScImageField",
|
|
2020
|
+
"ScDp",
|
|
2021
|
+
"ScIntialProfileCover",
|
|
2022
|
+
"ScProfile",
|
|
2023
|
+
"ScProfileSettingsComp"
|
|
2024
|
+
],
|
|
2025
|
+
"requiredProps": [],
|
|
2026
|
+
"usedBy": [
|
|
2027
|
+
"cxo"
|
|
2028
|
+
],
|
|
2029
|
+
"alsoExports": [],
|
|
2030
|
+
"exported": true
|
|
2031
|
+
},
|
|
2032
|
+
"ScProfileOptions": {
|
|
2033
|
+
"doc": "ScProfileOptions.md",
|
|
2034
|
+
"source": "src/SC-Profile options",
|
|
2035
|
+
"category": "profile",
|
|
2036
|
+
"status": "legacy",
|
|
2037
|
+
"renders": "div",
|
|
2038
|
+
"summary": "Superseded — use `ScProfilePopup`.",
|
|
2039
|
+
"reachForWhen": "never, in new code. Keep it only to avoid breaking an existing import.",
|
|
2040
|
+
"tags": [
|
|
2041
|
+
"profile-menu",
|
|
2042
|
+
"profile-dropdown",
|
|
2043
|
+
"account-menu",
|
|
2044
|
+
"logout",
|
|
2045
|
+
"theme-switcher",
|
|
2046
|
+
"figma-export",
|
|
2047
|
+
"static"
|
|
2048
|
+
],
|
|
2049
|
+
"related": [
|
|
2050
|
+
"ScProfilePopup",
|
|
2051
|
+
"ScProfile",
|
|
2052
|
+
"ScWorkspace",
|
|
2053
|
+
"ScMenuOptions",
|
|
2054
|
+
"ScTabSwitcher"
|
|
2055
|
+
],
|
|
2056
|
+
"doNotConfuseWith": [
|
|
2057
|
+
"ScProfilePopup",
|
|
2058
|
+
"ScProfileSettingsComp",
|
|
2059
|
+
"ScProfile",
|
|
2060
|
+
"ScPopUpMenu",
|
|
2061
|
+
"ScMenuOptions"
|
|
2062
|
+
],
|
|
2063
|
+
"requiredProps": [],
|
|
2064
|
+
"usedBy": [],
|
|
2065
|
+
"alsoExports": [],
|
|
2066
|
+
"exported": true
|
|
2067
|
+
},
|
|
2068
|
+
"ScProfileV2Mobile": {
|
|
2069
|
+
"doc": "ScProfileV2Mobile.md",
|
|
2070
|
+
"source": "src/SC-Profile-V2-Mobile",
|
|
2071
|
+
"category": "mobile",
|
|
2072
|
+
"status": "stable",
|
|
2073
|
+
"renders": "div",
|
|
2074
|
+
"summary": "A 40px avatar + name + email, as one mobile identity row.",
|
|
2075
|
+
"reachForWhen": "a mobile sheet or header needs \"who is signed in\" as an avatar plus name/email, and nothing else.",
|
|
2076
|
+
"tags": [
|
|
2077
|
+
"mobile",
|
|
2078
|
+
"profile",
|
|
2079
|
+
"avatar",
|
|
2080
|
+
"initials",
|
|
2081
|
+
"name",
|
|
2082
|
+
"email",
|
|
2083
|
+
"user",
|
|
2084
|
+
"identity"
|
|
2085
|
+
],
|
|
2086
|
+
"related": [
|
|
2087
|
+
"ScProfile",
|
|
2088
|
+
"ScDp",
|
|
2089
|
+
"ScTableListMobile",
|
|
2090
|
+
"ScReferralCardMobile",
|
|
2091
|
+
"ScProfilePopup"
|
|
2092
|
+
],
|
|
2093
|
+
"doNotConfuseWith": [
|
|
2094
|
+
"ScProfile",
|
|
2095
|
+
"ScProfileOptions",
|
|
2096
|
+
"ScProfilePopup",
|
|
2097
|
+
"ScProfileSettingsComp",
|
|
2098
|
+
"ScDp",
|
|
2099
|
+
"ScTableListMobile"
|
|
2100
|
+
],
|
|
2101
|
+
"requiredProps": [],
|
|
2102
|
+
"usedBy": [],
|
|
2103
|
+
"alsoExports": [],
|
|
2104
|
+
"exported": true
|
|
2105
|
+
},
|
|
2106
|
+
"ScProfilePopup": {
|
|
2107
|
+
"doc": "ScProfilePopup.md",
|
|
2108
|
+
"source": "src/SC-ProfilePopup",
|
|
2109
|
+
"category": "profile",
|
|
2110
|
+
"status": "stable",
|
|
2111
|
+
"renders": "div",
|
|
2112
|
+
"summary": "The profile dropdown panel — the whole thing, propped and wired.",
|
|
2113
|
+
"reachForWhen": "you need the app's profile/account menu. This is the one.",
|
|
2114
|
+
"tags": [
|
|
2115
|
+
"profile-menu",
|
|
2116
|
+
"profile-dropdown",
|
|
2117
|
+
"account-menu",
|
|
2118
|
+
"logout",
|
|
2119
|
+
"theme-switcher",
|
|
2120
|
+
"credits",
|
|
2121
|
+
"switch-workspace",
|
|
2122
|
+
"panel",
|
|
2123
|
+
"slots"
|
|
2124
|
+
],
|
|
2125
|
+
"related": [
|
|
2126
|
+
"ScProfile",
|
|
2127
|
+
"ScWorkspace",
|
|
2128
|
+
"ScMenuOptions",
|
|
2129
|
+
"ScTabSwitcher",
|
|
2130
|
+
"ScWorkspaceSwitchCard",
|
|
2131
|
+
"StreamoidSidebar"
|
|
2132
|
+
],
|
|
2133
|
+
"doNotConfuseWith": [
|
|
2134
|
+
"ScProfileOptions",
|
|
2135
|
+
"ScProfileSettingsComp",
|
|
2136
|
+
"ScProfile",
|
|
2137
|
+
"ScPopUpMenu",
|
|
2138
|
+
"ScAppSwitchPanel"
|
|
2139
|
+
],
|
|
2140
|
+
"requiredProps": [],
|
|
2141
|
+
"usedBy": [
|
|
2142
|
+
"catalogix"
|
|
2143
|
+
],
|
|
2144
|
+
"alsoExports": [],
|
|
2145
|
+
"exported": true
|
|
2146
|
+
},
|
|
2147
|
+
"ScProfileSettingsComp": {
|
|
2148
|
+
"doc": "ScProfileSettingsComp.md",
|
|
2149
|
+
"source": "src/SC-ProfileSettingsComp",
|
|
2150
|
+
"category": "profile",
|
|
2151
|
+
"status": "legacy",
|
|
2152
|
+
"renders": "div",
|
|
2153
|
+
"summary": "A static Figma scaffold of the account-settings card, not a working form.",
|
|
2154
|
+
"reachForWhen": "you want a pixel reference for the account card's layout (24px padding, avatar column + 16px-gapped field stack).",
|
|
2155
|
+
"tags": [
|
|
2156
|
+
"profile-settings",
|
|
2157
|
+
"account-form",
|
|
2158
|
+
"first-name",
|
|
2159
|
+
"last-name",
|
|
2160
|
+
"email",
|
|
2161
|
+
"figma-export",
|
|
2162
|
+
"static",
|
|
2163
|
+
"read-only"
|
|
2164
|
+
],
|
|
2165
|
+
"related": [
|
|
2166
|
+
"ScProfileImageUpdate",
|
|
2167
|
+
"ScTextField",
|
|
2168
|
+
"ScSettingsTabComp",
|
|
2169
|
+
"ScProfilePopup",
|
|
2170
|
+
"ScAppField"
|
|
2171
|
+
],
|
|
2172
|
+
"doNotConfuseWith": [
|
|
2173
|
+
"ScProfileOptions",
|
|
2174
|
+
"ScProfilePopup",
|
|
2175
|
+
"ScProfileImageUpdate",
|
|
2176
|
+
"ScProfile",
|
|
2177
|
+
"ScSettingsTabComp"
|
|
2178
|
+
],
|
|
2179
|
+
"requiredProps": [],
|
|
2180
|
+
"usedBy": [],
|
|
2181
|
+
"alsoExports": [],
|
|
2182
|
+
"exported": true
|
|
2183
|
+
},
|
|
2184
|
+
"ScProgressBar": {
|
|
2185
|
+
"doc": "ScProgressBar.md",
|
|
2186
|
+
"source": "src/SC-Progress bar",
|
|
2187
|
+
"category": "overlays",
|
|
2188
|
+
"status": "stable",
|
|
2189
|
+
"renders": "div (track) > div (fill)",
|
|
2190
|
+
"summary": "The determinate progress track.",
|
|
2191
|
+
"reachForWhen": "you have a known-percentage operation to show — an upload, a batch render, credits consumed.",
|
|
2192
|
+
"tags": [
|
|
2193
|
+
"progress",
|
|
2194
|
+
"progressbar",
|
|
2195
|
+
"meter",
|
|
2196
|
+
"percent",
|
|
2197
|
+
"loading",
|
|
2198
|
+
"upload",
|
|
2199
|
+
"credits",
|
|
2200
|
+
"determinate"
|
|
2201
|
+
],
|
|
2202
|
+
"related": [
|
|
2203
|
+
"ScCreditsUsageCard",
|
|
2204
|
+
"ScBadges",
|
|
2205
|
+
"ScBeacon",
|
|
2206
|
+
"ScSlider",
|
|
2207
|
+
"ScButton"
|
|
2208
|
+
],
|
|
2209
|
+
"doNotConfuseWith": [
|
|
2210
|
+
"ScSlider",
|
|
2211
|
+
"ScBadges",
|
|
2212
|
+
"ScCounter"
|
|
2213
|
+
],
|
|
2214
|
+
"requiredProps": [],
|
|
2215
|
+
"usedBy": [
|
|
2216
|
+
"photogenix"
|
|
2217
|
+
],
|
|
2218
|
+
"alsoExports": [],
|
|
2219
|
+
"exported": true
|
|
2220
|
+
},
|
|
2221
|
+
"ScRole": {
|
|
2222
|
+
"doc": "ScRole.md",
|
|
2223
|
+
"source": "src/SC-Role",
|
|
2224
|
+
"category": "profile",
|
|
2225
|
+
"status": "stable",
|
|
2226
|
+
"renders": "div",
|
|
2227
|
+
"summary": "The admin/member role pill.",
|
|
2228
|
+
"reachForWhen": "you are showing someone's role in a team table or workspace row and want the standard admin-vs-member colour coding.",
|
|
2229
|
+
"tags": [
|
|
2230
|
+
"role",
|
|
2231
|
+
"admin",
|
|
2232
|
+
"member",
|
|
2233
|
+
"permission",
|
|
2234
|
+
"pill",
|
|
2235
|
+
"badge",
|
|
2236
|
+
"team",
|
|
2237
|
+
"chip"
|
|
2238
|
+
],
|
|
2239
|
+
"related": [
|
|
2240
|
+
"ScRoleMobile",
|
|
2241
|
+
"ScBadges",
|
|
2242
|
+
"ScAccess",
|
|
2243
|
+
"ScTableList",
|
|
2244
|
+
"ScWorkspaceSwitchCard"
|
|
2245
|
+
],
|
|
2246
|
+
"doNotConfuseWith": [
|
|
2247
|
+
"ScBadges",
|
|
2248
|
+
"ScRoleMobile",
|
|
2249
|
+
"ScAccess",
|
|
2250
|
+
"ScSelectionPill",
|
|
2251
|
+
"ScTaxonomyPill"
|
|
2252
|
+
],
|
|
2253
|
+
"requiredProps": [],
|
|
2254
|
+
"usedBy": [
|
|
2255
|
+
"cxo"
|
|
2256
|
+
],
|
|
2257
|
+
"alsoExports": [],
|
|
2258
|
+
"exported": true
|
|
2259
|
+
},
|
|
2260
|
+
"ScRoleMobile": {
|
|
2261
|
+
"doc": "ScRoleMobile.md",
|
|
2262
|
+
"source": "src/SC-Role-Mobile",
|
|
2263
|
+
"category": "mobile",
|
|
2264
|
+
"status": "stable",
|
|
2265
|
+
"renders": "div",
|
|
2266
|
+
"summary": "A fixed 64×32 \"Admin\" / \"Member\" chip for mobile rows.",
|
|
2267
|
+
"reachForWhen": "a mobile list row or card needs the user's role as a chip and the only two roles are admin and member.",
|
|
2268
|
+
"tags": [
|
|
2269
|
+
"mobile",
|
|
2270
|
+
"role",
|
|
2271
|
+
"admin",
|
|
2272
|
+
"member",
|
|
2273
|
+
"badge",
|
|
2274
|
+
"chip",
|
|
2275
|
+
"permission",
|
|
2276
|
+
"label"
|
|
2277
|
+
],
|
|
2278
|
+
"related": [
|
|
2279
|
+
"ScRole",
|
|
2280
|
+
"ScBadges",
|
|
2281
|
+
"ScTableListMobile",
|
|
2282
|
+
"ScWorkspaceSwitchMobileV2",
|
|
2283
|
+
"ScAccess"
|
|
2284
|
+
],
|
|
2285
|
+
"doNotConfuseWith": [
|
|
2286
|
+
"ScRole",
|
|
2287
|
+
"ScBadges",
|
|
2288
|
+
"ScTaxonomyPill",
|
|
2289
|
+
"ScSelectionPill"
|
|
2290
|
+
],
|
|
2291
|
+
"requiredProps": [],
|
|
2292
|
+
"usedBy": [],
|
|
2293
|
+
"alsoExports": [],
|
|
2294
|
+
"exported": true
|
|
2295
|
+
},
|
|
2296
|
+
"ScSelection": {
|
|
2297
|
+
"doc": "ScSelection.md",
|
|
2298
|
+
"source": "src/SC-Selection",
|
|
2299
|
+
"category": "chat-agent",
|
|
2300
|
+
"status": "stable",
|
|
2301
|
+
"renders": "div",
|
|
2302
|
+
"summary": "One radio option row in an in-chat form.",
|
|
2303
|
+
"reachForWhen": "the agent asks the user to pick **one** of several labelled options inside the chat transcript (the `radio` field type of the agent's DynamicForm).",
|
|
2304
|
+
"tags": [
|
|
2305
|
+
"chat",
|
|
2306
|
+
"agent",
|
|
2307
|
+
"radio",
|
|
2308
|
+
"option",
|
|
2309
|
+
"choice",
|
|
2310
|
+
"single-select",
|
|
2311
|
+
"inchat",
|
|
2312
|
+
"dynamicform"
|
|
2313
|
+
],
|
|
2314
|
+
"related": [
|
|
2315
|
+
"ScRadio",
|
|
2316
|
+
"ScSelectionList",
|
|
2317
|
+
"ScHDivider",
|
|
2318
|
+
"ScCheckbox",
|
|
2319
|
+
"ScSelectionPill"
|
|
2320
|
+
],
|
|
2321
|
+
"doNotConfuseWith": [
|
|
2322
|
+
"ScSelectionPill",
|
|
2323
|
+
"ScSelectionPillGroup",
|
|
2324
|
+
"ScSelectionList",
|
|
2325
|
+
"ScRadio",
|
|
2326
|
+
"ScSelect"
|
|
2327
|
+
],
|
|
2328
|
+
"requiredProps": [],
|
|
2329
|
+
"usedBy": [
|
|
2330
|
+
"agent"
|
|
2331
|
+
],
|
|
2332
|
+
"alsoExports": [],
|
|
2333
|
+
"exported": true
|
|
2334
|
+
},
|
|
2335
|
+
"ScSelectionList": {
|
|
2336
|
+
"doc": "ScSelectionList.md",
|
|
2337
|
+
"source": "src/SC-SelectionList",
|
|
2338
|
+
"category": "chat-agent",
|
|
2339
|
+
"status": "stable",
|
|
2340
|
+
"renders": "div",
|
|
2341
|
+
"summary": "One approve-or-reject row for a suggestion the agent made.",
|
|
2342
|
+
"reachForWhen": "the agent proposes a value (or a comma-joined set of values) and the user must accept or decline **that one line**.",
|
|
2343
|
+
"tags": [
|
|
2344
|
+
"chat",
|
|
2345
|
+
"agent",
|
|
2346
|
+
"approve",
|
|
2347
|
+
"reject",
|
|
2348
|
+
"suggestion",
|
|
2349
|
+
"toggle",
|
|
2350
|
+
"inchat",
|
|
2351
|
+
"review",
|
|
2352
|
+
"accept"
|
|
2353
|
+
],
|
|
2354
|
+
"related": [
|
|
2355
|
+
"ScSelection",
|
|
2356
|
+
"ScInChatList",
|
|
2357
|
+
"ScMediaApproval",
|
|
2358
|
+
"ScTodoList"
|
|
2359
|
+
],
|
|
2360
|
+
"doNotConfuseWith": [
|
|
2361
|
+
"ScSelection",
|
|
2362
|
+
"ScSelectionPill",
|
|
2363
|
+
"ScSelectionPillGroup",
|
|
2364
|
+
"ScTodoList",
|
|
2365
|
+
"ScMediaApproval"
|
|
2366
|
+
],
|
|
2367
|
+
"requiredProps": [],
|
|
2368
|
+
"usedBy": [],
|
|
2369
|
+
"alsoExports": [],
|
|
2370
|
+
"exported": true
|
|
2371
|
+
},
|
|
2372
|
+
"ScSelectionPill": {
|
|
2373
|
+
"doc": "ScSelectionPill.md",
|
|
2374
|
+
"source": "src/SC-SelectionPill",
|
|
2375
|
+
"category": "selection",
|
|
2376
|
+
"status": "stable",
|
|
2377
|
+
"renders": "button[type=\"button\"][aria-pressed]",
|
|
2378
|
+
"summary": "One pill in a segmented single-choice row.",
|
|
2379
|
+
"reachForWhen": "you need a segmented control — 2–5 mutually exclusive views or filters shown as pills, all visible at once.",
|
|
2380
|
+
"tags": [
|
|
2381
|
+
"pill",
|
|
2382
|
+
"segmented",
|
|
2383
|
+
"tab",
|
|
2384
|
+
"filter",
|
|
2385
|
+
"chip",
|
|
2386
|
+
"toggle",
|
|
2387
|
+
"single-select"
|
|
2388
|
+
],
|
|
2389
|
+
"related": [
|
|
2390
|
+
"ScSelectionPillGroup",
|
|
2391
|
+
"ScTabs",
|
|
2392
|
+
"ScTabSwitcher",
|
|
2393
|
+
"ScTaxonomyPill",
|
|
2394
|
+
"ScBadges"
|
|
2395
|
+
],
|
|
2396
|
+
"doNotConfuseWith": [
|
|
2397
|
+
"ScSelection",
|
|
2398
|
+
"ScTaxonomyPill",
|
|
2399
|
+
"ScBadges",
|
|
2400
|
+
"ScTabComp"
|
|
2401
|
+
],
|
|
2402
|
+
"requiredProps": [],
|
|
2403
|
+
"usedBy": [
|
|
2404
|
+
"catalogix"
|
|
2405
|
+
],
|
|
2406
|
+
"alsoExports": [],
|
|
2407
|
+
"exported": true
|
|
2408
|
+
},
|
|
2409
|
+
"ScSelectionPillGroup": {
|
|
2410
|
+
"doc": "ScSelectionPillGroup.md",
|
|
2411
|
+
"source": "src/SC-SelectionPillGroup",
|
|
2412
|
+
"category": "feed-taxonomy",
|
|
2413
|
+
"status": "stable",
|
|
2414
|
+
"renders": "div[role=\"tablist\"]",
|
|
2415
|
+
"summary": "The controlled wrapper around a row of `ScSelectionPill`s.",
|
|
2416
|
+
"reachForWhen": "you need a segmented control — 2–5 mutually exclusive views or filters, all visible at once — and you don't want to hand-roll the map/compare/set boilerplate.",
|
|
2417
|
+
"tags": [
|
|
2418
|
+
"segmented",
|
|
2419
|
+
"pills",
|
|
2420
|
+
"tabs",
|
|
2421
|
+
"tablist",
|
|
2422
|
+
"filter",
|
|
2423
|
+
"single-select",
|
|
2424
|
+
"controlled",
|
|
2425
|
+
"group",
|
|
2426
|
+
"catalogix"
|
|
2427
|
+
],
|
|
2428
|
+
"related": [
|
|
2429
|
+
"ScSelectionPill",
|
|
2430
|
+
"ScTabs",
|
|
2431
|
+
"ScTabSwitcher",
|
|
2432
|
+
"ScTabField",
|
|
2433
|
+
"ScTaxonomyPill"
|
|
2434
|
+
],
|
|
2435
|
+
"doNotConfuseWith": [
|
|
2436
|
+
"ScSelection",
|
|
2437
|
+
"ScSelectionList",
|
|
2438
|
+
"ScTabs",
|
|
2439
|
+
"ScTabSwitcher",
|
|
2440
|
+
"ScSettingsTabComp"
|
|
2441
|
+
],
|
|
2442
|
+
"requiredProps": [],
|
|
2443
|
+
"usedBy": [
|
|
2444
|
+
"catalogix"
|
|
2445
|
+
],
|
|
2446
|
+
"alsoExports": [],
|
|
2447
|
+
"exported": true
|
|
2448
|
+
},
|
|
2449
|
+
"ScSideBarLogoUnit": {
|
|
2450
|
+
"doc": "ScSideBarLogoUnit.md",
|
|
2451
|
+
"source": "src/SC-SideBarLogoUnit",
|
|
2452
|
+
"category": "sidebar",
|
|
2453
|
+
"status": "stable",
|
|
2454
|
+
"renders": "div > button[type=\"button\"]",
|
|
2455
|
+
"summary": "The row at the top of every sidebar: the product wordmark plus the double-arrow \"switch product\" pill, as one click target.",
|
|
2456
|
+
"reachForWhen": "you are filling `StreamoidSidebar`/`ScArtifaxSidebar`'s `expandedLogo` / `collapsedLogo` slots.",
|
|
2457
|
+
"tags": [
|
|
2458
|
+
"logo",
|
|
2459
|
+
"wordmark",
|
|
2460
|
+
"sidebar-header",
|
|
2461
|
+
"app-switcher",
|
|
2462
|
+
"switch-product",
|
|
2463
|
+
"chevron",
|
|
2464
|
+
"brand",
|
|
2465
|
+
"product-mark"
|
|
2466
|
+
],
|
|
2467
|
+
"related": [
|
|
2468
|
+
"StreamoidSidebar",
|
|
2469
|
+
"ScArtifaxSidebar",
|
|
2470
|
+
"ScAppSwitchPanel",
|
|
2471
|
+
"ScStreamoidWordmark",
|
|
2472
|
+
"ScStreamoidMascot"
|
|
2473
|
+
],
|
|
2474
|
+
"doNotConfuseWith": [
|
|
2475
|
+
"ScLogoUnit",
|
|
2476
|
+
"ScStreamoidWordmark",
|
|
2477
|
+
"ScStreamoidMascot",
|
|
2478
|
+
"ScStrLogo",
|
|
2479
|
+
"ScAppcardLogos",
|
|
2480
|
+
"ScCxoCopilotLogo"
|
|
2481
|
+
],
|
|
2482
|
+
"requiredProps": [],
|
|
2483
|
+
"usedBy": [
|
|
2484
|
+
"cxo",
|
|
2485
|
+
"photogenix",
|
|
2486
|
+
"catalogix",
|
|
2487
|
+
"artifax"
|
|
2488
|
+
],
|
|
2489
|
+
"alsoExports": [
|
|
2490
|
+
"ProductWordmark",
|
|
2491
|
+
"ProductCollapsedMark",
|
|
2492
|
+
"hasCollapsedMark"
|
|
2493
|
+
],
|
|
2494
|
+
"exported": true
|
|
2495
|
+
},
|
|
2496
|
+
"ScSidebar": {
|
|
2497
|
+
"doc": "ScSidebar.md",
|
|
2498
|
+
"source": "src/SC-Sidebar",
|
|
2499
|
+
"category": "sidebar",
|
|
2500
|
+
"status": "legacy",
|
|
2501
|
+
"renders": "div",
|
|
2502
|
+
"summary": "Legacy. Superseded by `StreamoidSidebar` (`src/SC-Sidebar-new`). Do not use it in new code.",
|
|
2503
|
+
"reachForWhen": "never, in product code. It exists so old imports keep resolving, and as a pixel reference for the original design.",
|
|
2504
|
+
"tags": [
|
|
2505
|
+
"sidebar",
|
|
2506
|
+
"rail",
|
|
2507
|
+
"nav",
|
|
2508
|
+
"legacy",
|
|
2509
|
+
"deprecated",
|
|
2510
|
+
"figma-export",
|
|
2511
|
+
"expanded",
|
|
2512
|
+
"collapsed",
|
|
2513
|
+
"shell"
|
|
2514
|
+
],
|
|
2515
|
+
"related": [
|
|
2516
|
+
"StreamoidSidebar",
|
|
2517
|
+
"ScCatalogixSidebar",
|
|
2518
|
+
"ScArtifaxSidebar",
|
|
2519
|
+
"ScSidebarMenu",
|
|
2520
|
+
"ScSideBarLogoUnit"
|
|
2521
|
+
],
|
|
2522
|
+
"doNotConfuseWith": [
|
|
2523
|
+
"StreamoidSidebar",
|
|
2524
|
+
"ScSidebarMenu",
|
|
2525
|
+
"ScCatalogixSidebar",
|
|
2526
|
+
"ScArtifaxSidebar",
|
|
2527
|
+
"ScMobileTopNav"
|
|
2528
|
+
],
|
|
2529
|
+
"requiredProps": [],
|
|
2530
|
+
"usedBy": [],
|
|
2531
|
+
"alsoExports": [],
|
|
2532
|
+
"exported": true
|
|
2533
|
+
},
|
|
2534
|
+
"ScSidebarSwitchMenu": {
|
|
2535
|
+
"doc": "ScSidebarSwitchMenu.md",
|
|
2536
|
+
"source": "src/SC-Sidebar Switch menu",
|
|
2537
|
+
"category": "sidebar",
|
|
2538
|
+
"status": "stable",
|
|
2539
|
+
"renders": "div",
|
|
2540
|
+
"summary": "The two-line row in a sidebar's app-switch list.",
|
|
2541
|
+
"reachForWhen": "you're building a \"switch to another product\" list inside a sidebar and each entry needs a name **and** a subtitle.",
|
|
2542
|
+
"tags": [
|
|
2543
|
+
"sidebar",
|
|
2544
|
+
"app-switcher",
|
|
2545
|
+
"product-switch",
|
|
2546
|
+
"two-line",
|
|
2547
|
+
"nav-row",
|
|
2548
|
+
"description",
|
|
2549
|
+
"switch-menu"
|
|
2550
|
+
],
|
|
2551
|
+
"related": [
|
|
2552
|
+
"ScSidebarMenu",
|
|
2553
|
+
"ScAppSwitchPanel",
|
|
2554
|
+
"ScCatalogixSidebar",
|
|
2555
|
+
"StreamoidSidebar",
|
|
2556
|
+
"ScSideBarLogoUnit"
|
|
2557
|
+
],
|
|
2558
|
+
"doNotConfuseWith": [
|
|
2559
|
+
"ScSidebarMenu",
|
|
2560
|
+
"ScAppSwitchPanel",
|
|
2561
|
+
"ScWorkspaceSwitchCard",
|
|
2562
|
+
"StreamoidWorkspaceSwitcher",
|
|
2563
|
+
"ScAppCard"
|
|
2564
|
+
],
|
|
2565
|
+
"requiredProps": [],
|
|
2566
|
+
"usedBy": [],
|
|
2567
|
+
"alsoExports": [],
|
|
2568
|
+
"exported": true
|
|
2569
|
+
},
|
|
2570
|
+
"ScSidebarMenu": {
|
|
2571
|
+
"doc": "ScSidebarMenu.md",
|
|
2572
|
+
"source": "src/SC-Sidebar menu",
|
|
2573
|
+
"category": "sidebar",
|
|
2574
|
+
"status": "stable",
|
|
2575
|
+
"renders": "div",
|
|
2576
|
+
"summary": "One nav row in a sidebar rail.",
|
|
2577
|
+
"reachForWhen": "you are laying out sidebar nav rows yourself, or building a vertical nav that isn't the app rail (e.g. a settings nav, a panel's section list).",
|
|
2578
|
+
"tags": [
|
|
2579
|
+
"sidebar",
|
|
2580
|
+
"nav",
|
|
2581
|
+
"menu-item",
|
|
2582
|
+
"nav-row",
|
|
2583
|
+
"rail",
|
|
2584
|
+
"collapsed",
|
|
2585
|
+
"active",
|
|
2586
|
+
"more-icon",
|
|
2587
|
+
"kebab"
|
|
2588
|
+
],
|
|
2589
|
+
"related": [
|
|
2590
|
+
"StreamoidSidebar",
|
|
2591
|
+
"ScSidebarSwitchMenu",
|
|
2592
|
+
"ScSettingsNav",
|
|
2593
|
+
"ScMenuOptions",
|
|
2594
|
+
"ScSideBarLogoUnit"
|
|
2595
|
+
],
|
|
2596
|
+
"doNotConfuseWith": [
|
|
2597
|
+
"ScSidebarSwitchMenu",
|
|
2598
|
+
"ScSidebar",
|
|
2599
|
+
"ScMenuOptions",
|
|
2600
|
+
"ScSettingsTabComp"
|
|
2601
|
+
],
|
|
2602
|
+
"requiredProps": [],
|
|
2603
|
+
"usedBy": [
|
|
2604
|
+
"cxo",
|
|
2605
|
+
"photogenix",
|
|
2606
|
+
"catalogix",
|
|
2607
|
+
"artifax"
|
|
2608
|
+
],
|
|
2609
|
+
"alsoExports": [],
|
|
2610
|
+
"exported": true
|
|
2611
|
+
},
|
|
2612
|
+
"ScSidebarProfile": {
|
|
2613
|
+
"doc": "ScSidebarProfile.md",
|
|
2614
|
+
"source": "src/SC-Sidebar profile",
|
|
2615
|
+
"category": "sidebar",
|
|
2616
|
+
"status": "legacy",
|
|
2617
|
+
"renders": "div",
|
|
2618
|
+
"summary": "Legacy. Superseded by `StreamoidSidebar`'s `profile` prop.",
|
|
2619
|
+
"reachForWhen": "never. There is no way to pass a real user through it.",
|
|
2620
|
+
"tags": [
|
|
2621
|
+
"sidebar",
|
|
2622
|
+
"profile",
|
|
2623
|
+
"footer",
|
|
2624
|
+
"avatar",
|
|
2625
|
+
"user",
|
|
2626
|
+
"legacy",
|
|
2627
|
+
"placeholder"
|
|
2628
|
+
],
|
|
2629
|
+
"related": [
|
|
2630
|
+
"ScProfile",
|
|
2631
|
+
"StreamoidSidebar",
|
|
2632
|
+
"ScProfilePopup",
|
|
2633
|
+
"ScProfileOptions",
|
|
2634
|
+
"ScDp"
|
|
2635
|
+
],
|
|
2636
|
+
"doNotConfuseWith": [
|
|
2637
|
+
"ScProfile",
|
|
2638
|
+
"ScProfileOptions",
|
|
2639
|
+
"ScProfilePopup",
|
|
2640
|
+
"ScProfileSettingsComp",
|
|
2641
|
+
"ScProfileV2Mobile",
|
|
2642
|
+
"ScIntialProfileCover"
|
|
2643
|
+
],
|
|
2644
|
+
"requiredProps": [],
|
|
2645
|
+
"usedBy": [],
|
|
2646
|
+
"alsoExports": [],
|
|
2647
|
+
"exported": true
|
|
2648
|
+
},
|
|
2649
|
+
"StreamoidSidebar": {
|
|
2650
|
+
"doc": "StreamoidSidebar.md",
|
|
2651
|
+
"source": "src/SC-Sidebar-new",
|
|
2652
|
+
"category": "sidebar",
|
|
2653
|
+
"status": "stable",
|
|
2654
|
+
"renders": "div",
|
|
2655
|
+
"summary": "The current shared sidebar shell for every desktop Streamoid app.",
|
|
2656
|
+
"reachForWhen": "you are building (or fixing) a desktop app's primary left navigation and you want the same chrome CXO, Photogenix and Catalogix use.",
|
|
2657
|
+
"tags": [
|
|
2658
|
+
"sidebar",
|
|
2659
|
+
"nav",
|
|
2660
|
+
"shell",
|
|
2661
|
+
"rail",
|
|
2662
|
+
"collapse",
|
|
2663
|
+
"expand",
|
|
2664
|
+
"app-shell",
|
|
2665
|
+
"switcher",
|
|
2666
|
+
"primary-navigation"
|
|
2667
|
+
],
|
|
2668
|
+
"related": [
|
|
2669
|
+
"ScSideBarLogoUnit",
|
|
2670
|
+
"ScAppSwitchPanel",
|
|
2671
|
+
"ScSidebarMenu",
|
|
2672
|
+
"ScAskAgentButton",
|
|
2673
|
+
"CreditWarningBanner",
|
|
2674
|
+
"ScArtifaxSidebar"
|
|
2675
|
+
],
|
|
2676
|
+
"doNotConfuseWith": [
|
|
2677
|
+
"ScSidebar",
|
|
2678
|
+
"ScArtifaxSidebar",
|
|
2679
|
+
"ScCatalogixSidebar",
|
|
2680
|
+
"ScSidebarMenu",
|
|
2681
|
+
"ScLogoUnit"
|
|
2682
|
+
],
|
|
2683
|
+
"requiredProps": [
|
|
2684
|
+
"expanded",
|
|
2685
|
+
"onToggle",
|
|
2686
|
+
"config",
|
|
2687
|
+
"iconMap"
|
|
2688
|
+
],
|
|
2689
|
+
"usedBy": [
|
|
2690
|
+
"cxo",
|
|
2691
|
+
"photogenix",
|
|
2692
|
+
"catalogix"
|
|
2693
|
+
],
|
|
2694
|
+
"alsoExports": [],
|
|
2695
|
+
"exported": true
|
|
2696
|
+
},
|
|
2697
|
+
"ScSlider": {
|
|
2698
|
+
"doc": "ScSlider.md",
|
|
2699
|
+
"source": "src/SC-Slider",
|
|
2700
|
+
"category": "forms",
|
|
2701
|
+
"status": "legacy",
|
|
2702
|
+
"renders": "div",
|
|
2703
|
+
"summary": "Not a working slider — a static five-segment bar.",
|
|
2704
|
+
"reachForWhen": "essentially never in its current form. There is no host call site, and it cannot report or receive a value.",
|
|
2705
|
+
"tags": [
|
|
2706
|
+
"slider",
|
|
2707
|
+
"range",
|
|
2708
|
+
"steps",
|
|
2709
|
+
"segmented-progress",
|
|
2710
|
+
"strength",
|
|
2711
|
+
"opacity",
|
|
2712
|
+
"non-interactive",
|
|
2713
|
+
"figma-trace"
|
|
2714
|
+
],
|
|
2715
|
+
"related": [
|
|
2716
|
+
"ScProgressBar",
|
|
2717
|
+
"ScCounter",
|
|
2718
|
+
"ScTextField"
|
|
2719
|
+
],
|
|
2720
|
+
"doNotConfuseWith": [
|
|
2721
|
+
"ScProgressBar",
|
|
2722
|
+
"ScCounter",
|
|
2723
|
+
"ScSelectionPillGroup",
|
|
2724
|
+
"ScTabSwitcher"
|
|
2725
|
+
],
|
|
2726
|
+
"requiredProps": [],
|
|
2727
|
+
"usedBy": [],
|
|
2728
|
+
"alsoExports": [],
|
|
2729
|
+
"exported": true
|
|
2730
|
+
},
|
|
2731
|
+
"ScStoreCard": {
|
|
2732
|
+
"doc": "ScStoreCard.md",
|
|
2733
|
+
"source": "src/SC-StoreCard",
|
|
2734
|
+
"category": "cards",
|
|
2735
|
+
"status": "stable",
|
|
2736
|
+
"renders": "div",
|
|
2737
|
+
"summary": "One store in the Catalogix stores grid.",
|
|
2738
|
+
"reachForWhen": "you are rendering the **grid** view of a stores listing and each tile is name + status + counts + date.",
|
|
2739
|
+
"tags": [
|
|
2740
|
+
"card",
|
|
2741
|
+
"store",
|
|
2742
|
+
"tile",
|
|
2743
|
+
"listing",
|
|
2744
|
+
"grid",
|
|
2745
|
+
"beacon",
|
|
2746
|
+
"status",
|
|
2747
|
+
"products",
|
|
2748
|
+
"catalogix"
|
|
2749
|
+
],
|
|
2750
|
+
"related": [
|
|
2751
|
+
"ScBeacon",
|
|
2752
|
+
"ScHDivider",
|
|
2753
|
+
"ScCatalogixStoreHeader",
|
|
2754
|
+
"ScCatalogixStoreTableList",
|
|
2755
|
+
"ScDefaultCard"
|
|
2756
|
+
],
|
|
2757
|
+
"doNotConfuseWith": [
|
|
2758
|
+
"ScCatalogixStoreTableList",
|
|
2759
|
+
"ScDefaultCard",
|
|
2760
|
+
"ScAppListingCard",
|
|
2761
|
+
"ScWorkspaceCard"
|
|
2762
|
+
],
|
|
2763
|
+
"requiredProps": [],
|
|
2764
|
+
"usedBy": [
|
|
2765
|
+
"catalogix"
|
|
2766
|
+
],
|
|
2767
|
+
"alsoExports": [],
|
|
2768
|
+
"exported": true
|
|
2769
|
+
},
|
|
2770
|
+
"ScSubAgent": {
|
|
2771
|
+
"doc": "ScSubAgent.md",
|
|
2772
|
+
"source": "src/SC-SubAgent",
|
|
2773
|
+
"category": "chat-agent",
|
|
2774
|
+
"status": "stable",
|
|
2775
|
+
"renders": "div",
|
|
2776
|
+
"summary": "The \"Using Research Agent…\" pill.",
|
|
2777
|
+
"reachForWhen": "a step in the transcript **is** a delegation — the agent invoked a named sub-agent and you want to say so in one chip.",
|
|
2778
|
+
"tags": [
|
|
2779
|
+
"chat",
|
|
2780
|
+
"agent",
|
|
2781
|
+
"sub-agent",
|
|
2782
|
+
"delegation",
|
|
2783
|
+
"pill",
|
|
2784
|
+
"badge",
|
|
2785
|
+
"using",
|
|
2786
|
+
"tool",
|
|
2787
|
+
"inchat"
|
|
2788
|
+
],
|
|
2789
|
+
"related": [
|
|
2790
|
+
"ScInChatList",
|
|
2791
|
+
"ScThinkingStepIcon",
|
|
2792
|
+
"ScInChatMessage",
|
|
2793
|
+
"ScBadges"
|
|
2794
|
+
],
|
|
2795
|
+
"doNotConfuseWith": [
|
|
2796
|
+
"ScInChatList",
|
|
2797
|
+
"ScBadges",
|
|
2798
|
+
"ScTaxonomyPill",
|
|
2799
|
+
"ScSelectionPill"
|
|
2800
|
+
],
|
|
2801
|
+
"requiredProps": [],
|
|
2802
|
+
"usedBy": [
|
|
2803
|
+
"agent"
|
|
2804
|
+
],
|
|
2805
|
+
"alsoExports": [
|
|
2806
|
+
"formatSubAgentLabel"
|
|
2807
|
+
],
|
|
2808
|
+
"exported": true
|
|
2809
|
+
},
|
|
2810
|
+
"ScTabs": {
|
|
2811
|
+
"doc": "ScTabs.md",
|
|
2812
|
+
"source": "src/SC-Tabs",
|
|
2813
|
+
"category": "layout",
|
|
2814
|
+
"status": "stable",
|
|
2815
|
+
"renders": "div",
|
|
2816
|
+
"summary": "The data-driven N-tab pill bar.",
|
|
2817
|
+
"reachForWhen": "you have an arbitrary-length list of views/filters (6, 12, 20 tabs) and want them as a wrapping row of pills.",
|
|
2818
|
+
"tags": [
|
|
2819
|
+
"tabs",
|
|
2820
|
+
"tab-bar",
|
|
2821
|
+
"pills",
|
|
2822
|
+
"filter",
|
|
2823
|
+
"segmented",
|
|
2824
|
+
"n-tabs",
|
|
2825
|
+
"view-switch",
|
|
2826
|
+
"wrap",
|
|
2827
|
+
"compact"
|
|
2828
|
+
],
|
|
2829
|
+
"related": [
|
|
2830
|
+
"ScTabComp",
|
|
2831
|
+
"ScTabSwitcher",
|
|
2832
|
+
"ScTabField",
|
|
2833
|
+
"ScSettingsTabComp",
|
|
2834
|
+
"ScSelectionPillGroup"
|
|
2835
|
+
],
|
|
2836
|
+
"doNotConfuseWith": [
|
|
2837
|
+
"ScTabComp",
|
|
2838
|
+
"ScTabSwitcher",
|
|
2839
|
+
"ScTabField",
|
|
2840
|
+
"ScSettingsTabComp",
|
|
2841
|
+
"ScSelectionPill"
|
|
2842
|
+
],
|
|
2843
|
+
"requiredProps": [
|
|
2844
|
+
"tabs"
|
|
2845
|
+
],
|
|
2846
|
+
"usedBy": [
|
|
2847
|
+
"catalogix"
|
|
2848
|
+
],
|
|
2849
|
+
"alsoExports": [],
|
|
2850
|
+
"exported": true
|
|
2851
|
+
},
|
|
2852
|
+
"ScTaxonomyPill": {
|
|
2853
|
+
"doc": "ScTaxonomyPill.md",
|
|
2854
|
+
"source": "src/SC-TaxonomyPill",
|
|
2855
|
+
"category": "feed-taxonomy",
|
|
2856
|
+
"status": "stable",
|
|
2857
|
+
"renders": "div",
|
|
2858
|
+
"summary": "The node chip of a taxonomy tree.",
|
|
2859
|
+
"reachForWhen": "you're drawing a category/ontology tree and need the node chips and their expand/collapse controls to look like one family.",
|
|
2860
|
+
"tags": [
|
|
2861
|
+
"taxonomy",
|
|
2862
|
+
"hierarchy",
|
|
2863
|
+
"tree",
|
|
2864
|
+
"node",
|
|
2865
|
+
"chip",
|
|
2866
|
+
"pill",
|
|
2867
|
+
"expand",
|
|
2868
|
+
"collapse",
|
|
2869
|
+
"chevron",
|
|
2870
|
+
"catalogix",
|
|
2871
|
+
"ontology"
|
|
2872
|
+
],
|
|
2873
|
+
"related": [
|
|
2874
|
+
"ScSelectionPill",
|
|
2875
|
+
"ScSelectionPillGroup",
|
|
2876
|
+
"ScValueMappingL1",
|
|
2877
|
+
"ScBadges",
|
|
2878
|
+
"ScDefaultCard"
|
|
2879
|
+
],
|
|
2880
|
+
"doNotConfuseWith": [
|
|
2881
|
+
"ScSelectionPill",
|
|
2882
|
+
"ScSelectionPillGroup",
|
|
2883
|
+
"ScBadges",
|
|
2884
|
+
"ScSelection"
|
|
2885
|
+
],
|
|
2886
|
+
"requiredProps": [],
|
|
2887
|
+
"usedBy": [
|
|
2888
|
+
"catalogix"
|
|
2889
|
+
],
|
|
2890
|
+
"alsoExports": [],
|
|
2891
|
+
"exported": true
|
|
2892
|
+
},
|
|
2893
|
+
"ScThinkingStepIcon": {
|
|
2894
|
+
"doc": "ScThinkingStepIcon.md",
|
|
2895
|
+
"source": "src/SC-ThinkingStepIcon",
|
|
2896
|
+
"category": "chat-agent",
|
|
2897
|
+
"status": "stable",
|
|
2898
|
+
"renders": "span",
|
|
2899
|
+
"summary": "The 12px status glyph for one agent reasoning step.",
|
|
2900
|
+
"reachForWhen": "you are laying out your own step/progress row and need the product's pending → working → done → failed glyph.",
|
|
2901
|
+
"tags": [
|
|
2902
|
+
"chat",
|
|
2903
|
+
"agent",
|
|
2904
|
+
"spinner",
|
|
2905
|
+
"status",
|
|
2906
|
+
"step",
|
|
2907
|
+
"thinking",
|
|
2908
|
+
"reasoning",
|
|
2909
|
+
"tick",
|
|
2910
|
+
"error",
|
|
2911
|
+
"glyph",
|
|
2912
|
+
"inchat"
|
|
2913
|
+
],
|
|
2914
|
+
"related": [
|
|
2915
|
+
"ScInChatList",
|
|
2916
|
+
"ScSubAgent",
|
|
2917
|
+
"ScProgressBar",
|
|
2918
|
+
"ScBeacon",
|
|
2919
|
+
"ScTodoList"
|
|
2920
|
+
],
|
|
2921
|
+
"doNotConfuseWith": [
|
|
2922
|
+
"ScBeacon",
|
|
2923
|
+
"ScProgressBar",
|
|
2924
|
+
"ScBadges",
|
|
2925
|
+
"ScInChatList"
|
|
2926
|
+
],
|
|
2927
|
+
"requiredProps": [],
|
|
2928
|
+
"usedBy": [],
|
|
2929
|
+
"alsoExports": [],
|
|
2930
|
+
"exported": true
|
|
2931
|
+
},
|
|
2932
|
+
"ScUsageHistoryMobile": {
|
|
2933
|
+
"doc": "ScUsageHistoryMobile.md",
|
|
2934
|
+
"source": "src/SC-UsageHistory-Mobile",
|
|
2935
|
+
"category": "mobile",
|
|
2936
|
+
"status": "deprecated",
|
|
2937
|
+
"renders": "div",
|
|
2938
|
+
"summary": "Do not use — this component is not shipped.",
|
|
2939
|
+
"reachForWhen": "never. Use `UsageHistoryMobile` instead.",
|
|
2940
|
+
"tags": [
|
|
2941
|
+
"mobile",
|
|
2942
|
+
"billing",
|
|
2943
|
+
"usage",
|
|
2944
|
+
"credits",
|
|
2945
|
+
"log",
|
|
2946
|
+
"row",
|
|
2947
|
+
"unexported",
|
|
2948
|
+
"dead-code",
|
|
2949
|
+
"superseded"
|
|
2950
|
+
],
|
|
2951
|
+
"related": [
|
|
2952
|
+
"UsageHistoryMobile",
|
|
2953
|
+
"ScInvoiceHistoryMobile",
|
|
2954
|
+
"ScBillingLogsTableList"
|
|
2955
|
+
],
|
|
2956
|
+
"doNotConfuseWith": [
|
|
2957
|
+
"UsageHistoryMobile",
|
|
2958
|
+
"ScInvoiceHistoryMobile",
|
|
2959
|
+
"InvoiceHistoryMobile"
|
|
2960
|
+
],
|
|
2961
|
+
"requiredProps": [],
|
|
2962
|
+
"usedBy": [],
|
|
2963
|
+
"alsoExports": [],
|
|
2964
|
+
"exported": false
|
|
2965
|
+
},
|
|
2966
|
+
"UsageHistoryMobile": {
|
|
2967
|
+
"doc": "UsageHistoryMobile.md",
|
|
2968
|
+
"source": "src/SC-UsageHistoryMobile",
|
|
2969
|
+
"category": "mobile",
|
|
2970
|
+
"status": "stable",
|
|
2971
|
+
"renders": "div",
|
|
2972
|
+
"summary": "One credit-usage log row in CXO's mobile billing list.",
|
|
2973
|
+
"reachForWhen": "you are rendering the \"Usage history\" tab of a mobile billing screen, one component per credit-debit log entry.",
|
|
2974
|
+
"tags": [
|
|
2975
|
+
"mobile",
|
|
2976
|
+
"billing",
|
|
2977
|
+
"usage",
|
|
2978
|
+
"credits",
|
|
2979
|
+
"log",
|
|
2980
|
+
"history",
|
|
2981
|
+
"row",
|
|
2982
|
+
"list-item",
|
|
2983
|
+
"cxo"
|
|
2984
|
+
],
|
|
2985
|
+
"related": [
|
|
2986
|
+
"InvoiceHistoryMobile",
|
|
2987
|
+
"ScBillingLogsTableList",
|
|
2988
|
+
"ScBillingLogsTableHeader",
|
|
2989
|
+
"ScUsageHistoryMobile"
|
|
2990
|
+
],
|
|
2991
|
+
"doNotConfuseWith": [
|
|
2992
|
+
"ScUsageHistoryMobile",
|
|
2993
|
+
"InvoiceHistoryMobile",
|
|
2994
|
+
"ScBillingLogsTableList",
|
|
2995
|
+
"ScCreditsUsageCardMobile"
|
|
2996
|
+
],
|
|
2997
|
+
"requiredProps": [],
|
|
2998
|
+
"usedBy": [
|
|
2999
|
+
"cxo"
|
|
3000
|
+
],
|
|
3001
|
+
"alsoExports": [],
|
|
3002
|
+
"exported": true
|
|
3003
|
+
},
|
|
3004
|
+
"ScVDivider": {
|
|
3005
|
+
"doc": "ScVDivider.md",
|
|
3006
|
+
"source": "src/SC-VDivider",
|
|
3007
|
+
"category": "layout",
|
|
3008
|
+
"status": "stable",
|
|
3009
|
+
"renders": "div",
|
|
3010
|
+
"summary": "The vertical hairline.",
|
|
3011
|
+
"reachForWhen": "you need a rule between two things sitting side by side — a search field and a close button, two stat columns, a toolbar's action groups.",
|
|
3012
|
+
"tags": [
|
|
3013
|
+
"divider",
|
|
3014
|
+
"separator",
|
|
3015
|
+
"vertical",
|
|
3016
|
+
"hairline",
|
|
3017
|
+
"rule",
|
|
3018
|
+
"column-separator",
|
|
3019
|
+
"pipe"
|
|
3020
|
+
],
|
|
3021
|
+
"related": [
|
|
3022
|
+
"ScHDivider"
|
|
3023
|
+
],
|
|
3024
|
+
"doNotConfuseWith": [
|
|
3025
|
+
"ScHDivider"
|
|
3026
|
+
],
|
|
3027
|
+
"requiredProps": [],
|
|
3028
|
+
"usedBy": [
|
|
3029
|
+
"cxo",
|
|
3030
|
+
"catalogix",
|
|
3031
|
+
"artifax"
|
|
3032
|
+
],
|
|
3033
|
+
"alsoExports": [],
|
|
3034
|
+
"exported": true
|
|
3035
|
+
},
|
|
3036
|
+
"ScValueMappingL1": {
|
|
3037
|
+
"doc": "ScValueMappingL1.md",
|
|
3038
|
+
"source": "src/SC-ValueMappingL1",
|
|
3039
|
+
"category": "feed-taxonomy",
|
|
3040
|
+
"status": "stable",
|
|
3041
|
+
"renders": "div",
|
|
3042
|
+
"summary": "One selectable row in a value-mapping / curation list.",
|
|
3043
|
+
"reachForWhen": "you need a vertical list of *values* (attribute values, categories, enum members) where exactly one is the current selection and some carry an \"updated\" marker.",
|
|
3044
|
+
"tags": [
|
|
3045
|
+
"value-mapping",
|
|
3046
|
+
"curation",
|
|
3047
|
+
"attribute-value",
|
|
3048
|
+
"list-row",
|
|
3049
|
+
"selectable-row",
|
|
3050
|
+
"updated-dot",
|
|
3051
|
+
"catalogix",
|
|
3052
|
+
"map-values"
|
|
3053
|
+
],
|
|
3054
|
+
"related": [
|
|
3055
|
+
"ScMappingCard",
|
|
3056
|
+
"ScSelectionPillGroup",
|
|
3057
|
+
"ScTaxonomyPill",
|
|
3058
|
+
"ScDefaultCard"
|
|
3059
|
+
],
|
|
3060
|
+
"doNotConfuseWith": [
|
|
3061
|
+
"ScMappingCard",
|
|
3062
|
+
"ScSelectionPill",
|
|
3063
|
+
"ScDefaultCard",
|
|
3064
|
+
"ScTableList"
|
|
3065
|
+
],
|
|
3066
|
+
"requiredProps": [],
|
|
3067
|
+
"usedBy": [
|
|
3068
|
+
"catalogix"
|
|
3069
|
+
],
|
|
3070
|
+
"alsoExports": [],
|
|
3071
|
+
"exported": true
|
|
3072
|
+
},
|
|
3073
|
+
"ScWorkspace": {
|
|
3074
|
+
"doc": "ScWorkspace.md",
|
|
3075
|
+
"source": "src/SC-Workspace",
|
|
3076
|
+
"category": "profile",
|
|
3077
|
+
"status": "stable",
|
|
3078
|
+
"renders": "div",
|
|
3079
|
+
"summary": "The workspace identity row — and it is not part of the public API.",
|
|
3080
|
+
"reachForWhen": "you are editing a component **inside** `packages/ui/src` and need the workspace identity row. Import it by relative path.",
|
|
3081
|
+
"tags": [
|
|
3082
|
+
"workspace",
|
|
3083
|
+
"identity",
|
|
3084
|
+
"workspace-name",
|
|
3085
|
+
"role",
|
|
3086
|
+
"internal",
|
|
3087
|
+
"not-exported",
|
|
3088
|
+
"tenant"
|
|
3089
|
+
],
|
|
3090
|
+
"related": [
|
|
3091
|
+
"ScProfile",
|
|
3092
|
+
"ScProfilePopup",
|
|
3093
|
+
"ScWorkspaceSwitchCard",
|
|
3094
|
+
"ScWorkspaceCard",
|
|
3095
|
+
"ScDp"
|
|
3096
|
+
],
|
|
3097
|
+
"doNotConfuseWith": [
|
|
3098
|
+
"ScProfile",
|
|
3099
|
+
"ScWorkspaceCard",
|
|
3100
|
+
"ScWorkspaceSwitchCard",
|
|
3101
|
+
"StreamoidWorkspaceSwitcher",
|
|
3102
|
+
"ScWorkspaceSwitchMobileV2"
|
|
3103
|
+
],
|
|
3104
|
+
"requiredProps": [],
|
|
3105
|
+
"usedBy": [],
|
|
3106
|
+
"alsoExports": [],
|
|
3107
|
+
"exported": false
|
|
3108
|
+
},
|
|
3109
|
+
"ScWorkspaceSwitchCard": {
|
|
3110
|
+
"doc": "ScWorkspaceSwitchCard.md",
|
|
3111
|
+
"source": "src/SC-WorkspaceSwitchCard",
|
|
3112
|
+
"category": "cards",
|
|
3113
|
+
"status": "stable",
|
|
3114
|
+
"renders": "div",
|
|
3115
|
+
"summary": "One row in the \"switch workspace\" list.",
|
|
3116
|
+
"reachForWhen": "you are building a workspace list where each row shows role, plan and owner and can be switched into, configured or left.",
|
|
3117
|
+
"tags": [
|
|
3118
|
+
"workspace",
|
|
3119
|
+
"switch-workspace",
|
|
3120
|
+
"tenant",
|
|
3121
|
+
"current-workspace",
|
|
3122
|
+
"role",
|
|
3123
|
+
"plan",
|
|
3124
|
+
"owner",
|
|
3125
|
+
"hover-actions",
|
|
3126
|
+
"leave-workspace"
|
|
3127
|
+
],
|
|
3128
|
+
"related": [
|
|
3129
|
+
"ScWorkspaceCard",
|
|
3130
|
+
"ScWorkspaceSwitchMobileV2",
|
|
3131
|
+
"ScDp",
|
|
3132
|
+
"StreamoidWorkspaceSwitcher",
|
|
3133
|
+
"ScProfilePopup"
|
|
3134
|
+
],
|
|
3135
|
+
"doNotConfuseWith": [
|
|
3136
|
+
"ScWorkspaceCard",
|
|
3137
|
+
"ScWorkspace",
|
|
3138
|
+
"StreamoidWorkspaceSwitcher",
|
|
3139
|
+
"ScWorkspaceSwitchMobile",
|
|
3140
|
+
"ScWorkspaceSwitchMobileV2"
|
|
3141
|
+
],
|
|
3142
|
+
"requiredProps": [],
|
|
3143
|
+
"usedBy": [
|
|
3144
|
+
"cxo",
|
|
3145
|
+
"photogenix",
|
|
3146
|
+
"catalogix",
|
|
3147
|
+
"artifax"
|
|
3148
|
+
],
|
|
3149
|
+
"alsoExports": [
|
|
3150
|
+
"NscWorkspaceSwitch"
|
|
3151
|
+
],
|
|
3152
|
+
"exported": true
|
|
3153
|
+
},
|
|
3154
|
+
"ScWorkspaceSwitchMobileV2": {
|
|
3155
|
+
"doc": "ScWorkspaceSwitchMobileV2.md",
|
|
3156
|
+
"source": "src/SC-WorkspaceSwitchMobile-V2",
|
|
3157
|
+
"category": "mobile",
|
|
3158
|
+
"status": "stable",
|
|
3159
|
+
"renders": "div",
|
|
3160
|
+
"summary": "The mobile workspace row that CXO actually ships.",
|
|
3161
|
+
"reachForWhen": "you need a workspace identity row on mobile — in the workspace switcher sheet, in mobile settings, or as the header of a workspace popup.",
|
|
3162
|
+
"tags": [
|
|
3163
|
+
"mobile",
|
|
3164
|
+
"workspace",
|
|
3165
|
+
"switcher",
|
|
3166
|
+
"switch",
|
|
3167
|
+
"current",
|
|
3168
|
+
"other",
|
|
3169
|
+
"card",
|
|
3170
|
+
"role",
|
|
3171
|
+
"plan",
|
|
3172
|
+
"cxo"
|
|
3173
|
+
],
|
|
3174
|
+
"related": [
|
|
3175
|
+
"ScWorkspaceSwitchMobile",
|
|
3176
|
+
"ScWorkspaceSettingsMobile",
|
|
3177
|
+
"ScWorkspaceSwitchCard",
|
|
3178
|
+
"StreamoidWorkspaceSwitcher",
|
|
3179
|
+
"ScDp"
|
|
3180
|
+
],
|
|
3181
|
+
"doNotConfuseWith": [
|
|
3182
|
+
"ScWorkspaceSwitchMobile",
|
|
3183
|
+
"ScWorkspaceSettingsMobile",
|
|
3184
|
+
"ScWorkspaceCard",
|
|
3185
|
+
"ScWorkspaceSwitchCard",
|
|
3186
|
+
"StreamoidWorkspaceSwitcher"
|
|
3187
|
+
],
|
|
3188
|
+
"requiredProps": [],
|
|
3189
|
+
"usedBy": [
|
|
3190
|
+
"cxo"
|
|
3191
|
+
],
|
|
3192
|
+
"alsoExports": [],
|
|
3193
|
+
"exported": true
|
|
3194
|
+
},
|
|
3195
|
+
"StreamoidWorkspaceSwitcher": {
|
|
3196
|
+
"doc": "StreamoidWorkspaceSwitcher.md",
|
|
3197
|
+
"source": "src/SC-WorkspaceSwitcher",
|
|
3198
|
+
"category": "overlays",
|
|
3199
|
+
"status": "legacy",
|
|
3200
|
+
"renders": "div",
|
|
3201
|
+
"summary": "The DS's prebuilt \"switch workspace\" modal — and the one component in this family that needs Tailwind in the host.",
|
|
3202
|
+
"reachForWhen": "your host already runs Tailwind and you want the whole switch-workspace modal without building the shell.",
|
|
3203
|
+
"tags": [
|
|
3204
|
+
"workspace-switcher",
|
|
3205
|
+
"switch-workspace",
|
|
3206
|
+
"modal",
|
|
3207
|
+
"overlay",
|
|
3208
|
+
"tenant",
|
|
3209
|
+
"workspace-list",
|
|
3210
|
+
"tailwind"
|
|
3211
|
+
],
|
|
3212
|
+
"related": [
|
|
3213
|
+
"ScWorkspaceSwitchCard",
|
|
3214
|
+
"ScIntialProfileCover",
|
|
3215
|
+
"ScRole",
|
|
3216
|
+
"ScPairtext",
|
|
3217
|
+
"ScProfilePopup"
|
|
3218
|
+
],
|
|
3219
|
+
"doNotConfuseWith": [
|
|
3220
|
+
"ScWorkspaceSwitchCard",
|
|
3221
|
+
"ScWorkspaceCard",
|
|
3222
|
+
"ScWorkspace",
|
|
3223
|
+
"ScWorkspaceSwitchMobileV2",
|
|
3224
|
+
"ScModal"
|
|
3225
|
+
],
|
|
3226
|
+
"requiredProps": [
|
|
3227
|
+
"open",
|
|
3228
|
+
"onClose",
|
|
3229
|
+
"workspaces",
|
|
3230
|
+
"onSwitchWorkspace"
|
|
3231
|
+
],
|
|
3232
|
+
"usedBy": [],
|
|
3233
|
+
"alsoExports": [],
|
|
3234
|
+
"exported": true
|
|
3235
|
+
},
|
|
3236
|
+
"ScAppListingCard": {
|
|
3237
|
+
"doc": "ScAppListingCard.md",
|
|
3238
|
+
"source": "src/SC-app listing card",
|
|
3239
|
+
"category": "cards",
|
|
3240
|
+
"status": "stable",
|
|
3241
|
+
"renders": "div",
|
|
3242
|
+
"summary": "The big product tile in a CXO app-landing grid.",
|
|
3243
|
+
"reachForWhen": "you are building a grid of *entry points into a product* (Catalogix / Photogenix / Artifax landing pages in CXO) and each tile is icon + title + one-line description.",
|
|
3244
|
+
"tags": [
|
|
3245
|
+
"card",
|
|
3246
|
+
"tile",
|
|
3247
|
+
"app",
|
|
3248
|
+
"product",
|
|
3249
|
+
"listing",
|
|
3250
|
+
"launcher",
|
|
3251
|
+
"grid",
|
|
3252
|
+
"service-catalog",
|
|
3253
|
+
"cxo"
|
|
3254
|
+
],
|
|
3255
|
+
"related": [
|
|
3256
|
+
"ScAppCardV3",
|
|
3257
|
+
"ScAppCard",
|
|
3258
|
+
"ScDefaultCard",
|
|
3259
|
+
"ScStoreCard",
|
|
3260
|
+
"ScAppCardForCopilot"
|
|
3261
|
+
],
|
|
3262
|
+
"doNotConfuseWith": [
|
|
3263
|
+
"ScAppCard",
|
|
3264
|
+
"ScAppCardV3",
|
|
3265
|
+
"ScAppCardForCopilot",
|
|
3266
|
+
"ScDefaultCard"
|
|
3267
|
+
],
|
|
3268
|
+
"requiredProps": [],
|
|
3269
|
+
"usedBy": [
|
|
3270
|
+
"cxo"
|
|
3271
|
+
],
|
|
3272
|
+
"alsoExports": [],
|
|
3273
|
+
"exported": true
|
|
3274
|
+
},
|
|
3275
|
+
"ScAppCard": {
|
|
3276
|
+
"doc": "ScAppCard.md",
|
|
3277
|
+
"source": "src/SC-appCard",
|
|
3278
|
+
"category": "cards",
|
|
3279
|
+
"status": "stable",
|
|
3280
|
+
"renders": "div",
|
|
3281
|
+
"summary": "The compact icon + name + subtitle row for an app.",
|
|
3282
|
+
"reachForWhen": "you need to identify an app inside a row that already has its own container and its own control (a toggle, a checkbox, a chevron).",
|
|
3283
|
+
"tags": [
|
|
3284
|
+
"card",
|
|
3285
|
+
"app",
|
|
3286
|
+
"product",
|
|
3287
|
+
"row",
|
|
3288
|
+
"icon",
|
|
3289
|
+
"name",
|
|
3290
|
+
"subtitle",
|
|
3291
|
+
"invite",
|
|
3292
|
+
"appfield",
|
|
3293
|
+
"compact"
|
|
3294
|
+
],
|
|
3295
|
+
"related": [
|
|
3296
|
+
"ScAppField",
|
|
3297
|
+
"ScArtifaxInvite",
|
|
3298
|
+
"ScCatalogixInvite",
|
|
3299
|
+
"ScPhtogenixInvite",
|
|
3300
|
+
"ScAppCardV3",
|
|
3301
|
+
"ScAppListingCard"
|
|
3302
|
+
],
|
|
3303
|
+
"doNotConfuseWith": [
|
|
3304
|
+
"ScAppCardV3",
|
|
3305
|
+
"ScAppListingCard",
|
|
3306
|
+
"ScAppCardForCopilot",
|
|
3307
|
+
"ScAppSwitchRow"
|
|
3308
|
+
],
|
|
3309
|
+
"requiredProps": [],
|
|
3310
|
+
"usedBy": [
|
|
3311
|
+
"cxo"
|
|
3312
|
+
],
|
|
3313
|
+
"alsoExports": [],
|
|
3314
|
+
"exported": true
|
|
3315
|
+
},
|
|
3316
|
+
"ScAppField": {
|
|
3317
|
+
"doc": "ScAppField.md",
|
|
3318
|
+
"source": "src/SC-appField",
|
|
3319
|
+
"category": "forms",
|
|
3320
|
+
"status": "stable",
|
|
3321
|
+
"renders": "div > (label row) + div > [ScArtifaxInvite, ScPhtogenixInvite, ScCatalogixInvite]",
|
|
3322
|
+
"summary": "Not a generic field — the \"App permission\" block from the invite/manage-member form.",
|
|
3323
|
+
"reachForWhen": "you are building the *invite a user* / *manage a user* form and need the standard per-app permission section.",
|
|
3324
|
+
"tags": [
|
|
3325
|
+
"app-permission",
|
|
3326
|
+
"invite",
|
|
3327
|
+
"teams",
|
|
3328
|
+
"member",
|
|
3329
|
+
"toggle",
|
|
3330
|
+
"artifax",
|
|
3331
|
+
"photogenix",
|
|
3332
|
+
"catalogix",
|
|
3333
|
+
"store-access"
|
|
3334
|
+
],
|
|
3335
|
+
"related": [
|
|
3336
|
+
"ScArtifaxInvite",
|
|
3337
|
+
"ScPhtogenixInvite",
|
|
3338
|
+
"ScCatalogixInvite",
|
|
3339
|
+
"ScCheckField",
|
|
3340
|
+
"ScTabField",
|
|
3341
|
+
"ScToggleSwitch",
|
|
3342
|
+
"ScAppCard"
|
|
3343
|
+
],
|
|
3344
|
+
"doNotConfuseWith": [
|
|
3345
|
+
"ScTextField",
|
|
3346
|
+
"ScOnlyField",
|
|
3347
|
+
"ScAppCard",
|
|
3348
|
+
"ScAppSwitchPanel",
|
|
3349
|
+
"ScCheckField"
|
|
3350
|
+
],
|
|
3351
|
+
"requiredProps": [],
|
|
3352
|
+
"usedBy": [
|
|
3353
|
+
"cxo"
|
|
3354
|
+
],
|
|
3355
|
+
"alsoExports": [],
|
|
3356
|
+
"exported": true
|
|
3357
|
+
},
|
|
3358
|
+
"ScArtifaxInvite": {
|
|
3359
|
+
"doc": "ScArtifaxInvite.md",
|
|
3360
|
+
"source": "src/SC-artifaxInvite",
|
|
3361
|
+
"category": "cards",
|
|
3362
|
+
"status": "stable",
|
|
3363
|
+
"renders": "div",
|
|
3364
|
+
"summary": "One \"does this user get Artifax?\" row for the invite / edit-user modal.",
|
|
3365
|
+
"reachForWhen": "you are building the per-app access list in an invite or edit-user flow and need the **Artifax** row (or any app whose access is a plain on/off with no sub-scope).",
|
|
3366
|
+
"tags": [
|
|
3367
|
+
"invite",
|
|
3368
|
+
"app-access",
|
|
3369
|
+
"artifax",
|
|
3370
|
+
"toggle",
|
|
3371
|
+
"permissions",
|
|
3372
|
+
"user-management",
|
|
3373
|
+
"settings",
|
|
3374
|
+
"onboarding",
|
|
3375
|
+
"row"
|
|
3376
|
+
],
|
|
3377
|
+
"related": [
|
|
3378
|
+
"ScPhtogenixInvite",
|
|
3379
|
+
"ScCatalogixInvite",
|
|
3380
|
+
"ScAppCard",
|
|
3381
|
+
"ScToggleSwitch",
|
|
3382
|
+
"ScAccess"
|
|
3383
|
+
],
|
|
3384
|
+
"doNotConfuseWith": [
|
|
3385
|
+
"ScPhtogenixInvite",
|
|
3386
|
+
"ScCatalogixInvite",
|
|
3387
|
+
"ScAppCard",
|
|
3388
|
+
"ScAppListingCard",
|
|
3389
|
+
"ScAppCardV3",
|
|
3390
|
+
"ScAppCardForCopilot",
|
|
3391
|
+
"ScAccess"
|
|
3392
|
+
],
|
|
3393
|
+
"requiredProps": [],
|
|
3394
|
+
"usedBy": [],
|
|
3395
|
+
"alsoExports": [],
|
|
3396
|
+
"exported": true
|
|
3397
|
+
},
|
|
3398
|
+
"ScBillingHistoryHeader": {
|
|
3399
|
+
"doc": "ScBillingHistoryHeader.md",
|
|
3400
|
+
"source": "src/SC-billingHistoryHeader",
|
|
3401
|
+
"category": "billing",
|
|
3402
|
+
"status": "stable",
|
|
3403
|
+
"renders": "div",
|
|
3404
|
+
"summary": "The fixed column-header strip for the invoice-history table.",
|
|
3405
|
+
"reachForWhen": "you are rendering the Billing → *Invoice history* table and are about to stack `ScBillingHistoryTableList` rows under it.",
|
|
3406
|
+
"tags": [
|
|
3407
|
+
"invoice",
|
|
3408
|
+
"billing-history",
|
|
3409
|
+
"table-header",
|
|
3410
|
+
"column-headers",
|
|
3411
|
+
"invoices",
|
|
3412
|
+
"header-row"
|
|
3413
|
+
],
|
|
3414
|
+
"related": [
|
|
3415
|
+
"ScBillingHistoryTableList",
|
|
3416
|
+
"ScHeader",
|
|
3417
|
+
"ScBillingLogsTableHeader",
|
|
3418
|
+
"ScTableHeader"
|
|
3419
|
+
],
|
|
3420
|
+
"doNotConfuseWith": [
|
|
3421
|
+
"ScBillingLogsTableHeader",
|
|
3422
|
+
"ScTableHeader",
|
|
3423
|
+
"ScHeader",
|
|
3424
|
+
"ScMobileTopNav"
|
|
3425
|
+
],
|
|
3426
|
+
"requiredProps": [],
|
|
3427
|
+
"usedBy": [
|
|
3428
|
+
"cxo"
|
|
3429
|
+
],
|
|
3430
|
+
"alsoExports": [],
|
|
3431
|
+
"exported": true
|
|
3432
|
+
},
|
|
3433
|
+
"ScCatalogixInvite": {
|
|
3434
|
+
"doc": "ScCatalogixInvite.md",
|
|
3435
|
+
"source": "src/SC-catalogixInvite",
|
|
3436
|
+
"category": "cards",
|
|
3437
|
+
"status": "stable",
|
|
3438
|
+
"renders": "div",
|
|
3439
|
+
"summary": "The Catalogix access row *plus* its store-scoping panel.",
|
|
3440
|
+
"reachForWhen": "you're building the per-app access list in an invite / edit-user flow and the Catalogix row has to pick **which stores** the user can see.",
|
|
3441
|
+
"tags": [
|
|
3442
|
+
"invite",
|
|
3443
|
+
"app-access",
|
|
3444
|
+
"catalogix",
|
|
3445
|
+
"toggle",
|
|
3446
|
+
"store-access",
|
|
3447
|
+
"permissions",
|
|
3448
|
+
"user-management",
|
|
3449
|
+
"settings",
|
|
3450
|
+
"search",
|
|
3451
|
+
"checkbox-list"
|
|
3452
|
+
],
|
|
3453
|
+
"related": [
|
|
3454
|
+
"ScArtifaxInvite",
|
|
3455
|
+
"ScPhtogenixInvite",
|
|
3456
|
+
"ScAppCard",
|
|
3457
|
+
"ScToggleSwitch",
|
|
3458
|
+
"ScPairtext",
|
|
3459
|
+
"ScOnlyField"
|
|
3460
|
+
],
|
|
3461
|
+
"doNotConfuseWith": [
|
|
3462
|
+
"ScArtifaxInvite",
|
|
3463
|
+
"ScPhtogenixInvite",
|
|
3464
|
+
"ScAppCard",
|
|
3465
|
+
"ScAppListingCard",
|
|
3466
|
+
"ScAccess",
|
|
3467
|
+
"ScCatalogixStoreTableList",
|
|
3468
|
+
"ScCheckField"
|
|
3469
|
+
],
|
|
3470
|
+
"requiredProps": [],
|
|
3471
|
+
"usedBy": [],
|
|
3472
|
+
"alsoExports": [],
|
|
3473
|
+
"exported": true
|
|
3474
|
+
},
|
|
3475
|
+
"ScCheckField": {
|
|
3476
|
+
"doc": "ScCheckField.md",
|
|
3477
|
+
"source": "src/SC-checkField",
|
|
3478
|
+
"category": "forms",
|
|
3479
|
+
"status": "stable",
|
|
3480
|
+
"renders": "div",
|
|
3481
|
+
"summary": "A labelled multi-select form field: caption on top, bordered box underneath with your checkbox options in a single horizontal row.",
|
|
3482
|
+
"reachForWhen": "a form needs 2 (maybe 3) boolean options under one caption — \"Permission: Can Use Credits / Can Invite User\".",
|
|
3483
|
+
"tags": [
|
|
3484
|
+
"checkbox",
|
|
3485
|
+
"field",
|
|
3486
|
+
"form",
|
|
3487
|
+
"multi-select",
|
|
3488
|
+
"permissions",
|
|
3489
|
+
"label",
|
|
3490
|
+
"checkbox-group",
|
|
3491
|
+
"pairtext"
|
|
3492
|
+
],
|
|
3493
|
+
"related": [
|
|
3494
|
+
"ScCheckbox",
|
|
3495
|
+
"ScPairtext",
|
|
3496
|
+
"ScTabField",
|
|
3497
|
+
"ScTextField",
|
|
3498
|
+
"ScAppField"
|
|
3499
|
+
],
|
|
3500
|
+
"doNotConfuseWith": [
|
|
3501
|
+
"ScCheckbox",
|
|
3502
|
+
"ScPairtext",
|
|
3503
|
+
"ScTabField",
|
|
3504
|
+
"ScAppField"
|
|
3505
|
+
],
|
|
3506
|
+
"requiredProps": [],
|
|
3507
|
+
"usedBy": [
|
|
3508
|
+
"cxo"
|
|
3509
|
+
],
|
|
3510
|
+
"alsoExports": [],
|
|
3511
|
+
"exported": true
|
|
3512
|
+
},
|
|
3513
|
+
"ScCheckbox": {
|
|
3514
|
+
"doc": "ScCheckbox.md",
|
|
3515
|
+
"source": "src/SC-checkbox",
|
|
3516
|
+
"category": "forms",
|
|
3517
|
+
"status": "stable",
|
|
3518
|
+
"renders": "div",
|
|
3519
|
+
"summary": "The bare checkbox glyph — a 24×24 box, nothing else.",
|
|
3520
|
+
"reachForWhen": "you need a tickable box next to content you are laying out yourself — table-row selection, grid-cell selection, a \"select all\" header.",
|
|
3521
|
+
"tags": [
|
|
3522
|
+
"checkbox",
|
|
3523
|
+
"check",
|
|
3524
|
+
"tick",
|
|
3525
|
+
"tri-state",
|
|
3526
|
+
"indeterminate",
|
|
3527
|
+
"partial",
|
|
3528
|
+
"select-all",
|
|
3529
|
+
"multi-select",
|
|
3530
|
+
"boolean",
|
|
3531
|
+
"row-selection"
|
|
3532
|
+
],
|
|
3533
|
+
"related": [
|
|
3534
|
+
"ScCheckField",
|
|
3535
|
+
"ScPairtext",
|
|
3536
|
+
"ScRadio",
|
|
3537
|
+
"ScToggleSwitch"
|
|
3538
|
+
],
|
|
3539
|
+
"doNotConfuseWith": [
|
|
3540
|
+
"ScCheckField",
|
|
3541
|
+
"ScPairtext",
|
|
3542
|
+
"ScToggleSwitch",
|
|
3543
|
+
"ScRadio"
|
|
3544
|
+
],
|
|
3545
|
+
"requiredProps": [],
|
|
3546
|
+
"usedBy": [
|
|
3547
|
+
"catalogix",
|
|
3548
|
+
"photogenix"
|
|
3549
|
+
],
|
|
3550
|
+
"alsoExports": [],
|
|
3551
|
+
"exported": true
|
|
3552
|
+
},
|
|
3553
|
+
"ScFieldButton": {
|
|
3554
|
+
"doc": "ScFieldButton.md",
|
|
3555
|
+
"source": "src/SC-fieldButton",
|
|
3556
|
+
"category": "actions",
|
|
3557
|
+
"status": "stable",
|
|
3558
|
+
"renders": "div",
|
|
3559
|
+
"summary": "A 36 px transparent text/icon chip for actions that sit next to a field.",
|
|
3560
|
+
"reachForWhen": "you need a low-emphasis, compact action **beside** an input or inside a composer toolbar, and a full `ScButton` would shout.",
|
|
3561
|
+
"tags": [
|
|
3562
|
+
"button",
|
|
3563
|
+
"ghost-button",
|
|
3564
|
+
"inline-action",
|
|
3565
|
+
"attach",
|
|
3566
|
+
"browse",
|
|
3567
|
+
"apply",
|
|
3568
|
+
"compact",
|
|
3569
|
+
"toolbar",
|
|
3570
|
+
"composer"
|
|
3571
|
+
],
|
|
3572
|
+
"related": [
|
|
3573
|
+
"ScButton",
|
|
3574
|
+
"ScOnlyIcon",
|
|
3575
|
+
"ScMenuOptions",
|
|
3576
|
+
"ScTextField",
|
|
3577
|
+
"ScOnlyField"
|
|
3578
|
+
],
|
|
3579
|
+
"doNotConfuseWith": [
|
|
3580
|
+
"ScButton",
|
|
3581
|
+
"ScOnlyIcon",
|
|
3582
|
+
"ScMenuOptions",
|
|
3583
|
+
"ScTabComp"
|
|
3584
|
+
],
|
|
3585
|
+
"requiredProps": [],
|
|
3586
|
+
"usedBy": [
|
|
3587
|
+
"cxo"
|
|
3588
|
+
],
|
|
3589
|
+
"alsoExports": [],
|
|
3590
|
+
"exported": true
|
|
3591
|
+
},
|
|
3592
|
+
"ScFileField": {
|
|
3593
|
+
"doc": "ScFileField.md",
|
|
3594
|
+
"source": "src/SC-fileField",
|
|
3595
|
+
"category": "forms",
|
|
3596
|
+
"status": "stable",
|
|
3597
|
+
"renders": "div",
|
|
3598
|
+
"summary": "The generic file-upload form field.",
|
|
3599
|
+
"reachForWhen": "a form needs any *non-image* file — a CSV/XLSX feed, a PDF, a ZIP — and you want a filename + progress + error line for free.",
|
|
3600
|
+
"tags": [
|
|
3601
|
+
"file",
|
|
3602
|
+
"upload",
|
|
3603
|
+
"dropzone",
|
|
3604
|
+
"csv",
|
|
3605
|
+
"import",
|
|
3606
|
+
"progress",
|
|
3607
|
+
"attachment",
|
|
3608
|
+
"form-field"
|
|
3609
|
+
],
|
|
3610
|
+
"related": [
|
|
3611
|
+
"ScImageField",
|
|
3612
|
+
"ScProfileImageUpdate",
|
|
3613
|
+
"ScTextField",
|
|
3614
|
+
"ScFieldButton",
|
|
3615
|
+
"ScProgressBar"
|
|
3616
|
+
],
|
|
3617
|
+
"doNotConfuseWith": [
|
|
3618
|
+
"ScImageField",
|
|
3619
|
+
"ScProfileImageUpdate",
|
|
3620
|
+
"ScAppField",
|
|
3621
|
+
"ScProgressBar"
|
|
3622
|
+
],
|
|
3623
|
+
"requiredProps": [],
|
|
3624
|
+
"usedBy": [],
|
|
3625
|
+
"alsoExports": [],
|
|
3626
|
+
"exported": true
|
|
3627
|
+
},
|
|
3628
|
+
"ScImageField": {
|
|
3629
|
+
"doc": "ScImageField.md",
|
|
3630
|
+
"source": "src/SC-imageField",
|
|
3631
|
+
"category": "forms",
|
|
3632
|
+
"status": "stable",
|
|
3633
|
+
"renders": "div",
|
|
3634
|
+
"summary": "The image-upload form field.",
|
|
3635
|
+
"reachForWhen": "a form takes **one image** and the user should see it — workspace logo, brand mark, cover image.",
|
|
3636
|
+
"tags": [
|
|
3637
|
+
"image",
|
|
3638
|
+
"upload",
|
|
3639
|
+
"logo",
|
|
3640
|
+
"avatar",
|
|
3641
|
+
"workspace-image",
|
|
3642
|
+
"preview",
|
|
3643
|
+
"thumbnail",
|
|
3644
|
+
"form-field"
|
|
3645
|
+
],
|
|
3646
|
+
"related": [
|
|
3647
|
+
"ScFileField",
|
|
3648
|
+
"ScProfileImageUpdate",
|
|
3649
|
+
"ScDp",
|
|
3650
|
+
"ScTextField"
|
|
3651
|
+
],
|
|
3652
|
+
"doNotConfuseWith": [
|
|
3653
|
+
"ScFileField",
|
|
3654
|
+
"ScProfileImageUpdate",
|
|
3655
|
+
"ScDp",
|
|
3656
|
+
"ScIntialProfileCover"
|
|
3657
|
+
],
|
|
3658
|
+
"requiredProps": [],
|
|
3659
|
+
"usedBy": [
|
|
3660
|
+
"cxo"
|
|
3661
|
+
],
|
|
3662
|
+
"alsoExports": [],
|
|
3663
|
+
"exported": true
|
|
3664
|
+
},
|
|
3665
|
+
"ScMediaApproval": {
|
|
3666
|
+
"doc": "ScMediaApproval.md",
|
|
3667
|
+
"source": "src/SC-mediaApproval",
|
|
3668
|
+
"category": "chat-agent",
|
|
3669
|
+
"status": "stable",
|
|
3670
|
+
"renders": "div",
|
|
3671
|
+
"summary": "A one-up media carousel with a feedback box.",
|
|
3672
|
+
"reachForWhen": "the agent generated media and the user must review it one item at a time and optionally say what to change.",
|
|
3673
|
+
"tags": [
|
|
3674
|
+
"chat",
|
|
3675
|
+
"agent",
|
|
3676
|
+
"media",
|
|
3677
|
+
"image",
|
|
3678
|
+
"video",
|
|
3679
|
+
"carousel",
|
|
3680
|
+
"approval",
|
|
3681
|
+
"feedback",
|
|
3682
|
+
"review",
|
|
3683
|
+
"dynamicform"
|
|
3684
|
+
],
|
|
3685
|
+
"related": [
|
|
3686
|
+
"ScMediaSelect",
|
|
3687
|
+
"ScSelectionList",
|
|
3688
|
+
"ScTextArea",
|
|
3689
|
+
"ScImageField",
|
|
3690
|
+
"ScFileField"
|
|
3691
|
+
],
|
|
3692
|
+
"doNotConfuseWith": [
|
|
3693
|
+
"ScMediaSelect",
|
|
3694
|
+
"ScSelectionList",
|
|
3695
|
+
"ScImageField",
|
|
3696
|
+
"ScFileField",
|
|
3697
|
+
"ScTodoList"
|
|
3698
|
+
],
|
|
3699
|
+
"requiredProps": [],
|
|
3700
|
+
"usedBy": [
|
|
3701
|
+
"agent"
|
|
3702
|
+
],
|
|
3703
|
+
"alsoExports": [],
|
|
3704
|
+
"exported": true
|
|
3705
|
+
},
|
|
3706
|
+
"ScMediaSelect": {
|
|
3707
|
+
"doc": "ScMediaSelect.md",
|
|
3708
|
+
"source": "src/SC-mediaSelect",
|
|
3709
|
+
"category": "chat-agent",
|
|
3710
|
+
"status": "stable",
|
|
3711
|
+
"renders": "div",
|
|
3712
|
+
"summary": "A 4-up thumbnail grid for picking several generated assets.",
|
|
3713
|
+
"reachForWhen": "the agent produced a batch of images/videos and the user must choose a subset.",
|
|
3714
|
+
"tags": [
|
|
3715
|
+
"chat",
|
|
3716
|
+
"agent",
|
|
3717
|
+
"media",
|
|
3718
|
+
"image",
|
|
3719
|
+
"video",
|
|
3720
|
+
"grid",
|
|
3721
|
+
"multi-select",
|
|
3722
|
+
"thumbnails",
|
|
3723
|
+
"gallery",
|
|
3724
|
+
"dynamicform"
|
|
3725
|
+
],
|
|
3726
|
+
"related": [
|
|
3727
|
+
"ScMediaApproval",
|
|
3728
|
+
"ScCheckField",
|
|
3729
|
+
"ScImageField",
|
|
3730
|
+
"ScTodoList",
|
|
3731
|
+
"ScSelectionList"
|
|
3732
|
+
],
|
|
3733
|
+
"doNotConfuseWith": [
|
|
3734
|
+
"ScMediaApproval",
|
|
3735
|
+
"ScImageField",
|
|
3736
|
+
"ScSelectionList",
|
|
3737
|
+
"ScCheckField",
|
|
3738
|
+
"ScStoreCard"
|
|
3739
|
+
],
|
|
3740
|
+
"requiredProps": [],
|
|
3741
|
+
"usedBy": [
|
|
3742
|
+
"agent"
|
|
3743
|
+
],
|
|
3744
|
+
"alsoExports": [],
|
|
3745
|
+
"exported": true
|
|
3746
|
+
},
|
|
3747
|
+
"ScOnlyField": {
|
|
3748
|
+
"doc": "ScOnlyField.md",
|
|
3749
|
+
"source": "src/SC-onlyField",
|
|
3750
|
+
"category": "forms",
|
|
3751
|
+
"status": "stable",
|
|
3752
|
+
"renders": "div > div > input",
|
|
3753
|
+
"summary": "A bare input in a pill — no label, ever.",
|
|
3754
|
+
"reachForWhen": "you need a search box, a filter input, or a compact input inside a toolbar, sidebar or modal row — with no label above it.",
|
|
3755
|
+
"tags": [
|
|
3756
|
+
"input",
|
|
3757
|
+
"search",
|
|
3758
|
+
"searchbox",
|
|
3759
|
+
"bare-input",
|
|
3760
|
+
"unlabelled",
|
|
3761
|
+
"compact",
|
|
3762
|
+
"size",
|
|
3763
|
+
"sidebar-search",
|
|
3764
|
+
"filter"
|
|
3765
|
+
],
|
|
3766
|
+
"related": [
|
|
3767
|
+
"ScTextField",
|
|
3768
|
+
"ScTextArea",
|
|
3769
|
+
"ScSelect",
|
|
3770
|
+
"ScOnlyIcon",
|
|
3771
|
+
"ScFieldButton"
|
|
3772
|
+
],
|
|
3773
|
+
"doNotConfuseWith": [
|
|
3774
|
+
"ScOnlyIcon",
|
|
3775
|
+
"ScTextField",
|
|
3776
|
+
"ScAppField"
|
|
3777
|
+
],
|
|
3778
|
+
"requiredProps": [],
|
|
3779
|
+
"usedBy": [
|
|
3780
|
+
"cxo",
|
|
3781
|
+
"catalogix",
|
|
3782
|
+
"photogenix",
|
|
3783
|
+
"artifax"
|
|
3784
|
+
],
|
|
3785
|
+
"alsoExports": [],
|
|
3786
|
+
"exported": true
|
|
3787
|
+
},
|
|
3788
|
+
"ScPendingAction": {
|
|
3789
|
+
"doc": "ScPendingAction.md",
|
|
3790
|
+
"source": "src/SC-pendingAction",
|
|
3791
|
+
"category": "actions",
|
|
3792
|
+
"status": "stable",
|
|
3793
|
+
"renders": "div",
|
|
3794
|
+
"summary": "A fixed 160px \"Cancel | Resend\" button pair.",
|
|
3795
|
+
"reachForWhen": "you are rendering a **pending invite** row and want the exact Cancel/Resend pair used in CXO Teams.",
|
|
3796
|
+
"tags": [
|
|
3797
|
+
"pending",
|
|
3798
|
+
"invite",
|
|
3799
|
+
"cancel",
|
|
3800
|
+
"resend",
|
|
3801
|
+
"teams",
|
|
3802
|
+
"members",
|
|
3803
|
+
"action-pair",
|
|
3804
|
+
"divider"
|
|
3805
|
+
],
|
|
3806
|
+
"related": [
|
|
3807
|
+
"ScButton",
|
|
3808
|
+
"ScVDivider",
|
|
3809
|
+
"ScTableList",
|
|
3810
|
+
"ScRole",
|
|
3811
|
+
"ScArtifaxInvite"
|
|
3812
|
+
],
|
|
3813
|
+
"doNotConfuseWith": [
|
|
3814
|
+
"ScButton",
|
|
3815
|
+
"ScMobileBottomAction",
|
|
3816
|
+
"ScSelectionList",
|
|
3817
|
+
"ScMenuOptions"
|
|
3818
|
+
],
|
|
3819
|
+
"requiredProps": [],
|
|
3820
|
+
"usedBy": [
|
|
3821
|
+
"cxo"
|
|
3822
|
+
],
|
|
3823
|
+
"alsoExports": [],
|
|
3824
|
+
"exported": true
|
|
3825
|
+
},
|
|
3826
|
+
"ScPhtogenixInvite": {
|
|
3827
|
+
"doc": "ScPhtogenixInvite.md",
|
|
3828
|
+
"source": "src/SC-phtogenixInvite",
|
|
3829
|
+
"category": "cards",
|
|
3830
|
+
"status": "stable",
|
|
3831
|
+
"renders": "div",
|
|
3832
|
+
"summary": "The Photogenix \"does this user get the app?\" row for the invite / edit-user modal.",
|
|
3833
|
+
"reachForWhen": "you need the **Photogenix** row in a per-app access list and want it to match the neighbouring rows exactly.",
|
|
3834
|
+
"tags": [
|
|
3835
|
+
"invite",
|
|
3836
|
+
"app-access",
|
|
3837
|
+
"photogenix",
|
|
3838
|
+
"toggle",
|
|
3839
|
+
"permissions",
|
|
3840
|
+
"user-management",
|
|
3841
|
+
"settings",
|
|
3842
|
+
"onboarding",
|
|
3843
|
+
"row"
|
|
3844
|
+
],
|
|
3845
|
+
"related": [
|
|
3846
|
+
"ScArtifaxInvite",
|
|
3847
|
+
"ScCatalogixInvite",
|
|
3848
|
+
"ScAppCard",
|
|
3849
|
+
"ScToggleSwitch",
|
|
3850
|
+
"ScAccess"
|
|
3851
|
+
],
|
|
3852
|
+
"doNotConfuseWith": [
|
|
3853
|
+
"ScArtifaxInvite",
|
|
3854
|
+
"ScCatalogixInvite",
|
|
3855
|
+
"ScAppCard",
|
|
3856
|
+
"ScAppListingCard",
|
|
3857
|
+
"ScAppCardV3",
|
|
3858
|
+
"ScAppCardForCopilot",
|
|
3859
|
+
"ScAccess"
|
|
3860
|
+
],
|
|
3861
|
+
"requiredProps": [],
|
|
3862
|
+
"usedBy": [],
|
|
3863
|
+
"alsoExports": [],
|
|
3864
|
+
"exported": true
|
|
3865
|
+
},
|
|
3866
|
+
"ScQuickPrompt": {
|
|
3867
|
+
"doc": "ScQuickPrompt.md",
|
|
3868
|
+
"source": "src/SC-quick prompt",
|
|
3869
|
+
"category": "chat-agent",
|
|
3870
|
+
"status": "stable",
|
|
3871
|
+
"renders": "div",
|
|
3872
|
+
"summary": "A suggested-prompt card for an empty chat.",
|
|
3873
|
+
"reachForWhen": "you're building the chat/copilot empty state and want a row or grid of 2–4 clickable starter prompts.",
|
|
3874
|
+
"tags": [
|
|
3875
|
+
"chat",
|
|
3876
|
+
"prompt",
|
|
3877
|
+
"suggestion",
|
|
3878
|
+
"starter",
|
|
3879
|
+
"empty-state",
|
|
3880
|
+
"copilot",
|
|
3881
|
+
"card",
|
|
3882
|
+
"bolt"
|
|
3883
|
+
],
|
|
3884
|
+
"related": [
|
|
3885
|
+
"ScAppCardForCopilot",
|
|
3886
|
+
"ScBriefCard",
|
|
3887
|
+
"ScDefaultCard",
|
|
3888
|
+
"ScAskAgentButton",
|
|
3889
|
+
"ScInChatMessage"
|
|
3890
|
+
],
|
|
3891
|
+
"doNotConfuseWith": [
|
|
3892
|
+
"ScBriefCard",
|
|
3893
|
+
"ScDefaultCard",
|
|
3894
|
+
"ScAppCardForCopilot",
|
|
3895
|
+
"ScAppListingCard"
|
|
3896
|
+
],
|
|
3897
|
+
"requiredProps": [],
|
|
3898
|
+
"usedBy": [
|
|
3899
|
+
"cxo",
|
|
3900
|
+
"photogenix"
|
|
3901
|
+
],
|
|
3902
|
+
"alsoExports": [],
|
|
3903
|
+
"exported": true
|
|
3904
|
+
},
|
|
3905
|
+
"ScRadio": {
|
|
3906
|
+
"doc": "ScRadio.md",
|
|
3907
|
+
"source": "src/SC-radio",
|
|
3908
|
+
"category": "forms",
|
|
3909
|
+
"status": "stable",
|
|
3910
|
+
"renders": "div",
|
|
3911
|
+
"summary": "The bare radio glyph — a 24×24 ring, and a dot when selected.",
|
|
3912
|
+
"reachForWhen": "you are building a single-choice option list and laying out the rows (label, description, disabled styling) yourself.",
|
|
3913
|
+
"tags": [
|
|
3914
|
+
"radio",
|
|
3915
|
+
"radio-button",
|
|
3916
|
+
"single-select",
|
|
3917
|
+
"option",
|
|
3918
|
+
"choice",
|
|
3919
|
+
"presentational"
|
|
3920
|
+
],
|
|
3921
|
+
"related": [
|
|
3922
|
+
"ScPairtext",
|
|
3923
|
+
"ScCheckbox",
|
|
3924
|
+
"ScTabField",
|
|
3925
|
+
"ScSelectionPillGroup",
|
|
3926
|
+
"ScSelection"
|
|
3927
|
+
],
|
|
3928
|
+
"doNotConfuseWith": [
|
|
3929
|
+
"ScCheckbox",
|
|
3930
|
+
"ScPairtext",
|
|
3931
|
+
"ScSelection",
|
|
3932
|
+
"ScSelectionPill",
|
|
3933
|
+
"ScTabField"
|
|
3934
|
+
],
|
|
3935
|
+
"requiredProps": [],
|
|
3936
|
+
"usedBy": [
|
|
3937
|
+
"catalogix"
|
|
3938
|
+
],
|
|
3939
|
+
"alsoExports": [],
|
|
3940
|
+
"exported": true
|
|
3941
|
+
},
|
|
3942
|
+
"ScReferralCardMobile": {
|
|
3943
|
+
"doc": "ScReferralCardMobile.md",
|
|
3944
|
+
"source": "src/SC-referralCard-Mobile",
|
|
3945
|
+
"category": "mobile",
|
|
3946
|
+
"status": "stable",
|
|
3947
|
+
"renders": "div",
|
|
3948
|
+
"summary": "One referral, as a mobile card.",
|
|
3949
|
+
"reachForWhen": "you are building the mobile view of a referral programme screen — one card per person referred.",
|
|
3950
|
+
"tags": [
|
|
3951
|
+
"mobile",
|
|
3952
|
+
"referral",
|
|
3953
|
+
"invite",
|
|
3954
|
+
"credits",
|
|
3955
|
+
"card",
|
|
3956
|
+
"badge",
|
|
3957
|
+
"avatar",
|
|
3958
|
+
"billing"
|
|
3959
|
+
],
|
|
3960
|
+
"related": [
|
|
3961
|
+
"ScReferralTableHeader",
|
|
3962
|
+
"ScReferralTableList",
|
|
3963
|
+
"ScProfileV2Mobile",
|
|
3964
|
+
"ScTableListMobile",
|
|
3965
|
+
"ScBadges"
|
|
3966
|
+
],
|
|
3967
|
+
"doNotConfuseWith": [
|
|
3968
|
+
"ScReferralTableList",
|
|
3969
|
+
"ScTableListMobile",
|
|
3970
|
+
"ScProfileV2Mobile",
|
|
3971
|
+
"ScBadges"
|
|
3972
|
+
],
|
|
3973
|
+
"requiredProps": [],
|
|
3974
|
+
"usedBy": [],
|
|
3975
|
+
"alsoExports": [],
|
|
3976
|
+
"exported": true
|
|
3977
|
+
},
|
|
3978
|
+
"ScReferralTableHeader": {
|
|
3979
|
+
"doc": "ScReferralTableHeader.md",
|
|
3980
|
+
"source": "src/SC-referralTableHeader",
|
|
3981
|
+
"category": "tables",
|
|
3982
|
+
"status": "stable",
|
|
3983
|
+
"renders": "div",
|
|
3984
|
+
"summary": "The column-header strip of the Referral History table.",
|
|
3985
|
+
"reachForWhen": "you are building the Settings → Referral \"Referral History\" table and need the header above `ScReferralTableList` rows.",
|
|
3986
|
+
"tags": [
|
|
3987
|
+
"table",
|
|
3988
|
+
"header",
|
|
3989
|
+
"column-headers",
|
|
3990
|
+
"referral",
|
|
3991
|
+
"referrals",
|
|
3992
|
+
"rewards",
|
|
3993
|
+
"invite",
|
|
3994
|
+
"settings",
|
|
3995
|
+
"referral-history"
|
|
3996
|
+
],
|
|
3997
|
+
"related": [
|
|
3998
|
+
"ScReferralTableList",
|
|
3999
|
+
"ScHeader",
|
|
4000
|
+
"ScReferralCardMobile",
|
|
4001
|
+
"ScTableHeader",
|
|
4002
|
+
"ScBillingHistoryHeader",
|
|
4003
|
+
"ScBillingLogsTableHeader",
|
|
4004
|
+
"ScCatalogixStoreHeader"
|
|
4005
|
+
],
|
|
4006
|
+
"doNotConfuseWith": [
|
|
4007
|
+
"ScTableHeader",
|
|
4008
|
+
"ScHeader",
|
|
4009
|
+
"ScReferralCardMobile",
|
|
4010
|
+
"ScBillingHistoryHeader",
|
|
4011
|
+
"ScBillingLogsTableHeader",
|
|
4012
|
+
"ScCatalogixStoreHeader"
|
|
4013
|
+
],
|
|
4014
|
+
"requiredProps": [],
|
|
4015
|
+
"usedBy": [],
|
|
4016
|
+
"alsoExports": [],
|
|
4017
|
+
"exported": true
|
|
4018
|
+
},
|
|
4019
|
+
"ScReferralTableList": {
|
|
4020
|
+
"doc": "ScReferralTableList.md",
|
|
4021
|
+
"source": "src/SC-referralTableList",
|
|
4022
|
+
"category": "tables",
|
|
4023
|
+
"status": "stable",
|
|
4024
|
+
"renders": "div",
|
|
4025
|
+
"summary": "One row of the Referral History table.",
|
|
4026
|
+
"reachForWhen": "you are rendering Settings → Referral → \"Referral History\" and have a list of `{ name, email, date, status, points }`.",
|
|
4027
|
+
"tags": [
|
|
4028
|
+
"table",
|
|
4029
|
+
"row",
|
|
4030
|
+
"referral",
|
|
4031
|
+
"referrals",
|
|
4032
|
+
"rewards",
|
|
4033
|
+
"invite",
|
|
4034
|
+
"points",
|
|
4035
|
+
"status",
|
|
4036
|
+
"settings",
|
|
4037
|
+
"referral-history"
|
|
4038
|
+
],
|
|
4039
|
+
"related": [
|
|
4040
|
+
"ScReferralTableHeader",
|
|
4041
|
+
"ScProfile",
|
|
4042
|
+
"ScBadges",
|
|
4043
|
+
"ScReferralCardMobile",
|
|
4044
|
+
"ScTableList",
|
|
4045
|
+
"ScBillingLogsTableList"
|
|
4046
|
+
],
|
|
4047
|
+
"doNotConfuseWith": [
|
|
4048
|
+
"ScTableList",
|
|
4049
|
+
"ScReferralTableHeader",
|
|
4050
|
+
"ScReferralCardMobile",
|
|
4051
|
+
"ScBillingHistoryTableList",
|
|
4052
|
+
"ScBillingLogsTableList",
|
|
4053
|
+
"ScBadges"
|
|
4054
|
+
],
|
|
4055
|
+
"requiredProps": [],
|
|
4056
|
+
"usedBy": [],
|
|
4057
|
+
"alsoExports": [],
|
|
4058
|
+
"exported": true
|
|
4059
|
+
},
|
|
4060
|
+
"ScSelect": {
|
|
4061
|
+
"doc": "ScSelect.md",
|
|
4062
|
+
"source": "src/SC-select",
|
|
4063
|
+
"category": "forms",
|
|
4064
|
+
"status": "stable",
|
|
4065
|
+
"renders": "div > button[aria-haspopup=\"listbox\"] + div[role=\"listbox\"]",
|
|
4066
|
+
"summary": "The DS-native dropdown.",
|
|
4067
|
+
"reachForWhen": "the user picks **one** value from a list that is too long or too wordy for inline pills, and you want DS chrome without wiring a trigger yourself.",
|
|
4068
|
+
"tags": [
|
|
4069
|
+
"select",
|
|
4070
|
+
"dropdown",
|
|
4071
|
+
"picker",
|
|
4072
|
+
"listbox",
|
|
4073
|
+
"options",
|
|
4074
|
+
"combobox",
|
|
4075
|
+
"choice"
|
|
4076
|
+
],
|
|
4077
|
+
"related": [
|
|
4078
|
+
"ScTextField",
|
|
4079
|
+
"ScTabField",
|
|
4080
|
+
"ScPopUpMenu",
|
|
4081
|
+
"ScMenuOptions",
|
|
4082
|
+
"ScMappingCard",
|
|
4083
|
+
"ScSelectionPillGroup"
|
|
4084
|
+
],
|
|
4085
|
+
"doNotConfuseWith": [
|
|
4086
|
+
"ScSelection",
|
|
4087
|
+
"ScSelectionList",
|
|
4088
|
+
"ScSelectionPill",
|
|
4089
|
+
"ScSelectionPillGroup",
|
|
4090
|
+
"ScPopUpMenu",
|
|
4091
|
+
"ScMenuOptions"
|
|
4092
|
+
],
|
|
4093
|
+
"requiredProps": [],
|
|
4094
|
+
"usedBy": [],
|
|
4095
|
+
"alsoExports": [],
|
|
4096
|
+
"exported": true
|
|
4097
|
+
},
|
|
4098
|
+
"ScSettingsNav": {
|
|
4099
|
+
"doc": "ScSettingsNav.md",
|
|
4100
|
+
"source": "src/SC-settingsNav",
|
|
4101
|
+
"category": "layout",
|
|
4102
|
+
"status": "legacy",
|
|
4103
|
+
"renders": "div",
|
|
4104
|
+
"summary": "A hardcoded 256×290px settings left-nav card — Profile / Workspace / Referral, with Profile permanently active and nothing clickable.",
|
|
4105
|
+
"reachForWhen": "you need a static visual placeholder of the settings nav (a design mock, a screenshot, a Figma-parity check).",
|
|
4106
|
+
"tags": [
|
|
4107
|
+
"settings",
|
|
4108
|
+
"nav",
|
|
4109
|
+
"left-nav",
|
|
4110
|
+
"sidebar",
|
|
4111
|
+
"profile",
|
|
4112
|
+
"workspace",
|
|
4113
|
+
"referral",
|
|
4114
|
+
"static",
|
|
4115
|
+
"figma-dump"
|
|
4116
|
+
],
|
|
4117
|
+
"related": [
|
|
4118
|
+
"ScSidebarMenu",
|
|
4119
|
+
"ScSettingsTabComp",
|
|
4120
|
+
"StreamoidSidebar",
|
|
4121
|
+
"ScProfileSettingsComp"
|
|
4122
|
+
],
|
|
4123
|
+
"doNotConfuseWith": [
|
|
4124
|
+
"ScSettingsTabComp",
|
|
4125
|
+
"ScSidebarMenu",
|
|
4126
|
+
"ScSidebar",
|
|
4127
|
+
"StreamoidSidebar",
|
|
4128
|
+
"ScProfileSettingsComp"
|
|
4129
|
+
],
|
|
4130
|
+
"requiredProps": [],
|
|
4131
|
+
"usedBy": [],
|
|
4132
|
+
"alsoExports": [],
|
|
4133
|
+
"exported": true
|
|
4134
|
+
},
|
|
4135
|
+
"ScSettingsTabComp": {
|
|
4136
|
+
"doc": "ScSettingsTabComp.md",
|
|
4137
|
+
"source": "src/SC-settingsTabComp",
|
|
4138
|
+
"category": "layout",
|
|
4139
|
+
"status": "stable",
|
|
4140
|
+
"renders": "div",
|
|
4141
|
+
"summary": "One underlined tab in a horizontal strip.",
|
|
4142
|
+
"reachForWhen": "you need a settings-style tab strip — Profile / Workspace, or a modal's section tabs — where the active tab is marked by an underline.",
|
|
4143
|
+
"tags": [
|
|
4144
|
+
"tab",
|
|
4145
|
+
"underline-tab",
|
|
4146
|
+
"settings",
|
|
4147
|
+
"tab-strip",
|
|
4148
|
+
"mobile-settings",
|
|
4149
|
+
"modal-tabs",
|
|
4150
|
+
"section-switch"
|
|
4151
|
+
],
|
|
4152
|
+
"related": [
|
|
4153
|
+
"ScTabComp",
|
|
4154
|
+
"ScTabSwitcher",
|
|
4155
|
+
"ScTabs",
|
|
4156
|
+
"ScTabField",
|
|
4157
|
+
"ScSettingsNav"
|
|
4158
|
+
],
|
|
4159
|
+
"doNotConfuseWith": [
|
|
4160
|
+
"ScTabComp",
|
|
4161
|
+
"ScTabSwitcher",
|
|
4162
|
+
"ScTabs",
|
|
4163
|
+
"ScSettingsNav",
|
|
4164
|
+
"ScSelectionPill"
|
|
4165
|
+
],
|
|
4166
|
+
"requiredProps": [],
|
|
4167
|
+
"usedBy": [
|
|
4168
|
+
"cxo",
|
|
4169
|
+
"catalogix"
|
|
4170
|
+
],
|
|
4171
|
+
"alsoExports": [],
|
|
4172
|
+
"exported": true
|
|
4173
|
+
},
|
|
4174
|
+
"ScSidebarIcons": {
|
|
4175
|
+
"doc": "ScSidebarIcons.md",
|
|
4176
|
+
"source": "src/SC-sidebar icons",
|
|
4177
|
+
"category": "sidebar",
|
|
4178
|
+
"status": "legacy",
|
|
4179
|
+
"renders": "div",
|
|
4180
|
+
"summary": "Legacy. A 8 px-padded, `radius-3xl` box around one icon, with a hover background — and nothing else.",
|
|
4181
|
+
"reachForWhen": "never. It has no click path.",
|
|
4182
|
+
"tags": [
|
|
4183
|
+
"sidebar",
|
|
4184
|
+
"icon",
|
|
4185
|
+
"icon-button",
|
|
4186
|
+
"hover",
|
|
4187
|
+
"footer",
|
|
4188
|
+
"collapse-toggle",
|
|
4189
|
+
"legacy",
|
|
4190
|
+
"wrapper"
|
|
4191
|
+
],
|
|
4192
|
+
"related": [
|
|
4193
|
+
"ScButton",
|
|
4194
|
+
"ScVersion",
|
|
4195
|
+
"StreamoidSidebar",
|
|
4196
|
+
"ScSidebarMenu",
|
|
4197
|
+
"ScOnlyIcon"
|
|
4198
|
+
],
|
|
4199
|
+
"doNotConfuseWith": [
|
|
4200
|
+
"ScOnlyIcon",
|
|
4201
|
+
"ScSidebarMenu",
|
|
4202
|
+
"ScAppcardLogos",
|
|
4203
|
+
"ScButton"
|
|
4204
|
+
],
|
|
4205
|
+
"requiredProps": [],
|
|
4206
|
+
"usedBy": [],
|
|
4207
|
+
"alsoExports": [],
|
|
4208
|
+
"exported": true
|
|
4209
|
+
},
|
|
4210
|
+
"ScStrLogo": {
|
|
4211
|
+
"doc": "ScStrLogo.md",
|
|
4212
|
+
"source": "src/SC-strLogo",
|
|
4213
|
+
"category": "brand",
|
|
4214
|
+
"status": "legacy",
|
|
4215
|
+
"renders": "svg",
|
|
4216
|
+
"summary": "The legacy Streamoid corporate lockup: the \"streamoid\" wordmark *and* the mascot in one 626×60 SVG.",
|
|
4217
|
+
"reachForWhen": "you specifically need the **combined** wordmark + mascot lockup at large size (a splash / auth / print-ish surface), and you are willing to size it yourself. That combination exists nowhere else in the library.",
|
|
4218
|
+
"tags": [
|
|
4219
|
+
"logo",
|
|
4220
|
+
"wordmark",
|
|
4221
|
+
"streamoid",
|
|
4222
|
+
"mascot",
|
|
4223
|
+
"lockup",
|
|
4224
|
+
"brand",
|
|
4225
|
+
"legacy",
|
|
4226
|
+
"626x60"
|
|
4227
|
+
],
|
|
4228
|
+
"related": [
|
|
4229
|
+
"ScStreamoidWordmark",
|
|
4230
|
+
"ScStreamoidMascot",
|
|
4231
|
+
"ScSideBarLogoUnit",
|
|
4232
|
+
"ScLogoUnit",
|
|
4233
|
+
"ScAppcardLogos"
|
|
4234
|
+
],
|
|
4235
|
+
"doNotConfuseWith": [
|
|
4236
|
+
"ScStreamoidWordmark",
|
|
4237
|
+
"ScStreamoidMascot",
|
|
4238
|
+
"ScLogoUnit",
|
|
4239
|
+
"ScSideBarLogoUnit",
|
|
4240
|
+
"ScAppcardLogos"
|
|
4241
|
+
],
|
|
4242
|
+
"requiredProps": [],
|
|
4243
|
+
"usedBy": [],
|
|
4244
|
+
"alsoExports": [],
|
|
4245
|
+
"exported": true
|
|
4246
|
+
},
|
|
4247
|
+
"ScTabComp": {
|
|
4248
|
+
"doc": "ScTabComp.md",
|
|
4249
|
+
"source": "src/SC-tabComp",
|
|
4250
|
+
"category": "layout",
|
|
4251
|
+
"status": "stable",
|
|
4252
|
+
"renders": "div",
|
|
4253
|
+
"summary": "One tab cell — icon *or* text, never both.",
|
|
4254
|
+
"reachForWhen": "you need one segment of a compact 2–5 way view toggle — theme switcher, grid/list, Active/Pending, Fast/Pro.",
|
|
4255
|
+
"tags": [
|
|
4256
|
+
"tab",
|
|
4257
|
+
"tab-cell",
|
|
4258
|
+
"segmented",
|
|
4259
|
+
"icon-tab",
|
|
4260
|
+
"toggle",
|
|
4261
|
+
"view-switch",
|
|
4262
|
+
"theme-switcher"
|
|
4263
|
+
],
|
|
4264
|
+
"related": [
|
|
4265
|
+
"ScTabSwitcher",
|
|
4266
|
+
"ScTabField",
|
|
4267
|
+
"ScTabs",
|
|
4268
|
+
"ScSettingsTabComp",
|
|
4269
|
+
"ScSelectionPill"
|
|
4270
|
+
],
|
|
4271
|
+
"doNotConfuseWith": [
|
|
4272
|
+
"ScTabs",
|
|
4273
|
+
"ScTabSwitcher",
|
|
4274
|
+
"ScTabField",
|
|
4275
|
+
"ScSettingsTabComp",
|
|
4276
|
+
"ScSelectionPill"
|
|
4277
|
+
],
|
|
4278
|
+
"requiredProps": [],
|
|
4279
|
+
"usedBy": [
|
|
4280
|
+
"cxo",
|
|
4281
|
+
"photogenix",
|
|
4282
|
+
"catalogix",
|
|
4283
|
+
"artifax"
|
|
4284
|
+
],
|
|
4285
|
+
"alsoExports": [],
|
|
4286
|
+
"exported": true
|
|
4287
|
+
},
|
|
4288
|
+
"ScTabField": {
|
|
4289
|
+
"doc": "ScTabField.md",
|
|
4290
|
+
"source": "src/SC-tabField",
|
|
4291
|
+
"category": "forms",
|
|
4292
|
+
"status": "stable",
|
|
4293
|
+
"renders": "div",
|
|
4294
|
+
"summary": "A labelled single-choice form field rendered as a segmented switcher.",
|
|
4295
|
+
"reachForWhen": "a form needs **exactly two** mutually exclusive values under one caption, and you want it to match the `ScTextField` / `ScCheckField` rhythm.",
|
|
4296
|
+
"tags": [
|
|
4297
|
+
"tab",
|
|
4298
|
+
"field",
|
|
4299
|
+
"form",
|
|
4300
|
+
"segmented",
|
|
4301
|
+
"single-select",
|
|
4302
|
+
"role-picker",
|
|
4303
|
+
"two-choice",
|
|
4304
|
+
"switcher"
|
|
4305
|
+
],
|
|
4306
|
+
"related": [
|
|
4307
|
+
"ScTabSwitcher",
|
|
4308
|
+
"ScTabComp",
|
|
4309
|
+
"ScCheckField",
|
|
4310
|
+
"ScTextField",
|
|
4311
|
+
"ScSelectionPillGroup",
|
|
4312
|
+
"ScTabs"
|
|
4313
|
+
],
|
|
4314
|
+
"doNotConfuseWith": [
|
|
4315
|
+
"ScTabSwitcher",
|
|
4316
|
+
"ScTabComp",
|
|
4317
|
+
"ScTabs",
|
|
4318
|
+
"ScSettingsTabComp",
|
|
4319
|
+
"ScSelectionPillGroup",
|
|
4320
|
+
"ScCheckField"
|
|
4321
|
+
],
|
|
4322
|
+
"requiredProps": [],
|
|
4323
|
+
"usedBy": [
|
|
4324
|
+
"cxo"
|
|
4325
|
+
],
|
|
4326
|
+
"alsoExports": [],
|
|
4327
|
+
"exported": true
|
|
4328
|
+
},
|
|
4329
|
+
"ScTabSwitcher": {
|
|
4330
|
+
"doc": "ScTabSwitcher.md",
|
|
4331
|
+
"source": "src/SC-tabSwitcher",
|
|
4332
|
+
"category": "layout",
|
|
4333
|
+
"status": "stable",
|
|
4334
|
+
"renders": "div",
|
|
4335
|
+
"summary": "The bordered shell around a 2–5 way segmented control.",
|
|
4336
|
+
"reachForWhen": "you have a compact 2–5 way view toggle and want the standard track: theme switcher, Active/Pending, grid/list, Fast/Pro.",
|
|
4337
|
+
"tags": [
|
|
4338
|
+
"segmented",
|
|
4339
|
+
"tab-switcher",
|
|
4340
|
+
"toggle",
|
|
4341
|
+
"view-switch",
|
|
4342
|
+
"2-tab",
|
|
4343
|
+
"3-tab",
|
|
4344
|
+
"slots",
|
|
4345
|
+
"container"
|
|
4346
|
+
],
|
|
4347
|
+
"related": [
|
|
4348
|
+
"ScTabComp",
|
|
4349
|
+
"ScTabField",
|
|
4350
|
+
"ScTabs",
|
|
4351
|
+
"ScSettingsTabComp",
|
|
4352
|
+
"ScSelectionPillGroup"
|
|
4353
|
+
],
|
|
4354
|
+
"doNotConfuseWith": [
|
|
4355
|
+
"ScTabs",
|
|
4356
|
+
"ScTabComp",
|
|
4357
|
+
"ScTabField",
|
|
4358
|
+
"ScSettingsTabComp",
|
|
4359
|
+
"ScSelectionPillGroup"
|
|
4360
|
+
],
|
|
4361
|
+
"requiredProps": [],
|
|
4362
|
+
"usedBy": [
|
|
4363
|
+
"cxo",
|
|
4364
|
+
"photogenix",
|
|
4365
|
+
"catalogix",
|
|
4366
|
+
"artifax"
|
|
4367
|
+
],
|
|
4368
|
+
"alsoExports": [],
|
|
4369
|
+
"exported": true
|
|
4370
|
+
},
|
|
4371
|
+
"ScTableHeader": {
|
|
4372
|
+
"doc": "ScTableHeader.md",
|
|
4373
|
+
"source": "src/SC-tableHeader",
|
|
4374
|
+
"category": "tables",
|
|
4375
|
+
"status": "stable",
|
|
4376
|
+
"renders": "div",
|
|
4377
|
+
"summary": "The column-header strip of the Teams / members table.",
|
|
4378
|
+
"reachForWhen": "you are building the Teams / members / pending-invites table and need the header strip above the rows.",
|
|
4379
|
+
"tags": [
|
|
4380
|
+
"table",
|
|
4381
|
+
"header",
|
|
4382
|
+
"column-headers",
|
|
4383
|
+
"members",
|
|
4384
|
+
"team",
|
|
4385
|
+
"users",
|
|
4386
|
+
"invites",
|
|
4387
|
+
"pending",
|
|
4388
|
+
"settings"
|
|
4389
|
+
],
|
|
4390
|
+
"related": [
|
|
4391
|
+
"ScTableList",
|
|
4392
|
+
"ScHeader",
|
|
4393
|
+
"ScTableListMobile",
|
|
4394
|
+
"ScCatalogixStoreHeader",
|
|
4395
|
+
"ScBillingHistoryHeader",
|
|
4396
|
+
"ScBillingLogsTableHeader",
|
|
4397
|
+
"ScReferralTableHeader"
|
|
4398
|
+
],
|
|
4399
|
+
"doNotConfuseWith": [
|
|
4400
|
+
"ScHeader",
|
|
4401
|
+
"ScReferralTableHeader",
|
|
4402
|
+
"ScCatalogixStoreHeader",
|
|
4403
|
+
"ScBillingHistoryHeader",
|
|
4404
|
+
"ScBillingLogsTableHeader",
|
|
4405
|
+
"ScMobileTopNav",
|
|
4406
|
+
"ScTableList"
|
|
4407
|
+
],
|
|
4408
|
+
"requiredProps": [],
|
|
4409
|
+
"usedBy": [
|
|
4410
|
+
"cxo"
|
|
4411
|
+
],
|
|
4412
|
+
"alsoExports": [],
|
|
4413
|
+
"exported": true
|
|
4414
|
+
},
|
|
4415
|
+
"ScTableList": {
|
|
4416
|
+
"doc": "ScTableList.md",
|
|
4417
|
+
"source": "src/SC-tableList",
|
|
4418
|
+
"category": "tables",
|
|
4419
|
+
"status": "stable",
|
|
4420
|
+
"renders": "div",
|
|
4421
|
+
"summary": "One row of the Teams / members table — the Figma export, largely un-parameterised.",
|
|
4422
|
+
"reachForWhen": "you want a quick, visually correct members-table row and the *only* real data you need to show is the user's **email**, who **invited** them, and the **signed-on date**.",
|
|
4423
|
+
"tags": [
|
|
4424
|
+
"table",
|
|
4425
|
+
"row",
|
|
4426
|
+
"members",
|
|
4427
|
+
"team",
|
|
4428
|
+
"users",
|
|
4429
|
+
"invites",
|
|
4430
|
+
"pending",
|
|
4431
|
+
"settings",
|
|
4432
|
+
"teams-row"
|
|
4433
|
+
],
|
|
4434
|
+
"related": [
|
|
4435
|
+
"ScTableHeader",
|
|
4436
|
+
"ScProfile",
|
|
4437
|
+
"ScRole",
|
|
4438
|
+
"ScAccess",
|
|
4439
|
+
"ScPendingAction",
|
|
4440
|
+
"ScTableListMobile",
|
|
4441
|
+
"ScCatalogixStoreTableList"
|
|
4442
|
+
],
|
|
4443
|
+
"doNotConfuseWith": [
|
|
4444
|
+
"ScTableHeader",
|
|
4445
|
+
"ScTableListMobile",
|
|
4446
|
+
"ScReferralTableList",
|
|
4447
|
+
"ScBillingLogsTableList",
|
|
4448
|
+
"ScBillingHistoryTableList",
|
|
4449
|
+
"ScCatalogixStoreTableList"
|
|
4450
|
+
],
|
|
4451
|
+
"requiredProps": [],
|
|
4452
|
+
"usedBy": [],
|
|
4453
|
+
"alsoExports": [],
|
|
4454
|
+
"exported": true
|
|
4455
|
+
},
|
|
4456
|
+
"ScTableListMobile": {
|
|
4457
|
+
"doc": "ScTableListMobile.md",
|
|
4458
|
+
"source": "src/SC-tableList-mobile",
|
|
4459
|
+
"category": "mobile",
|
|
4460
|
+
"status": "stable",
|
|
4461
|
+
"renders": "div",
|
|
4462
|
+
"summary": "The members row for narrow screens — a two-line stacked card, not a table row.",
|
|
4463
|
+
"reachForWhen": "you are rendering the Teams / members list on CXO mobile, or a single member's summary card in a mobile drawer or popup.",
|
|
4464
|
+
"tags": [
|
|
4465
|
+
"table",
|
|
4466
|
+
"row",
|
|
4467
|
+
"mobile",
|
|
4468
|
+
"members",
|
|
4469
|
+
"team",
|
|
4470
|
+
"users",
|
|
4471
|
+
"invites",
|
|
4472
|
+
"teams",
|
|
4473
|
+
"responsive",
|
|
4474
|
+
"card"
|
|
4475
|
+
],
|
|
4476
|
+
"related": [
|
|
4477
|
+
"ScTableList",
|
|
4478
|
+
"ScTableHeader",
|
|
4479
|
+
"ScProfileV2Mobile",
|
|
4480
|
+
"ScRoleMobile",
|
|
4481
|
+
"ScRole",
|
|
4482
|
+
"ScAccess",
|
|
4483
|
+
"ScMobileBottomAction"
|
|
4484
|
+
],
|
|
4485
|
+
"doNotConfuseWith": [
|
|
4486
|
+
"ScTableList",
|
|
4487
|
+
"ScTableHeader",
|
|
4488
|
+
"ScReferralCardMobile",
|
|
4489
|
+
"ScProfileV2Mobile",
|
|
4490
|
+
"ScRoleMobile",
|
|
4491
|
+
"ScRole"
|
|
4492
|
+
],
|
|
4493
|
+
"requiredProps": [],
|
|
4494
|
+
"usedBy": [
|
|
4495
|
+
"cxo"
|
|
4496
|
+
],
|
|
4497
|
+
"alsoExports": [],
|
|
4498
|
+
"exported": true
|
|
4499
|
+
},
|
|
4500
|
+
"ScTextArea": {
|
|
4501
|
+
"doc": "ScTextArea.md",
|
|
4502
|
+
"source": "src/SC-textArea",
|
|
4503
|
+
"category": "forms",
|
|
4504
|
+
"status": "stable",
|
|
4505
|
+
"renders": "div > (label?) + div > textarea",
|
|
4506
|
+
"summary": "The multi-line text field.",
|
|
4507
|
+
"reachForWhen": "the user types more than one line — descriptions, product copy, notes, prompts, feedback.",
|
|
4508
|
+
"tags": [
|
|
4509
|
+
"textarea",
|
|
4510
|
+
"multiline",
|
|
4511
|
+
"description",
|
|
4512
|
+
"long-text",
|
|
4513
|
+
"form",
|
|
4514
|
+
"resize",
|
|
4515
|
+
"error-state"
|
|
4516
|
+
],
|
|
4517
|
+
"related": [
|
|
4518
|
+
"ScTextField",
|
|
4519
|
+
"ScOnlyField",
|
|
4520
|
+
"ScSelect",
|
|
4521
|
+
"ScCheckField"
|
|
4522
|
+
],
|
|
4523
|
+
"doNotConfuseWith": [
|
|
4524
|
+
"ScTextField",
|
|
4525
|
+
"ScOnlyField"
|
|
4526
|
+
],
|
|
4527
|
+
"requiredProps": [],
|
|
4528
|
+
"usedBy": [
|
|
4529
|
+
"catalogix"
|
|
4530
|
+
],
|
|
4531
|
+
"alsoExports": [],
|
|
4532
|
+
"exported": true
|
|
4533
|
+
},
|
|
4534
|
+
"ScTextField": {
|
|
4535
|
+
"doc": "ScTextField.md",
|
|
4536
|
+
"source": "src/SC-textField",
|
|
4537
|
+
"category": "forms",
|
|
4538
|
+
"status": "stable",
|
|
4539
|
+
"renders": "div > (label?) + div > input",
|
|
4540
|
+
"summary": "The default single-line text input for every Streamoid form.",
|
|
4541
|
+
"reachForWhen": "you need a labelled single-line input inside a form, modal or settings panel.",
|
|
4542
|
+
"tags": [
|
|
4543
|
+
"input",
|
|
4544
|
+
"text",
|
|
4545
|
+
"textfield",
|
|
4546
|
+
"form",
|
|
4547
|
+
"label",
|
|
4548
|
+
"placeholder",
|
|
4549
|
+
"required",
|
|
4550
|
+
"helper",
|
|
4551
|
+
"desc",
|
|
4552
|
+
"info",
|
|
4553
|
+
"slot"
|
|
4554
|
+
],
|
|
4555
|
+
"related": [
|
|
4556
|
+
"ScOnlyField",
|
|
4557
|
+
"ScTextArea",
|
|
4558
|
+
"ScSelect",
|
|
4559
|
+
"ScFieldButton",
|
|
4560
|
+
"ScTabField",
|
|
4561
|
+
"ScCheckField",
|
|
4562
|
+
"ScFileField",
|
|
4563
|
+
"ScInfoPopup"
|
|
4564
|
+
],
|
|
4565
|
+
"doNotConfuseWith": [
|
|
4566
|
+
"ScOnlyField",
|
|
4567
|
+
"ScTextArea",
|
|
4568
|
+
"ScAppField",
|
|
4569
|
+
"ScOnlyIcon"
|
|
4570
|
+
],
|
|
4571
|
+
"requiredProps": [],
|
|
4572
|
+
"usedBy": [
|
|
4573
|
+
"cxo",
|
|
4574
|
+
"catalogix",
|
|
4575
|
+
"photogenix",
|
|
4576
|
+
"artifax"
|
|
4577
|
+
],
|
|
4578
|
+
"alsoExports": [],
|
|
4579
|
+
"exported": true
|
|
4580
|
+
},
|
|
4581
|
+
"ScTodoList": {
|
|
4582
|
+
"doc": "ScTodoList.md",
|
|
4583
|
+
"source": "src/SC-todoList",
|
|
4584
|
+
"category": "chat-agent",
|
|
4585
|
+
"status": "stable",
|
|
4586
|
+
"renders": "div",
|
|
4587
|
+
"summary": "The agent's task checklist, editable by the user.",
|
|
4588
|
+
"reachForWhen": "the agent produced a plan or task list and the user must be able to tick, rename, remove and add items — the `todo_list` field of the agent's in-chat DynamicForm.",
|
|
4589
|
+
"tags": [
|
|
4590
|
+
"chat",
|
|
4591
|
+
"agent",
|
|
4592
|
+
"todo",
|
|
4593
|
+
"checklist",
|
|
4594
|
+
"tasks",
|
|
4595
|
+
"plan",
|
|
4596
|
+
"dynamicform",
|
|
4597
|
+
"add",
|
|
4598
|
+
"edit",
|
|
4599
|
+
"delete"
|
|
4600
|
+
],
|
|
4601
|
+
"related": [
|
|
4602
|
+
"ScCheckField",
|
|
4603
|
+
"ScCheckbox",
|
|
4604
|
+
"ScThinkingStepIcon",
|
|
4605
|
+
"ScInChatList",
|
|
4606
|
+
"ScMediaSelect"
|
|
4607
|
+
],
|
|
4608
|
+
"doNotConfuseWith": [
|
|
4609
|
+
"ScCheckField",
|
|
4610
|
+
"ScCheckbox",
|
|
4611
|
+
"ScInChatList",
|
|
4612
|
+
"ScTableList",
|
|
4613
|
+
"ScMenuOptions"
|
|
4614
|
+
],
|
|
4615
|
+
"requiredProps": [],
|
|
4616
|
+
"usedBy": [
|
|
4617
|
+
"agent"
|
|
4618
|
+
],
|
|
4619
|
+
"alsoExports": [],
|
|
4620
|
+
"exported": true
|
|
4621
|
+
},
|
|
4622
|
+
"ScToggleSwitch": {
|
|
4623
|
+
"doc": "ScToggleSwitch.md",
|
|
4624
|
+
"source": "src/SC-toggleSwitch",
|
|
4625
|
+
"category": "forms",
|
|
4626
|
+
"status": "stable",
|
|
4627
|
+
"renders": "div",
|
|
4628
|
+
"summary": "The on/off switch — a 40×24 pill with a knob.",
|
|
4629
|
+
"reachForWhen": "a single boolean setting applies immediately — enable a feature, mute a rule, turn on an app for a user.",
|
|
4630
|
+
"tags": [
|
|
4631
|
+
"toggle",
|
|
4632
|
+
"switch",
|
|
4633
|
+
"on-off",
|
|
4634
|
+
"enable",
|
|
4635
|
+
"disable",
|
|
4636
|
+
"setting",
|
|
4637
|
+
"instant-apply",
|
|
4638
|
+
"boolean"
|
|
4639
|
+
],
|
|
4640
|
+
"related": [
|
|
4641
|
+
"ScCheckbox",
|
|
4642
|
+
"ScAppField",
|
|
4643
|
+
"ScCatalogixInvite",
|
|
4644
|
+
"ScPhtogenixInvite",
|
|
4645
|
+
"ScArtifaxInvite"
|
|
4646
|
+
],
|
|
4647
|
+
"doNotConfuseWith": [
|
|
4648
|
+
"ScCheckbox",
|
|
4649
|
+
"ScAppSwitchPanel",
|
|
4650
|
+
"ScWorkspaceSwitchCard",
|
|
4651
|
+
"ScTabSwitcher",
|
|
4652
|
+
"ScAppField"
|
|
4653
|
+
],
|
|
4654
|
+
"requiredProps": [],
|
|
4655
|
+
"usedBy": [
|
|
4656
|
+
"catalogix"
|
|
4657
|
+
],
|
|
4658
|
+
"alsoExports": [],
|
|
4659
|
+
"exported": true
|
|
4660
|
+
},
|
|
4661
|
+
"ScVersion": {
|
|
4662
|
+
"doc": "ScVersion.md",
|
|
4663
|
+
"source": "src/SC-version",
|
|
4664
|
+
"category": "sidebar",
|
|
4665
|
+
"status": "legacy",
|
|
4666
|
+
"renders": "div",
|
|
4667
|
+
"summary": "Legacy. Superseded by `StreamoidSidebar`'s `versionText` prop.",
|
|
4668
|
+
"reachForWhen": "never. `StreamoidSidebar` renders its own version footer inline from `versionText`.",
|
|
4669
|
+
"tags": [
|
|
4670
|
+
"sidebar",
|
|
4671
|
+
"version",
|
|
4672
|
+
"footer",
|
|
4673
|
+
"version-stamp",
|
|
4674
|
+
"collapse-toggle",
|
|
4675
|
+
"legacy",
|
|
4676
|
+
"build-number"
|
|
4677
|
+
],
|
|
4678
|
+
"related": [
|
|
4679
|
+
"StreamoidSidebar",
|
|
4680
|
+
"ScSidebarIcons",
|
|
4681
|
+
"ScSidebar",
|
|
4682
|
+
"ScMenuOptions"
|
|
4683
|
+
],
|
|
4684
|
+
"doNotConfuseWith": [
|
|
4685
|
+
"StreamoidSidebar",
|
|
4686
|
+
"ScSidebarIcons",
|
|
4687
|
+
"ScMenuOptions",
|
|
4688
|
+
"ScBadges"
|
|
4689
|
+
],
|
|
4690
|
+
"requiredProps": [],
|
|
4691
|
+
"usedBy": [],
|
|
4692
|
+
"alsoExports": [],
|
|
4693
|
+
"exported": true
|
|
4694
|
+
},
|
|
4695
|
+
"ScWorkspaceCard": {
|
|
4696
|
+
"doc": "ScWorkspaceCard.md",
|
|
4697
|
+
"source": "src/SC-workspaceCard",
|
|
4698
|
+
"category": "cards",
|
|
4699
|
+
"status": "legacy",
|
|
4700
|
+
"renders": "div",
|
|
4701
|
+
"summary": "⚠️ Legacy — superseded by `ScWorkspaceSwitchCard` (single card) and `StreamoidWorkspaceSwitcher` (the whole overlay).",
|
|
4702
|
+
"reachForWhen": "essentially never in new code. Use `ScWorkspaceSwitchCard`, or `StreamoidWorkspaceSwitcher` if you want the whole switch-workspace overlay.",
|
|
4703
|
+
"tags": [
|
|
4704
|
+
"card",
|
|
4705
|
+
"workspace",
|
|
4706
|
+
"team",
|
|
4707
|
+
"role",
|
|
4708
|
+
"owner",
|
|
4709
|
+
"switch",
|
|
4710
|
+
"leave",
|
|
4711
|
+
"legacy",
|
|
4712
|
+
"superseded"
|
|
4713
|
+
],
|
|
4714
|
+
"related": [
|
|
4715
|
+
"ScWorkspaceSwitchCard",
|
|
4716
|
+
"StreamoidWorkspaceSwitcher",
|
|
4717
|
+
"ScWorkspaceSwitchMobileV2",
|
|
4718
|
+
"ScWorkspaceSettingsMobile",
|
|
4719
|
+
"ScIntialProfileCover"
|
|
4720
|
+
],
|
|
4721
|
+
"doNotConfuseWith": [
|
|
4722
|
+
"ScWorkspaceSwitchCard",
|
|
4723
|
+
"StreamoidWorkspaceSwitcher",
|
|
4724
|
+
"ScSidebarSwitchMenu",
|
|
4725
|
+
"ScWorkspaceSwitchMobile",
|
|
4726
|
+
"ScWorkspaceSwitchMobileV2"
|
|
4727
|
+
],
|
|
4728
|
+
"requiredProps": [],
|
|
4729
|
+
"usedBy": [],
|
|
4730
|
+
"alsoExports": [],
|
|
4731
|
+
"exported": true
|
|
4732
|
+
},
|
|
4733
|
+
"ScWorkspaceSettingsMobile": {
|
|
4734
|
+
"doc": "ScWorkspaceSettingsMobile.md",
|
|
4735
|
+
"source": "src/SC-workspaceSettings-Mobile",
|
|
4736
|
+
"category": "mobile",
|
|
4737
|
+
"status": "stable",
|
|
4738
|
+
"renders": "div",
|
|
4739
|
+
"summary": "The mobile workspace card with two info rows.",
|
|
4740
|
+
"reachForWhen": "a mobile workspace-settings screen needs a workspace summary that also shows how many people are in it.",
|
|
4741
|
+
"tags": [
|
|
4742
|
+
"mobile",
|
|
4743
|
+
"workspace",
|
|
4744
|
+
"settings",
|
|
4745
|
+
"team",
|
|
4746
|
+
"owner",
|
|
4747
|
+
"members",
|
|
4748
|
+
"card",
|
|
4749
|
+
"role"
|
|
4750
|
+
],
|
|
4751
|
+
"related": [
|
|
4752
|
+
"ScWorkspaceSwitchMobile",
|
|
4753
|
+
"ScWorkspaceSwitchMobileV2",
|
|
4754
|
+
"ScWorkspaceCard",
|
|
4755
|
+
"ScTableListMobile"
|
|
4756
|
+
],
|
|
4757
|
+
"doNotConfuseWith": [
|
|
4758
|
+
"ScWorkspaceSwitchMobile",
|
|
4759
|
+
"ScWorkspaceSwitchMobileV2",
|
|
4760
|
+
"ScWorkspaceCard",
|
|
4761
|
+
"ScWorkspaceSwitchCard",
|
|
4762
|
+
"ScProfileSettingsComp"
|
|
4763
|
+
],
|
|
4764
|
+
"requiredProps": [],
|
|
4765
|
+
"usedBy": [],
|
|
4766
|
+
"alsoExports": [],
|
|
4767
|
+
"exported": true
|
|
4768
|
+
},
|
|
4769
|
+
"ScWorkspaceSwitchMobile": {
|
|
4770
|
+
"doc": "ScWorkspaceSwitchMobile.md",
|
|
4771
|
+
"source": "src/SC-workspaceSwitch-Mobile",
|
|
4772
|
+
"category": "mobile",
|
|
4773
|
+
"status": "legacy",
|
|
4774
|
+
"renders": "div",
|
|
4775
|
+
"summary": "The V1 mobile workspace-switch card — superseded by `ScWorkspaceSwitchMobileV2`.",
|
|
4776
|
+
"reachForWhen": "you specifically need the V1 look — a two-block card with a divider and an owner row that carries your own icon. In new code, don't.",
|
|
4777
|
+
"tags": [
|
|
4778
|
+
"mobile",
|
|
4779
|
+
"workspace",
|
|
4780
|
+
"switcher",
|
|
4781
|
+
"switch",
|
|
4782
|
+
"card",
|
|
4783
|
+
"role",
|
|
4784
|
+
"owner",
|
|
4785
|
+
"legacy",
|
|
4786
|
+
"v1"
|
|
4787
|
+
],
|
|
4788
|
+
"related": [
|
|
4789
|
+
"ScWorkspaceSwitchMobileV2",
|
|
4790
|
+
"ScWorkspaceSettingsMobile",
|
|
4791
|
+
"ScWorkspaceSwitchCard",
|
|
4792
|
+
"ScDp"
|
|
4793
|
+
],
|
|
4794
|
+
"doNotConfuseWith": [
|
|
4795
|
+
"ScWorkspaceSwitchMobileV2",
|
|
4796
|
+
"ScWorkspaceSettingsMobile",
|
|
4797
|
+
"ScWorkspaceCard",
|
|
4798
|
+
"ScWorkspaceSwitchCard",
|
|
4799
|
+
"StreamoidWorkspaceSwitcher"
|
|
4800
|
+
],
|
|
4801
|
+
"requiredProps": [],
|
|
4802
|
+
"usedBy": [],
|
|
4803
|
+
"alsoExports": [],
|
|
4804
|
+
"exported": true
|
|
4805
|
+
}
|
|
4806
|
+
},
|
|
4807
|
+
"aliases": {
|
|
4808
|
+
"ScAppSwitchRow": {
|
|
4809
|
+
"documentedIn": "ScAppSwitchPanel",
|
|
4810
|
+
"doc": "ScAppSwitchPanel.md"
|
|
4811
|
+
},
|
|
4812
|
+
"ScAskAgentSlot": {
|
|
4813
|
+
"documentedIn": "ScAskAgentButton",
|
|
4814
|
+
"doc": "ScAskAgentButton.md"
|
|
4815
|
+
},
|
|
4816
|
+
"AssistantCta": {
|
|
4817
|
+
"documentedIn": "ScAskAgentButton",
|
|
4818
|
+
"doc": "ScAskAgentButton.md"
|
|
4819
|
+
},
|
|
4820
|
+
"ScStreamoidMascot": {
|
|
4821
|
+
"documentedIn": "ScStreamoidWordmark",
|
|
4822
|
+
"doc": "ScStreamoidWordmark.md"
|
|
4823
|
+
},
|
|
4824
|
+
"ScCxoCopilotLogo": {
|
|
4825
|
+
"documentedIn": "ScStreamoidWordmark",
|
|
4826
|
+
"doc": "ScStreamoidWordmark.md"
|
|
4827
|
+
},
|
|
4828
|
+
"ProductWordmark": {
|
|
4829
|
+
"documentedIn": "ScSideBarLogoUnit",
|
|
4830
|
+
"doc": "ScSideBarLogoUnit.md"
|
|
4831
|
+
},
|
|
4832
|
+
"ProductCollapsedMark": {
|
|
4833
|
+
"documentedIn": "ScSideBarLogoUnit",
|
|
4834
|
+
"doc": "ScSideBarLogoUnit.md"
|
|
4835
|
+
},
|
|
4836
|
+
"hasCollapsedMark": {
|
|
4837
|
+
"documentedIn": "ScSideBarLogoUnit",
|
|
4838
|
+
"doc": "ScSideBarLogoUnit.md"
|
|
4839
|
+
},
|
|
4840
|
+
"formatSubAgentLabel": {
|
|
4841
|
+
"documentedIn": "ScSubAgent",
|
|
4842
|
+
"doc": "ScSubAgent.md"
|
|
4843
|
+
},
|
|
4844
|
+
"NscWorkspaceSwitch": {
|
|
4845
|
+
"documentedIn": "ScWorkspaceSwitchCard",
|
|
4846
|
+
"doc": "ScWorkspaceSwitchCard.md"
|
|
4847
|
+
}
|
|
4848
|
+
}
|
|
4849
|
+
}
|