From 45f2890261a8e8e120a9cbf4b10d653aab2347dd Mon Sep 17 00:00:00 2001 From: Puru Vijay <47742487+PuruVJ@users.noreply.github.com> Date: Tue, 18 Apr 2023 05:04:46 +0530 Subject: [PATCH] feat(site-2): Remove legacy site-kit stuff (#8501) * Push * Update site-kit * Update svelte REPL * Remove rollup URL * meh * Modify sidebar colors * Bump deps --- sites/svelte.dev/package-lock.json | 210 +++++++----------- sites/svelte.dev/package.json | 12 +- .../lib/components/PreloadingIndicator.svelte | 2 +- .../src/lib/components/ReplWidget.svelte | 8 +- .../src/routes/(authed)/apps/+page.svelte | 26 +-- .../routes/(authed)/repl/[id]/+page.svelte | 7 +- .../(authed)/repl/[id]/AppControls.svelte | 22 +- .../routes/(authed)/repl/[id]/UserMenu.svelte | 6 +- .../routes/(authed)/repl/embed/+page.svelte | 2 +- sites/svelte.dev/src/routes/+error.svelte | 6 +- sites/svelte.dev/src/routes/+page.svelte | 6 +- .../src/routes/_components/Demo.svelte | 18 +- .../src/routes/_components/Example.svelte | 2 +- .../src/routes/_components/Hero.svelte | 15 +- .../src/routes/_components/Section.svelte | 2 +- sites/svelte.dev/src/routes/blog/+page.svelte | 4 +- .../src/routes/blog/[slug]/+page.svelte | 4 +- .../src/routes/examples/[slug]/+page.svelte | 4 +- .../examples/[slug]/TableOfContents.svelte | 2 +- sites/svelte.dev/src/routes/faq/+page.svelte | 3 +- .../src/routes/tutorial/[slug]/+page.svelte | 22 +- sites/svelte.dev/tsconfig.json | 3 +- 22 files changed, 173 insertions(+), 213 deletions(-) diff --git a/sites/svelte.dev/package-lock.json b/sites/svelte.dev/package-lock.json index 5a3db27696..7597fc98b9 100644 --- a/sites/svelte.dev/package-lock.json +++ b/sites/svelte.dev/package-lock.json @@ -9,7 +9,7 @@ "version": "1.0.0", "dependencies": { "@supabase/supabase-js": "^2.20.0", - "@sveltejs/repl": "^0.2.0", + "@sveltejs/repl": "^0.4.0", "cookie": "^0.5.0", "devalue": "^4.3.0", "do-not-zip": "^1.0.0", @@ -20,8 +20,8 @@ "devDependencies": { "@resvg/resvg-js": "^2.4.1", "@sveltejs/adapter-vercel": "^2.4.1", - "@sveltejs/kit": "^1.15.4", - "@sveltejs/site-kit": "^4.0.2", + "@sveltejs/kit": "^1.15.6", + "@sveltejs/site-kit": "^5.0.1", "@types/marked": "^4.0.8", "@types/prismjs": "^1.26.0", "degit": "^2.8.4", @@ -33,7 +33,7 @@ "prettier-plugin-svelte": "^2.10.0", "prism-svelte": "^0.5.0", "prismjs": "^1.29.0", - "satori": "^0.4.7", + "satori": "^0.4.11", "satori-html": "^0.3.2", "shelljs": "^0.8.5", "shiki": "^0.14.1", @@ -42,7 +42,7 @@ "svelte-check": "^3.2.0", "typescript": "^5.0.4", "vite": "^4.2.1", - "vite-imagetools": "^4.0.18" + "vite-imagetools": "^4.0.19" } }, "node_modules/@esbuild/android-arm": { @@ -829,8 +829,7 @@ "node_modules/@jridgewell/sourcemap-codec": { "version": "1.4.14", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", - "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", - "dev": true + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==" }, "node_modules/@jridgewell/trace-mapping": { "version": "0.3.17", @@ -920,8 +919,7 @@ "node_modules/@polka/url": { "version": "1.0.0-next.21", "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz", - "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==", - "dev": true + "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==" }, "node_modules/@resvg/resvg-js": { "version": "2.4.1", @@ -1139,9 +1137,9 @@ } }, "node_modules/@rollup/browser": { - "version": "3.20.2", - "resolved": "https://registry.npmjs.org/@rollup/browser/-/browser-3.20.2.tgz", - "integrity": "sha512-cW9g80ZjKnI91OvmTtb/NDB/N2XusFT6MopIQZSGSUE0y0I5I+OY2tZJFz1rSzJ2s2viyBFsbVAjgiI/6nkB+A==" + "version": "3.20.4", + "resolved": "https://registry.npmjs.org/@rollup/browser/-/browser-3.20.4.tgz", + "integrity": "sha512-SjDJ0Q8Lo6g+hArFM7SwOUUkWpNV+YnOtiLwEqYrzw4yH36XGgkK0v9qwRQp2K73xq+d07TB41zCUL3ttW25sQ==" }, "node_modules/@rollup/pluginutils": { "version": "4.2.1", @@ -1247,10 +1245,9 @@ } }, "node_modules/@sveltejs/kit": { - "version": "1.15.4", - "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.4.tgz", - "integrity": "sha512-m+Tid9nbtFawmiu85lDlal0AQ7UeuV48UsuKMe06QLr3ntMQSUzIPqyswNRZqFrar6NhVTUXQ0aO61M3U4MWpQ==", - "dev": true, + "version": "1.15.6", + "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.6.tgz", + "integrity": "sha512-nXAVKq4veZqztZbPRDMpZszerSuZk3dMZmIoYc/6YvctYYkZS0cdQy5qfeGQ404wXRonCpaCQb0lUrdJZ81f9A==", "hasInstallScript": true, "dependencies": { "@sveltejs/vite-plugin-svelte": "^2.0.0", @@ -1279,31 +1276,30 @@ } }, "node_modules/@sveltejs/repl": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.2.0.tgz", - "integrity": "sha512-TWla1fYIl1mBKcQwBPtH1imal50vmg+OuXcUBprFzieFGeQsX96TpTboxNJkf5fwfLIkHUYT5nS4Jh+VYWB0vA==", + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.4.0.tgz", + "integrity": "sha512-rx0PepYzLaGCQRbRbMUflKhCqz94Yf+4yov9M9+Qgbb07/5a6fKTito8oYrVRhhh+K/fAJz4lEqif80kuTZg1g==", "dependencies": { - "@rollup/browser": "^3.15.0", - "@sveltejs/site-kit": "3.2.2", + "@rollup/browser": "^3.20.4", + "@sveltejs/site-kit": "5.0.1", "acorn": "^8.8.2", - "codemirror": "5.65.1", + "codemirror": "5.65.12", + "esm-env": "^1.0.0", "estree-walker": "^3.0.3", - "resolve.exports": "^2.0.0", + "resolve.exports": "^2.0.2", "svelte-json-tree": "^1.0.0", "yootils": "^0.3.1" + }, + "peerDependencies": { + "svelte": "^3.50.0" } }, - "node_modules/@sveltejs/repl/node_modules/@sveltejs/site-kit": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-3.2.2.tgz", - "integrity": "sha512-HBLtfNdLr5Ykl8i8CvJcYjib7zMIJupg4T/omplp3ccpgpiUh26tk71vRG1+a6yMkfbfy0ShoPb9uwNril5cnw==" - }, "node_modules/@sveltejs/site-kit": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-4.0.2.tgz", - "integrity": "sha512-gqxBMZW5ZiO61m7Bn4x0fMUJC1M27ku1u7u0KJrg0zRSN3Zu30VdwE1SwWO4ueKxOxLXD2gzfUMdvoez7ZoBuQ==", - "dev": true, + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-5.0.1.tgz", + "integrity": "sha512-6LYCxTGzhC/LhObYc3Mazk4HSi/KjdZ+fURpbvi9tppMk4lfGJb3ajLvGoo0k8t0vBEwrN16Hf/JChgkFOorFg==", "dependencies": { + "esm-env": "^1.0.0", "svelte-local-storage-store": "^0.4.0" }, "peerDependencies": { @@ -1315,7 +1311,6 @@ "version": "2.0.4", "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.4.tgz", "integrity": "sha512-pjqhW00KwK2uzDGEr+yJBwut+D+4XfJO/+bHHdHzPRXn9+1Jeq5JcFHyrUiYaXgHtyhX0RsllCTm4ssAx4ZY7Q==", - "dev": true, "dependencies": { "debug": "^4.3.4", "deepmerge": "^4.3.1", @@ -1341,8 +1336,7 @@ "node_modules/@types/cookie": { "version": "0.5.1", "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz", - "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==", - "dev": true + "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==" }, "node_modules/@types/estree": { "version": "1.0.0", @@ -1499,7 +1493,7 @@ "version": "3.1.3", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, + "devOptional": true, "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" @@ -1563,7 +1557,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true, + "devOptional": true, "engines": { "node": ">=8" } @@ -1608,7 +1602,7 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, + "devOptional": true, "dependencies": { "fill-range": "^7.0.1" }, @@ -1674,7 +1668,6 @@ "version": "1.6.0", "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz", "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==", - "dev": true, "dependencies": { "streamsearch": "^1.1.0" }, @@ -1704,7 +1697,7 @@ "version": "3.5.3", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, + "devOptional": true, "funding": [ { "type": "individual", @@ -1737,9 +1730,9 @@ } }, "node_modules/codemirror": { - "version": "5.65.1", - "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.1.tgz", - "integrity": "sha512-s6aac+DD+4O2u1aBmdxhB7yz2XU7tG3snOyQ05Kxifahz7hoxnfxIRHxiCSEv3TUC38dIVH8G+lZH9UWSfGQxA==" + "version": "5.65.12", + "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz", + "integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw==" }, "node_modules/color": { "version": "4.2.3", @@ -1892,7 +1885,6 @@ "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, "dependencies": { "ms": "2.1.2" }, @@ -1933,7 +1925,6 @@ "version": "4.3.1", "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -2093,8 +2084,7 @@ "node_modules/esm-env": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz", - "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==", - "dev": true + "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==" }, "node_modules/estree-walker": { "version": "3.0.3", @@ -2222,7 +2212,7 @@ "version": "7.0.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, + "devOptional": true, "dependencies": { "to-regex-range": "^5.0.1" }, @@ -2295,7 +2285,6 @@ "version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - "dev": true, "hasInstallScript": true, "optional": true, "os": [ @@ -2308,8 +2297,7 @@ "node_modules/function-bind": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" }, "node_modules/gauge": { "version": "3.0.2", @@ -2371,7 +2359,7 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, + "devOptional": true, "dependencies": { "is-glob": "^4.0.1" }, @@ -2392,14 +2380,12 @@ "node_modules/globalyzer": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz", - "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==", - "dev": true + "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==" }, "node_modules/globrex": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz", - "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==", - "dev": true + "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==" }, "node_modules/graceful-fs": { "version": "4.2.11", @@ -2411,7 +2397,6 @@ "version": "1.0.3", "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, "dependencies": { "function-bind": "^1.1.1" }, @@ -2485,6 +2470,13 @@ "node": ">=12.0.0" } }, + "node_modules/immutable": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz", + "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==", + "optional": true, + "peer": true + }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -2551,7 +2543,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, + "devOptional": true, "dependencies": { "binary-extensions": "^2.0.0" }, @@ -2563,7 +2555,6 @@ "version": "2.11.0", "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz", "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==", - "dev": true, "dependencies": { "has": "^1.0.3" }, @@ -2575,7 +2566,7 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true, + "devOptional": true, "engines": { "node": ">=0.10.0" } @@ -2599,7 +2590,7 @@ "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, + "devOptional": true, "dependencies": { "is-extglob": "^2.1.1" }, @@ -2611,7 +2602,7 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, + "devOptional": true, "engines": { "node": ">=0.12.0" } @@ -2679,7 +2670,6 @@ "version": "4.1.5", "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz", "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==", - "dev": true, "engines": { "node": ">=6" } @@ -2756,7 +2746,6 @@ "version": "0.30.0", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz", "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==", - "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.13" }, @@ -2826,7 +2815,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz", "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==", - "dev": true, "bin": { "mime": "cli.js" }, @@ -2944,7 +2932,6 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz", "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==", - "dev": true, "engines": { "node": ">=4" } @@ -2953,7 +2940,6 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz", "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==", - "dev": true, "engines": { "node": ">=10" } @@ -2961,14 +2947,12 @@ "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" }, "node_modules/nanoid": { "version": "3.3.6", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", - "dev": true, "funding": [ { "type": "github", @@ -3077,7 +3061,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, + "devOptional": true, "engines": { "node": ">=0.10.0" } @@ -3176,8 +3160,7 @@ "node_modules/path-parse": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" }, "node_modules/peek-readable": { "version": "4.1.0", @@ -3201,14 +3184,13 @@ "node_modules/picocolors": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" }, "node_modules/picomatch": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, + "devOptional": true, "engines": { "node": ">=8.6" }, @@ -3250,7 +3232,6 @@ "version": "8.4.21", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz", "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==", - "dev": true, "funding": [ { "type": "opencollective", @@ -3430,7 +3411,7 @@ "version": "3.6.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, + "devOptional": true, "dependencies": { "picomatch": "^2.2.1" }, @@ -3460,7 +3441,6 @@ "version": "1.22.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", - "dev": true, "dependencies": { "is-core-module": "^2.9.0", "path-parse": "^1.0.7", @@ -3519,7 +3499,6 @@ "version": "3.20.2", "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.2.tgz", "integrity": "sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==", - "dev": true, "bin": { "rollup": "dist/bin/rollup" }, @@ -3558,7 +3537,6 @@ "version": "1.8.1", "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz", "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==", - "dev": true, "dependencies": { "mri": "^1.1.0" }, @@ -3622,10 +3600,28 @@ "rimraf": "bin.js" } }, + "node_modules/sass": { + "version": "1.62.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.0.tgz", + "integrity": "sha512-Q4USplo4pLYgCi+XlipZCWUQz5pkg/ruSSgJ0WRDSb/+3z9tXUOkQ7QPYn4XrhZKYAK4HlpaQecRwKLJX6+DBg==", + "optional": true, + "peer": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/satori": { - "version": "0.4.7", - "resolved": "https://registry.npmjs.org/satori/-/satori-0.4.7.tgz", - "integrity": "sha512-angaQXTa5geGKxSD9+n85GlH71SfPJTMmrUJf76PZeV4gXWz8aOAxSEH0M1Ok/yUacrWxVto0WjV7iGkK0h3CQ==", + "version": "0.4.11", + "resolved": "https://registry.npmjs.org/satori/-/satori-0.4.11.tgz", + "integrity": "sha512-Ev8xEkDkURnEz/qWeGLWss3BkbfeoSfB0tXTqijfLrdaOsUyTW4SQmEtvF5atoYw/8GgS1Nq2sJMXX4BXhyFPg==", "dev": true, "dependencies": { "@shuding/opentype.js": "1.4.0-beta.0", @@ -3680,8 +3676,7 @@ "node_modules/set-cookie-parser": { "version": "2.6.0", "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz", - "integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==", - "dev": true + "integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==" }, "node_modules/sharp": { "version": "0.31.3", @@ -3831,7 +3826,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.2.tgz", "integrity": "sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==", - "dev": true, "dependencies": { "@polka/url": "^1.0.0-next.20", "mrmime": "^1.0.0", @@ -3860,7 +3854,6 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -3875,7 +3868,6 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz", "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==", - "dev": true, "engines": { "node": ">=10.0.0" } @@ -3969,7 +3961,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, "engines": { "node": ">= 0.4" }, @@ -3981,7 +3972,6 @@ "version": "3.58.0", "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.58.0.tgz", "integrity": "sha512-brIBNNB76mXFmU/Kerm4wFnkskBbluBDCjx/8TcpYRb298Yh2dztS2kQ6bhtjMcvUhd5ynClfwpz5h2gnzdQ1A==", - "dev": true, "engines": { "node": ">= 8" } @@ -4012,7 +4002,6 @@ "version": "0.15.1", "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.1.tgz", "integrity": "sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==", - "dev": true, "engines": { "node": "^12.20 || ^14.13.1 || >= 16" }, @@ -4029,7 +4018,6 @@ "version": "0.4.0", "resolved": "https://registry.npmjs.org/svelte-local-storage-store/-/svelte-local-storage-store-0.4.0.tgz", "integrity": "sha512-ctPykTt4S3BE5bF0mfV0jKiUR1qlmqLvnAkQvYHLeb9wRyO1MdIFDVI23X+TZEFleATHkTaOpYZswIvf3b2tWA==", - "dev": true, "engines": { "node": ">=0.14" }, @@ -4184,7 +4172,6 @@ "version": "0.2.9", "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz", "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==", - "dev": true, "dependencies": { "globalyzer": "0.1.0", "globrex": "^0.1.2" @@ -4206,7 +4193,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, + "devOptional": true, "dependencies": { "is-number": "^7.0.0" }, @@ -4235,7 +4222,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.0.tgz", "integrity": "sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==", - "dev": true, "engines": { "node": ">=6" } @@ -4293,7 +4279,6 @@ "version": "5.20.0", "resolved": "https://registry.npmjs.org/undici/-/undici-5.20.0.tgz", "integrity": "sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==", - "dev": true, "dependencies": { "busboy": "^1.6.0" }, @@ -4348,7 +4333,6 @@ "version": "4.2.1", "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz", "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==", - "dev": true, "dependencies": { "esbuild": "^0.17.5", "postcss": "^8.4.21", @@ -4394,9 +4378,9 @@ } }, "node_modules/vite-imagetools": { - "version": "4.0.18", - "resolved": "https://registry.npmjs.org/vite-imagetools/-/vite-imagetools-4.0.18.tgz", - "integrity": "sha512-PpvOy7eDQadfuJNarwPU9X8nK0AjtRsyxhfMjqg/wrAyssNgeaZWMGlWQK/U3YhV9+wpdV5Mep8FZvGa31IY1Q==", + "version": "4.0.19", + "resolved": "https://registry.npmjs.org/vite-imagetools/-/vite-imagetools-4.0.19.tgz", + "integrity": "sha512-vZaPsjLDgEqZrbj+ZsniRKthmoj4mvVrMOK/FZhRAbrVB4LOsil0BO2Gcq20e/JRlom4DzqtLw1UQUkfcqgCrA==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.0", @@ -4441,7 +4425,6 @@ "cpu": [ "arm" ], - "dev": true, "optional": true, "os": [ "android" @@ -4457,7 +4440,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "android" @@ -4473,7 +4455,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "android" @@ -4489,7 +4470,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "darwin" @@ -4505,7 +4485,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "darwin" @@ -4521,7 +4500,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "freebsd" @@ -4537,7 +4515,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "freebsd" @@ -4553,7 +4530,6 @@ "cpu": [ "arm" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4569,7 +4545,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4585,7 +4560,6 @@ "cpu": [ "ia32" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4601,7 +4575,6 @@ "cpu": [ "loong64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4617,7 +4590,6 @@ "cpu": [ "mips64el" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4633,7 +4605,6 @@ "cpu": [ "ppc64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4649,7 +4620,6 @@ "cpu": [ "riscv64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4665,7 +4635,6 @@ "cpu": [ "s390x" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4681,7 +4650,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "linux" @@ -4697,7 +4665,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "netbsd" @@ -4713,7 +4680,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "openbsd" @@ -4729,7 +4695,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "sunos" @@ -4745,7 +4710,6 @@ "cpu": [ "arm64" ], - "dev": true, "optional": true, "os": [ "win32" @@ -4761,7 +4725,6 @@ "cpu": [ "ia32" ], - "dev": true, "optional": true, "os": [ "win32" @@ -4777,7 +4740,6 @@ "cpu": [ "x64" ], - "dev": true, "optional": true, "os": [ "win32" @@ -4790,7 +4752,6 @@ "version": "0.17.15", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.15.tgz", "integrity": "sha512-LBUV2VsUIc/iD9ME75qhT4aJj0r75abCVS0jakhFzOtR7TQsqQA5w0tZ+KTKnwl3kXE0MhskNdHDh/I5aCR1Zw==", - "dev": true, "hasInstallScript": true, "bin": { "esbuild": "bin/esbuild" @@ -4827,7 +4788,6 @@ "version": "0.2.4", "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz", "integrity": "sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==", - "dev": true, "peerDependencies": { "vite": "^3.0.0 || ^4.0.0" }, diff --git a/sites/svelte.dev/package.json b/sites/svelte.dev/package.json index b9d50845d9..a66e601c53 100644 --- a/sites/svelte.dev/package.json +++ b/sites/svelte.dev/package.json @@ -17,7 +17,7 @@ }, "dependencies": { "@supabase/supabase-js": "^2.20.0", - "@sveltejs/repl": "^0.2.0", + "@sveltejs/repl": "^0.4.0", "cookie": "^0.5.0", "devalue": "^4.3.0", "do-not-zip": "^1.0.0", @@ -27,9 +27,9 @@ }, "devDependencies": { "@resvg/resvg-js": "^2.4.1", - "@sveltejs/adapter-vercel": "^2.4.1", - "@sveltejs/kit": "^1.15.4", - "@sveltejs/site-kit": "^4.0.2", + "@sveltejs/adapter-vercel": "^2.4.2", + "@sveltejs/kit": "^1.15.7", + "@sveltejs/site-kit": "^5.0.3", "@types/marked": "^4.0.8", "@types/prismjs": "^1.26.0", "degit": "^2.8.4", @@ -41,7 +41,7 @@ "prettier-plugin-svelte": "^2.10.0", "prism-svelte": "^0.5.0", "prismjs": "^1.29.0", - "satori": "^0.4.7", + "satori": "^0.4.11", "satori-html": "^0.3.2", "shelljs": "^0.8.5", "shiki": "^0.14.1", @@ -50,6 +50,6 @@ "svelte-check": "^3.2.0", "typescript": "^5.0.4", "vite": "^4.2.1", - "vite-imagetools": "^4.0.18" + "vite-imagetools": "^4.0.19" } } diff --git a/sites/svelte.dev/src/lib/components/PreloadingIndicator.svelte b/sites/svelte.dev/src/lib/components/PreloadingIndicator.svelte index c6f8487e00..96a960063c 100644 --- a/sites/svelte.dev/src/lib/components/PreloadingIndicator.svelte +++ b/sites/svelte.dev/src/lib/components/PreloadingIndicator.svelte @@ -42,7 +42,7 @@ left: 0; top: 0; height: 100%; - background-color: var(--prime); + background-color: var(--sk-theme-1); transition: width 0.4s; } diff --git a/sites/svelte.dev/src/lib/components/ReplWidget.svelte b/sites/svelte.dev/src/lib/components/ReplWidget.svelte index 9c855e52e1..67786474db 100644 --- a/sites/svelte.dev/src/lib/components/ReplWidget.svelte +++ b/sites/svelte.dev/src/lib/components/ReplWidget.svelte @@ -42,7 +42,7 @@ return { name: file.slice(0, dot), type: file.slice(dot + 1), - source, + source }; }) .filter((x) => x.type === 'svelte' || x.type === 'js') @@ -63,7 +63,7 @@ ); repl.set({ - components, + components }); } } @@ -80,10 +80,8 @@ browser && version === 'local' ? `${location.origin}/repl/local` : `https://unpkg.com/svelte@${version}`; - - const rollupUrl = `https://unpkg.com/rollup@1/dist/rollup.browser.js`; {#if browser} - + {/if} diff --git a/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte b/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte index df5d7d51fa..bbdeb57a1c 100644 --- a/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte +++ b/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte @@ -26,11 +26,11 @@ const res = await fetch(`/apps/destroy`, { method: 'POST', headers: { - 'content-type': 'application/json', + 'content-type': 'application/json' }, body: JSON.stringify({ - ids: selected, - }), + ids: selected + }) }); if (res.ok) { @@ -142,8 +142,8 @@ diff --git a/sites/svelte.dev/src/routes/+page.svelte b/sites/svelte.dev/src/routes/+page.svelte index 295b543b15..5506f9ae55 100644 --- a/sites/svelte.dev/src/routes/+page.svelte +++ b/sites/svelte.dev/src/routes/+page.svelte @@ -123,12 +123,12 @@ npm run dev section { position: relative; margin: 10rem auto; - padding: 0 var(--side-nav); + padding: 0 var(--sk-page-padding-side); max-width: 120rem; } .blurb-shifter { - margin-top: calc(-10rem + var(--side-nav)); + margin-top: calc(-10rem + var(--sk-page-padding-side)); } footer { @@ -139,7 +139,7 @@ npm run dev } footer a { - color: var(--text); + color: var(--sk-text-2); padding: 0.5rem 1rem; display: block; } diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte index 39dad28649..39f7e7a51b 100644 --- a/sites/svelte.dev/src/routes/_components/Demo.svelte +++ b/sites/svelte.dev/src/routes/_components/Demo.svelte @@ -6,26 +6,26 @@ { id: 'hello-world', title: 'Hello World', - description: 'Svelte components are built on top of HTML. Just add data.', + description: 'Svelte components are built on top of HTML. Just add data.' }, { id: 'nested-components', title: 'Scoped CSS', description: - 'CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favourite CSS-in-JS library.', + 'CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favourite CSS-in-JS library.' }, { id: 'reactive-assignments', title: 'Reactivity', description: - 'Trigger efficient, granular updates by assigning to local variables. The compiler does the rest.', + 'Trigger efficient, granular updates by assigning to local variables. The compiler does the rest.' }, { id: 'svg-transitions', title: 'Transitions', description: - 'Build beautiful UIs with a powerful, performant transition engine built right into the framework.', - }, + 'Build beautiful UIs with a powerful, performant transition engine built right into the framework.' + } ]; let selected = examples[0]; @@ -80,14 +80,14 @@ grid-template-columns: 4fr 1fr; color: white; align-items: center; - font-size: var(--h5); + font-size: var(--sk-text-s); } .tabs { display: grid; grid-template-columns: repeat(4, 1fr); height: 100%; - border-radius: var(--border-r) var(--border-r) 0 0; + border-radius: var(--sk-border-radius) var(--sk-border-radius) 0 0; background-color: rgba(255, 255, 255, 0.1); } @@ -98,7 +98,7 @@ height: 100%; align-items: center; justify-content: center; - border-radius: var(--border-r) var(--border-r) 0 0; + border-radius: var(--sk-border-radius) var(--sk-border-radius) 0 0; } button:hover { @@ -143,7 +143,7 @@ @media (min-width: 960px) { .controls { - font-size: var(--h4); + font-size: var(--sk-text-s); } .large-show { diff --git a/sites/svelte.dev/src/routes/_components/Example.svelte b/sites/svelte.dev/src/routes/_components/Example.svelte index 408a43271a..d1bc494875 100644 --- a/sites/svelte.dev/src/routes/_components/Example.svelte +++ b/sites/svelte.dev/src/routes/_components/Example.svelte @@ -17,7 +17,7 @@ .repl-container { width: 100%; height: 420px; - border-radius: var(--border-r); + border-radius: var(--sk-border-radius); overflow: hidden; } diff --git a/sites/svelte.dev/src/routes/_components/Hero.svelte b/sites/svelte.dev/src/routes/_components/Hero.svelte index 324cb367c2..55d10c2992 100644 --- a/sites/svelte.dev/src/routes/_components/Hero.svelte +++ b/sites/svelte.dev/src/routes/_components/Hero.svelte @@ -6,7 +6,11 @@
Cybernetically enhanced web apps - The Svelte compiler packaging up your component code + The Svelte compiler packaging up your component code Svelte logotype
@@ -22,13 +26,13 @@ strong { position: absolute; - font-size: min(4vw, var(--h4)); + font-size: min(4vw, var(--sk-text-s)); max-width: 10em; text-transform: uppercase; font-weight: 700; color: var(--sk-text-2); letter-spacing: 0.05em; - left: max(var(--side-nav), 10%); + left: max(var(--sk-page-padding-side), 10%); top: 25%; } @@ -55,15 +59,14 @@ .logotype, strong { - left: calc(var(--side-nav) + 4rem); - /* left: calc(50% - 56rem + var(--side-nav)); */ + left: calc(var(--sk-page-padding-side) + 4rem); } } @media (min-width: 1200px) { strong, .logotype { - left: calc(50% - 56rem + var(--side-nav)); + left: calc(50% - 56rem + var(--sk-page-padding-side)); } } diff --git a/sites/svelte.dev/src/routes/_components/Section.svelte b/sites/svelte.dev/src/routes/_components/Section.svelte index 71f64891d8..e32ec7f35a 100644 --- a/sites/svelte.dev/src/routes/_components/Section.svelte +++ b/sites/svelte.dev/src/routes/_components/Section.svelte @@ -10,7 +10,7 @@ .inner { max-width: 120rem; - padding: 0 var(--side-nav); + padding: 0 var(--sk-page-padding-side); margin: 0 auto; } diff --git a/sites/svelte.dev/src/routes/blog/+page.svelte b/sites/svelte.dev/src/routes/blog/+page.svelte index ddb748bea3..f6a675e7e5 100644 --- a/sites/svelte.dev/src/routes/blog/+page.svelte +++ b/sites/svelte.dev/src/routes/blog/+page.svelte @@ -36,7 +36,7 @@ grid-gap: 1em; min-height: calc(100vh - var(--sk-nav-height)); padding: var(--sk-page-padding-top) var(--sk-page-padding-side) 6rem var(--sk-page-padding-side); - max-width: var(--main-width); + max-width: var(--sk-page-main-width); margin: 0 auto; } @@ -52,7 +52,7 @@ .post:first-child { margin: 0 0 2rem 0; padding: 0 0 4rem 0; - border-bottom: var(--border-w) solid #6767785b; /* based on --second */ + border-bottom: var(--sk-thick-border-width) solid #6767785b; /* based on --second */ } .post:first-child h2 { diff --git a/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte b/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte index 3860149f30..ad1bcfd029 100644 --- a/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte +++ b/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte @@ -36,7 +36,7 @@