Push

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.3.0",
 				"cookie": "^0.5.0",
 				"devalue": "^4.3.0",
 				"do-not-zip": "^1.0.0",
@@ -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==",
+			"integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g=="
-			"dev": true
 		},
 		"node_modules/@resvg/resvg-js": {
 			"version": "2.4.1",
@@ -1250,7 +1248,6 @@
 			"version": "1.15.4",
 			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.15.4.tgz",
 			"integrity": "sha512-m+Tid9nbtFawmiu85lDlal0AQ7UeuV48UsuKMe06QLr3ntMQSUzIPqyswNRZqFrar6NhVTUXQ0aO61M3U4MWpQ==",
-			"dev": true,
 			"hasInstallScript": true,
 			"dependencies": {
 				"@sveltejs/vite-plugin-svelte": "^2.0.0",
@@ -1279,30 +1276,28 @@
 			}
 		},
 		"node_modules/@sveltejs/repl": {
-			"version": "0.2.0",
+			"version": "0.3.0",
-			"resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.2.0.tgz",
+			"resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.3.0.tgz",
-			"integrity": "sha512-TWla1fYIl1mBKcQwBPtH1imal50vmg+OuXcUBprFzieFGeQsX96TpTboxNJkf5fwfLIkHUYT5nS4Jh+VYWB0vA==",
+			"integrity": "sha512-XvOqECphLSoGA7ZWWlmAChdeEOY1jFJ4YRluWM064N3JQyixwYM6zUrkVJaocXDCyg2H6/RAiiQhJhcpeen9pw==",
 			"dependencies": {
-				"@rollup/browser": "^3.15.0",
+				"@rollup/browser": "^3.20.2",
-				"@sveltejs/site-kit": "3.2.2",
+				"@sveltejs/site-kit": "4.1.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",
+			"version": "4.1.1",
-			"resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-4.0.2.tgz",
+			"resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-4.1.1.tgz",
-			"integrity": "sha512-gqxBMZW5ZiO61m7Bn4x0fMUJC1M27ku1u7u0KJrg0zRSN3Zu30VdwE1SwWO4ueKxOxLXD2gzfUMdvoez7ZoBuQ==",
+			"integrity": "sha512-UJqFI++1R4LJ1ULcA0b19qJmFuw87EcpPfjGZ8H02EnVQHgPjJWwzOlyjPesc0+z4vuyTKlDuW1sR2mdUSPBPw==",
-			"dev": true,
 			"dependencies": {
 				"svelte-local-storage-store": "^0.4.0"
 			},
@@ -1315,7 +1310,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 +1335,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==",
+			"integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g=="
-			"dev": true
 		},
 		"node_modules/@types/estree": {
 			"version": "1.0.0",
@@ -1499,7 +1492,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 +1556,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 +1601,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 +1667,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 +1696,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 +1729,9 @@
 			}
 		},
 		"node_modules/codemirror": {
-			"version": "5.65.1",
+			"version": "5.65.12",
-			"resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.1.tgz",
+			"resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
-			"integrity": "sha512-s6aac+DD+4O2u1aBmdxhB7yz2XU7tG3snOyQ05Kxifahz7hoxnfxIRHxiCSEv3TUC38dIVH8G+lZH9UWSfGQxA=="
+			"integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw=="
 		},
 		"node_modules/color": {
 			"version": "4.2.3",
@@ -1892,7 +1884,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 +1924,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 +2083,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==",
+			"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
-			"dev": true
 		},
 		"node_modules/estree-walker": {
 			"version": "3.0.3",
@@ -2222,7 +2211,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 +2284,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 +2296,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==",
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-			"dev": true
 		},
 		"node_modules/gauge": {
 			"version": "3.0.2",
@@ -2371,7 +2358,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 +2379,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==",
+			"integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
-			"dev": true
 		},
 		"node_modules/graceful-fs": {
 			"version": "4.2.11",
@@ -2411,7 +2396,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 +2469,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 +2542,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 +2554,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 +2565,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 +2589,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 +2601,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 +2669,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 +2745,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 +2814,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 +2931,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 +2939,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 +2946,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==",
+			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-			"dev": true
 		},
 		"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 +3060,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 +3159,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==",
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-			"dev": true
 		},
 		"node_modules/peek-readable": {
 			"version": "4.1.0",
@@ -3201,14 +3183,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==",
+			"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-			"dev": true
 		},
 		"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 +3231,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 +3410,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 +3440,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 +3498,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 +3536,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,6 +3599,24 @@
 				"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",
