From 62897ae6b506ab89b842689eef7d3dabe829d1dc Mon Sep 17 00:00:00 2001 From: David Longworth Date: Tue, 19 May 2026 13:20:24 +0100 Subject: [PATCH 1/6] use manifest provided by package --- package-lock.json | 135 +- package.json | 2 +- .../src/routes/resources/icons/+page.svelte | 3 +- .../src/routes/resources/icons/manifest.json | 9437 ----------------- 4 files changed, 83 insertions(+), 9494 deletions(-) delete mode 100644 packages/stacks-docs/src/routes/resources/icons/manifest.json diff --git a/package-lock.json b/package-lock.json index 9305c6197b..152cc847cb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,7 @@ "@rollup/plugin-commonjs": "^26.0.1", "@rollup/plugin-replace": "^6.0.3", "@stackoverflow/prettier-config": "^1.0.0", - "@stackoverflow/stacks-icons": "^7.0.0-beta.21", + "@stackoverflow/stacks-icons": "^7.0.0-beta.24", "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0", "@storybook/addon-a11y": "^10.1.11", "@storybook/addon-docs": "^10.1.11", @@ -1402,7 +1402,7 @@ }, "node_modules/@jridgewell/source-map": { "version": "0.3.11", - "devOptional": true, + "dev": true, "license": "MIT", "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", @@ -1822,6 +1822,7 @@ "cpu": [ "arm" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1835,6 +1836,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1846,6 +1848,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1859,6 +1862,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1872,6 +1876,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1885,6 +1890,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1898,9 +1904,7 @@ "cpu": [ "arm" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1914,9 +1918,7 @@ "cpu": [ "arm" ], - "libc": [ - "musl" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1930,9 +1932,7 @@ "cpu": [ "arm64" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1946,9 +1946,7 @@ "cpu": [ "arm64" ], - "libc": [ - "musl" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1962,9 +1960,7 @@ "cpu": [ "loong64" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1978,9 +1974,7 @@ "cpu": [ "ppc64" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1994,9 +1988,7 @@ "cpu": [ "riscv64" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2010,9 +2002,7 @@ "cpu": [ "riscv64" ], - "libc": [ - "musl" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2026,9 +2016,7 @@ "cpu": [ "s390x" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2042,9 +2030,7 @@ "cpu": [ "x64" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2058,9 +2044,7 @@ "cpu": [ "x64" ], - "libc": [ - "musl" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2074,6 +2058,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2087,6 +2072,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2100,6 +2086,7 @@ "cpu": [ "ia32" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2113,6 +2100,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2126,6 +2114,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -2226,7 +2215,9 @@ "license": "MIT" }, "node_modules/@stackoverflow/stacks-icons": { - "version": "7.0.0-beta.23", + "version": "7.0.0-beta.24", + "resolved": "https://registry.npmjs.org/@stackoverflow/stacks-icons/-/stacks-icons-7.0.0-beta.24.tgz", + "integrity": "sha512-YNLn98BF1gcncorpsvIgle3w1Ez/RtNcL24CVquOVW1uSF4kt3GnH6b3aTeeMzX76uLaQmwEQEedWP0aKBcG2g==", "license": "Apache-2.0" }, "node_modules/@stackoverflow/stacks-icons-legacy": { @@ -3040,7 +3031,7 @@ }, "node_modules/@types/node": { "version": "24.9.1", - "devOptional": true, + "dev": true, "license": "MIT", "dependencies": { "undici-types": "~7.16.0" @@ -4581,7 +4572,7 @@ }, "node_modules/buffer-from": { "version": "1.1.2", - "devOptional": true, + "dev": true, "license": "MIT" }, "node_modules/bundle-name": { @@ -5206,7 +5197,7 @@ }, "node_modules/copy-anything": { "version": "2.0.6", - "devOptional": true, + "dev": true, "license": "MIT", "peer": true, "dependencies": { @@ -6701,6 +6692,7 @@ }, "node_modules/fsevents": { "version": "2.3.3", + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -6934,7 +6926,7 @@ }, "node_modules/graceful-fs": { "version": "4.2.11", - "devOptional": true, + "dev": true, "license": "ISC" }, "node_modules/has-flag": { @@ -7350,6 +7342,7 @@ }, "node_modules/image-size": { "version": "0.5.5", + "dev": true, "license": "MIT", "optional": true, "peer": true, @@ -7758,7 +7751,7 @@ }, "node_modules/is-what": { "version": "3.14.1", - "devOptional": true, + "dev": true, "license": "MIT", "peer": true }, @@ -7881,7 +7874,7 @@ }, "node_modules/jiti": { "version": "2.6.1", - "devOptional": true, + "dev": true, "license": "MIT", "bin": { "jiti": "lib/jiti-cli.mjs" @@ -8094,7 +8087,7 @@ }, "node_modules/less": { "version": "4.5.1", - "devOptional": true, + "dev": true, "hasInstallScript": true, "license": "Apache-2.0", "peer": true, @@ -8146,6 +8139,7 @@ }, "node_modules/less/node_modules/errno": { "version": "0.1.8", + "dev": true, "license": "MIT", "optional": true, "peer": true, @@ -8158,6 +8152,7 @@ }, "node_modules/less/node_modules/make-dir": { "version": "2.1.0", + "dev": true, "license": "MIT", "optional": true, "peer": true, @@ -8171,6 +8166,7 @@ }, "node_modules/less/node_modules/mime": { "version": "1.6.0", + "dev": true, "license": "MIT", "optional": true, "peer": true, @@ -8183,6 +8179,7 @@ }, "node_modules/less/node_modules/semver": { "version": "5.7.2", + "dev": true, "license": "ISC", "optional": true, "peer": true, @@ -8192,6 +8189,7 @@ }, "node_modules/less/node_modules/source-map": { "version": "0.6.1", + "dev": true, "license": "BSD-3-Clause", "optional": true, "peer": true, @@ -8757,6 +8755,7 @@ }, "node_modules/needle": { "version": "3.3.1", + "dev": true, "license": "MIT", "optional": true, "peer": true, @@ -8773,6 +8772,7 @@ }, "node_modules/needle/node_modules/iconv-lite": { "version": "0.6.3", + "dev": true, "license": "MIT", "optional": true, "peer": true, @@ -9159,7 +9159,7 @@ }, "node_modules/parse-node-version": { "version": "1.0.1", - "devOptional": true, + "dev": true, "license": "MIT", "peer": true, "engines": { @@ -9271,7 +9271,7 @@ }, "node_modules/pify": { "version": "4.0.1", - "devOptional": true, + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -10260,6 +10260,7 @@ }, "node_modules/prr": { "version": "1.0.1", + "dev": true, "license": "MIT", "optional": true, "peer": true @@ -11694,12 +11695,12 @@ }, "node_modules/safer-buffer": { "version": "2.1.2", - "devOptional": true, + "dev": true, "license": "MIT" }, "node_modules/sax": { "version": "1.4.1", - "devOptional": true, + "dev": true, "license": "ISC" }, "node_modules/scheduler": { @@ -12029,7 +12030,7 @@ }, "node_modules/source-map-support": { "version": "0.5.21", - "devOptional": true, + "dev": true, "license": "MIT", "dependencies": { "buffer-from": "^1.0.0", @@ -12038,7 +12039,7 @@ }, "node_modules/source-map-support/node_modules/source-map": { "version": "0.6.1", - "devOptional": true, + "dev": true, "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" @@ -12986,7 +12987,7 @@ }, "node_modules/terser": { "version": "5.44.0", - "devOptional": true, + "dev": true, "license": "BSD-2-Clause", "dependencies": { "@jridgewell/source-map": "^0.3.3", @@ -13036,7 +13037,7 @@ }, "node_modules/terser/node_modules/commander": { "version": "2.20.3", - "devOptional": true, + "dev": true, "license": "MIT" }, "node_modules/text-decoder": { @@ -13190,7 +13191,7 @@ }, "node_modules/tslib": { "version": "2.8.1", - "devOptional": true, + "dev": true, "license": "0BSD" }, "node_modules/tsscmp": { @@ -13257,7 +13258,7 @@ }, "node_modules/typescript": { "version": "5.9.3", - "devOptional": true, + "dev": true, "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", @@ -13328,7 +13329,7 @@ }, "node_modules/undici-types": { "version": "7.16.0", - "devOptional": true, + "dev": true, "license": "MIT" }, "node_modules/unicorn-magic": { @@ -13673,6 +13674,7 @@ "cpu": [ "ppc64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13689,6 +13691,7 @@ "cpu": [ "arm" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13705,6 +13708,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13721,6 +13725,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13735,6 +13740,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13751,6 +13757,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13767,6 +13774,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13783,6 +13791,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13799,6 +13808,7 @@ "cpu": [ "arm" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13815,6 +13825,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13831,6 +13842,7 @@ "cpu": [ "ia32" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13847,6 +13859,7 @@ "cpu": [ "loong64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13863,6 +13876,7 @@ "cpu": [ "mips64el" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13879,6 +13893,7 @@ "cpu": [ "ppc64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13895,6 +13910,7 @@ "cpu": [ "riscv64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13911,6 +13927,7 @@ "cpu": [ "s390x" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13927,6 +13944,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13943,6 +13961,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13959,6 +13978,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13975,6 +13995,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -13991,6 +14012,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -14007,6 +14029,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -14023,6 +14046,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -14039,6 +14063,7 @@ "cpu": [ "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -14055,6 +14080,7 @@ "cpu": [ "ia32" ], + "dev": true, "license": "MIT", "optional": true, "os": [ @@ -14071,6 +14097,7 @@ "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ diff --git a/package.json b/package.json index a17ce17e99..adf27e4d07 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ "@rollup/plugin-commonjs": "^26.0.1", "@rollup/plugin-replace": "^6.0.3", "@stackoverflow/prettier-config": "^1.0.0", - "@stackoverflow/stacks-icons": "^7.0.0-beta.21", + "@stackoverflow/stacks-icons": "^7.0.0-beta.24", "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0", "@storybook/addon-a11y": "^10.1.11", "@storybook/addon-docs": "^10.1.11", diff --git a/packages/stacks-docs/src/routes/resources/icons/+page.svelte b/packages/stacks-docs/src/routes/resources/icons/+page.svelte index 40ee8589f8..0279b03608 100644 --- a/packages/stacks-docs/src/routes/resources/icons/+page.svelte +++ b/packages/stacks-docs/src/routes/resources/icons/+page.svelte @@ -1,6 +1,5 @@ + + {pageTitle} + + +

{data?.active?.title}

{data?.active?.description}

From 81cd289ae30cec359bf9660f3aa5cea3468fc885 Mon Sep 17 00:00:00 2001 From: David Longworth Date: Tue, 19 May 2026 13:48:08 +0100 Subject: [PATCH 4/6] add page title --- packages/stacks-docs/src/routes/resources/icons/+page.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/stacks-docs/src/routes/resources/icons/+page.svelte b/packages/stacks-docs/src/routes/resources/icons/+page.svelte index abe02a4fb6..993433ef59 100644 --- a/packages/stacks-docs/src/routes/resources/icons/+page.svelte +++ b/packages/stacks-docs/src/routes/resources/icons/+page.svelte @@ -150,6 +150,10 @@ let exportName = $derived(selectedVariant ? selectedVariant.key : ''); + + Icons & Spot illustrations - Stack Overflow Design System + +
From 6e3c61a166bbd66158eb96d665fd9033cc17ed2a Mon Sep 17 00:00:00 2001 From: David Longworth Date: Tue, 19 May 2026 13:48:20 +0100 Subject: [PATCH 5/6] add page header and responsive fixes --- .../src/routes/resources/icons/+page.svelte | 34 +++++++++++++++---- 1 file changed, 27 insertions(+), 7 deletions(-) diff --git a/packages/stacks-docs/src/routes/resources/icons/+page.svelte b/packages/stacks-docs/src/routes/resources/icons/+page.svelte index 993433ef59..20046eea1a 100644 --- a/packages/stacks-docs/src/routes/resources/icons/+page.svelte +++ b/packages/stacks-docs/src/routes/resources/icons/+page.svelte @@ -2,9 +2,9 @@ import manifest from '@stackoverflow/stacks-icons/manifest'; import { copyToClipboard } from '$src/lib/copyToClipboard'; - import { IconServiceFigma, IconCheckFillCircle, IconStackCards, IconCross } from '@stackoverflow/stacks-icons/icons'; - import { SpotEmpty } from '@stackoverflow/stacks-icons/spots'; - import { Icon, Button, Navigation, NavigationItem, TextInput, TextArea } from '@stackoverflow/stacks-svelte'; + import { IconServiceFigma, IconServiceGitHub, IconCheckFillCircle, IconStackCards, IconCross } from '@stackoverflow/stacks-icons/icons'; + import { SpotSearch } from '@stackoverflow/stacks-icons/spots'; + import { Icon, Button, Link, Navigation, NavigationItem, TextInput, TextArea } from '@stackoverflow/stacks-svelte'; import { page } from '$app/state'; import { replaceState } from '$app/navigation'; import { browser } from '$app/environment'; @@ -158,6 +158,26 @@
+
+ + +
+ + + Figma + + + + + GitHub + +
+
+ -