From 75fac888d752c9d3b83d1e6ad3ff73ea329f5419 Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Mon, 2 Mar 2026 13:25:27 -0600 Subject: [PATCH] docs(S2): add illustrations for ListView and AI pages (#9721) --- .../component-illustrations/dark/ListView.avif | Bin 0 -> 6359 bytes .../dark/WorkingWithAI.avif | Bin 0 -> 6495 bytes .../component-illustrations/light/ListView.avif | Bin 0 -> 5466 bytes .../light/WorkingWithAI.avif | Bin 0 -> 5454 bytes packages/dev/s2-docs/src/ComponentCard.tsx | 6 ++++++ 5 files changed, 6 insertions(+) create mode 100644 packages/dev/s2-docs/assets/component-illustrations/dark/ListView.avif create mode 100644 packages/dev/s2-docs/assets/component-illustrations/dark/WorkingWithAI.avif create mode 100644 packages/dev/s2-docs/assets/component-illustrations/light/ListView.avif create mode 100644 packages/dev/s2-docs/assets/component-illustrations/light/WorkingWithAI.avif diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/ListView.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/ListView.avif new file mode 100644 index 0000000000000000000000000000000000000000..621b95d02c6bf76ffc13f1a185bf24fce0976df5 GIT binary patch literal 6359 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 luOpA;nY$0TUs?j`la++7@nVQ`4e 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/WorkingWithAI.avif b/packages/dev/s2-docs/assets/component-illustrations/light/WorkingWithAI.avif new file mode 100644 index 0000000000000000000000000000000000000000..2b70a63514f6aedaad41e52e6f8e931da7cd30e8 GIT binary patch literal 5454 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/src/ComponentCard.tsx b/packages/dev/s2-docs/src/ComponentCard.tsx index 01467202cbc..06a682e3ea5 100644 --- a/packages/dev/s2-docs/src/ComponentCard.tsx +++ b/packages/dev/s2-docs/src/ComponentCard.tsx @@ -111,6 +111,8 @@ import LinkButtonDark from 'url:../assets/component-illustrations/dark/LinkButto import LinkButtonLight from 'url:../assets/component-illustrations/light/LinkButton.avif'; import LinkDark from 'url:../assets/component-illustrations/dark/Link.avif'; import LinkLight from 'url:../assets/component-illustrations/light/Link.avif'; +import ListViewDark from 'url:../assets/component-illustrations/dark/ListView.avif'; +import ListViewLight from 'url:../assets/component-illustrations/light/ListView.avif'; import McpServerDark from 'url:../assets/component-illustrations/dark/McpServer.avif'; import McpServerLight from 'url:../assets/component-illustrations/light/McpServer.avif'; import MenuDark from 'url:../assets/component-illustrations/dark/Menu.avif'; @@ -191,6 +193,8 @@ import TreeDark from 'url:../assets/component-illustrations/dark/Tree.avif'; import TreeLight from 'url:../assets/component-illustrations/light/Tree.avif'; import UtilityDark from 'url:../assets/component-illustrations/dark/Utility.avif'; import UtilityLight from 'url:../assets/component-illustrations/light/Utility.avif'; +import WorkingWithAIDark from 'url:../assets/component-illustrations/dark/WorkingWithAI.avif'; +import WorkingWithAILight from 'url:../assets/component-illustrations/light/WorkingWithAI.avif'; export interface ComponentCardItem { id: string, @@ -249,6 +253,7 @@ const componentIllustrations: Record = { 'Link': [LinkLight, LinkDark], 'LinkButton': [LinkButtonLight, LinkButtonDark], 'ListBox': [SelectionLight, SelectionDark], + 'ListView': [ListViewLight, ListViewDark], 'Menu': [MenuLight, MenuDark], 'Meter': [MeterLight, MeterDark], 'Migrating to Spectrum 2': [MigratingLight, MigratingDark], @@ -296,6 +301,7 @@ const componentIllustrations: Record = { 'Getting started': [GettingStartedLight, GettingStartedDark], 'MCP Server': [McpServerLight, McpServerDark], 'Quality': [AccessibilityLight, AccessibilityDark], + 'Working with AI': [WorkingWithAILight, WorkingWithAIDark], 'Selection': [SelectionLight, SelectionDark], 'Style Macro': [StyleMacroLight, StyleMacroDark], 'Styling': [StyleLight, StyleDark],