@@ -3680,8 +3675,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==",
+			"integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ=="
-			"dev": true
 		},
 		"node_modules/sharp": {
 			"version": "0.31.3",
@@ -3831,7 +3825,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 +3853,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 +3867,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 +3960,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 +3971,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 +4001,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 +4017,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 +4171,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 +4192,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 +4221,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 +4278,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 +4332,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",
@@ -4441,7 +4424,6 @@
 			"cpu": [
 				"arm"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"android"
@@ -4457,7 +4439,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"android"
@@ -4473,7 +4454,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"android"
@@ -4489,7 +4469,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"darwin"
@@ -4505,7 +4484,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"darwin"
@@ -4521,7 +4499,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"freebsd"
@@ -4537,7 +4514,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"freebsd"
@@ -4553,7 +4529,6 @@
 			"cpu": [
 				"arm"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4569,7 +4544,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4585,7 +4559,6 @@
 			"cpu": [
 				"ia32"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4601,7 +4574,6 @@
 			"cpu": [
 				"loong64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4617,7 +4589,6 @@
 			"cpu": [
 				"mips64el"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4633,7 +4604,6 @@
 			"cpu": [
 				"ppc64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4649,7 +4619,6 @@
 			"cpu": [
 				"riscv64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4665,7 +4634,6 @@
 			"cpu": [
 				"s390x"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4681,7 +4649,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"linux"
@@ -4697,7 +4664,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"netbsd"
@@ -4713,7 +4679,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"openbsd"
@@ -4729,7 +4694,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"sunos"
@@ -4745,7 +4709,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"win32"
@@ -4761,7 +4724,6 @@
 			"cpu": [
 				"ia32"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"win32"
@@ -4777,7 +4739,6 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
 			"optional": true,
 			"os": [
 				"win32"
@@ -4790,7 +4751,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 +4787,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"
 			},

sites/svelte.dev/package.json

@@ -17,7 +17,7 @@
 	},
 	"dependencies": {
 		"@supabase/supabase-js": "^2.20.0",
-		"@sveltejs/repl": "^0.2.0",
+		"@sveltejs/repl": "^0.3.0",
 		"cookie": "^0.5.0",
 		"devalue": "^4.3.0",
 		"do-not-zip": "^1.0.0",

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;
 	}
 

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 @@
 
 <style>
 	.apps {
-		padding: var(--top-offset) var(--side-nav) 6rem var(--side-nav);
+		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;
 	}
 
@@ -161,7 +161,7 @@
 		padding: 0 0 0 3.2rem;
 		position: relative;
 		margin: 1rem 0;
-		color: var(--text);
+		color: var(--sk-text-2);
 	}
 
 	.avatar {
@@ -217,7 +217,7 @@
 		line-height: 1;
 		display: flex;
 		border: 1px solid #eee;
-		border-radius: var(--border-r);
+		border-radius: var(--sk-border-radius);
 		z-index: 2;
 	}
 
@@ -226,7 +226,7 @@
 		gap: 1rem;
 		padding: 0 1rem;
 		height: 100%;
-		border-radius: var(--border-r);
+		border-radius: var(--sk-border-radius);
 		align-items: center;
 	}
 
@@ -247,8 +247,8 @@
 	}
 
 	h2 {
-		color: var(--text);
+		color: var(--sk-text-2);
-		font-size: var(--h5);
+		font-size: var(--sk-text-s);
 		font-weight: 400;
 		overflow: hidden;
 		text-overflow: ellipsis;
@@ -256,11 +256,11 @@
 
 	li a {
 		display: block;
-		background: var(--back-light);
+		background: var(--sk-back-3);
 		padding: 1rem 3rem 1rem 1rem;
 		height: 100%;
 		line-height: 1;
-		border-radius: var(--border-r);
+		border-radius: var(--sk-border-radius);
 		text-decoration: none;
 	}
 
@@ -282,7 +282,7 @@
 	}
 
 	ul:not(.selecting) li:hover a {
-		background-color: var(--second);
+		background-color: var(--sk-theme-2);
 		color: white;
 	}
 

sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte

@@ -41,7 +41,7 @@
 
 	afterNavigate(() => {
 		repl.set({
-			components: data.gist.components,
+			components: data.gist.components
 		});
 	});
 
@@ -99,11 +99,11 @@
 <style>
 	.repl-outer {
 		position: relative;
-		height: calc(100vh - var(--nav-h));
+		height: calc(100vh - var(--sk-nav-height));
 		--app-controls-h: 5.6rem;
 		--pane-controls-h: 4.2rem;
 		overflow: hidden;
-		background-color: var(--back);
+		background-color: var(--sk-back-1);
 		padding: var(--app-controls-h) 0 0 0;
 		/* margin: 0 calc(var(--side-nav) * -1); */
 		box-sizing: border-box;

sites/svelte.dev/src/routes/(authed)/repl/[id]/AppControls.svelte

@@ -45,15 +45,15 @@
 				method: 'POST',
 				credentials: 'include',
 				headers: {
-					'Content-Type': 'application/json',
+					'Content-Type': 'application/json'
 				},
 				body: JSON.stringify({
 					name,
 					files: components.map((component) => ({
 						name: `${component.name}.${component.type}`,
-						source: component.source,
+						source: component.source
-					})),
+					}))
-				}),
+				})
 			});
 
 			if (r.status < 200 || r.status >= 300) {
@@ -110,15 +110,15 @@
 				method: 'PUT',
 				credentials: 'include',
 				headers: {
-					'Content-Type': 'application/json',
+					'Content-Type': 'application/json'
 				},
 				body: JSON.stringify({
 					name,
 					files: components.map((component) => ({
 						name: `${component.name}.${component.type}`,
-						source: component.source,
+						source: component.source
-					})),
+					}))
-				}),
+				})
 			});
 
 			if (r.status < 200 || r.status >= 300) {
@@ -164,7 +164,7 @@
 		files.push(
 			...components.map((component) => ({
 				path: `src/${component.name}.${component.type}`,
-				data: component.source,
+				data: component.source
 			}))
 		);
 		files.push({
@@ -175,7 +175,7 @@ var app = new App({
 	target: document.body
 });
 
-export default app;`,
+export default app;`
 		});
 
 		downloadBlob(doNotZip.toBlob(files), 'svelte-app.zip');
@@ -242,7 +242,7 @@ export default app;`,
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 0.6rem var(--side-nav);
+		padding: 0.6rem var(--sk-page-padding-side);
 		background-color: var(--sk-back-4);
 		color: var(--sk-text-1);
 		white-space: nowrap;

sites/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte

@@ -47,7 +47,7 @@
 		/* position: relative; padding: 0 2em 0 0; */
 		line-height: 1;
 		display: none;
-		font-family: var(--font);
+		font-family: var(--sk-font);
 		font-size: 1.6rem;
 		opacity: 0.7;
 	}
@@ -72,7 +72,7 @@
 		min-width: 10em;
 		top: 3rem;
 		right: -1.6rem;
-		background-color: var(--second);
+		background-color: var(--sk-theme-2);
 		padding: 0.8rem 1.6rem;
 		z-index: 99;
 		text-align: left;
@@ -84,7 +84,7 @@
 	.menu button,
 	.menu a {
 		background-color: transparent;
-		font-family: var(--font);
+		font-family: var(--sk-font);
 		font-size: 1.6rem;
 		opacity: 0.7;
 		padding: 0.4rem 0;

sites/svelte.dev/src/routes/(authed)/repl/embed/+page.svelte

@@ -26,7 +26,7 @@
 		left: 0;
 		width: 100%;
 		height: 100%;
-		background-color: var(--back);
+		background-color: var(--sk-back-1);
 		overflow: hidden;
 		box-sizing: border-box;
 		--pane-controls-h: 4.2rem;

sites/svelte.dev/src/routes/+error.svelte

@@ -45,7 +45,7 @@
 
 <style>
 	.container {
-		padding: var(--top-offset) var(--side-nav) 6rem var(--side-nav);
+		padding: var(--sk-page-padding-top) var(--sk-page-padding-side) 6rem var(--sk-page-padding-side);
 	}
 
 	h1,
@@ -64,10 +64,10 @@
 	}
 
 	.error {
-		background-color: var(--second);
+		background-color: var(--sk-theme-2);
 		color: white;
 		padding: 12px 16px;
-		font: 600 16px/1.7 var(--font);
+		font: 600 16px/1.7 var(--sk-font);
 		border-radius: 2px;
 	}
 </style>

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;
 	}

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 <a href="/blog/svelte-css-in-js">use your favourite CSS-in-JS library</a >.',
+				'CSS is component-scoped by default — no more style collisions or specificity wars. Or you can <a href="/blog/svelte-css-in-js">use your favourite CSS-in-JS library</a >.'
 		},
 		{
 			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 {

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;
 	}
 </style>

sites/svelte.dev/src/routes/_components/Hero.svelte

@@ -6,7 +6,11 @@
 
 <div class="hero">
 	<strong>Cybernetically enhanced web apps</strong>
-	<Image src={Machine} alt="The Svelte compiler packaging up your component code" --max-height="65vh" />
+	<Image
+		src={Machine}
+		alt="The Svelte compiler packaging up your component code"
+		--max-height="65vh"
+	/>
 	<img alt="Svelte logotype" class="logotype" src={SvelteLogotype} />
 </div>
 
@@ -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(var(--sk-page-padding-side) + 4rem);
-			/* left: calc(50% - 56rem + var(--side-nav)); */
 		}
 	}
 
 	@media (min-width: 1200px) {
 		strong,
 		.logotype {
-			left: calc(50% - 56rem + var(--side-nav));
+			left: calc(50% - 56rem + var(--sk-page-padding-side));
 		}
 	}
 

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;
 	}
 </style>

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: (--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 {

sites/svelte.dev/src/routes/blog/[slug]/+page.svelte

@@ -36,7 +36,7 @@
 <style>
 	.post {
 		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;
 	}
 
@@ -155,7 +155,7 @@
 	@media (min-width: 910px) {
 		.post :global(.max) {
 			width: calc(100vw - 2 * var(--sk-page-padding-side));
-			margin: 0 calc(var(--main-width) / 2 - 50vw);
+			margin: 0 calc(var(--sk-page-main-width) / 2 - 50vw);
 			text-align: center;
 		}
 

sites/svelte.dev/src/routes/examples/[slug]/+page.svelte

@@ -18,7 +18,7 @@
 	const clone = (file) => ({
 		name: file.name.replace(/.\w+$/, ''),
 		type: file.type,
-		source: file.content,
+		source: file.content
 	});
 
 	$: mobile = width < 768; // note: same as per media query below
@@ -112,7 +112,7 @@
 			height: 100%;
 			display: grid;
 			/* TODO */
-			grid-template-columns: var(--sidebar-mid-w) auto;
+			grid-template-columns: 36rem auto;
 			grid-auto-rows: 100%;
 			transition: none;
 		}

sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte

@@ -32,7 +32,7 @@
 				slug: chapter.slug,
 				section,
 				chapter,
-				prev,
+				prev
 			};
 
 			lookup.set(chapter.slug, obj);
@@ -54,13 +54,13 @@
 	const clone = (file) => ({
 		name: file.name.replace(/.\w+$/, ''),
 		type: file.type,
-		source: file.content,
+		source: file.content
 	});
 
 	$: if (repl) {
 		completed = false;
 		repl.set({
-			components: data.tutorial.initial.map(clone),
+			components: data.tutorial.initial.map(clone)
 		});
 	}
 
@@ -68,13 +68,13 @@
 
 	function reset() {
 		repl.update({
-			components: data.tutorial.initial.map(clone),
+			components: data.tutorial.initial.map(clone)
 		});
 	}
 
 	function complete() {
 		repl.update({
-			components: data.tutorial.complete.map(clone),
+			components: data.tutorial.complete.map(clone)
 		});
 	}
 
@@ -188,7 +188,7 @@
 			height: 100%;
 			display: grid;
 			/* TODO */
-			grid-template-columns: minmax(33.333%, var(--sidebar-large-w)) auto;
+			grid-template-columns: minmax(33.333%, 48rem) auto;
 			grid-auto-rows: 100%;
 			transition: none;
 		}