more

Author: Rich-Harris

apps/svelte.dev/package.json

@@ -39,6 +39,7 @@
 		"do-not-zip": "^1.0.0",
 		"flexsearch": "^0.7.43",
 		"flru": "^1.0.2",
+		"icons": "workspace:*",
 		"port-authority": "^2.0.1",
 		"topojson-client": "^3.1.0",
 		"vitest": "^2.1.9",

apps/svelte.dev/src/routes/search/+page.svelte

@@ -46,7 +46,7 @@
 		border: none;
 		border-radius: var(--sk-border-radius);
 		padding: 2rem 2rem 2rem 5rem;
-		background: no-repeat 1rem 50% / 3rem 3rem url(/icons/search.svg);
+		background: no-repeat 1rem 50% / 3rem 3rem url(icons/search);
 		color: var(--sk-fg-1);
 	}
 </style>

packages/site-kit/src/lib/icons/chevron.svg renamed to packages/icons/icons/chevron.svg

@@ -71,7 +71,7 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 		height: 3.4rem;
 		border-radius: 5.6rem;
 		background:
-			no-repeat 0.6em 55% / 1.2em 1.2em url(../icons/search.svg),
+			no-repeat 0.6em 55% / 1.2em 1.2em url(icons/search),
 			var(--sk-bg-4);
 	}
 

apps/svelte.dev/static/icons/search.svg renamed to packages/icons/icons/search.svg

@@ -67,6 +67,7 @@
 }
 
 button.icon,
+summary.icon,
 button:has(> span.icon) {
 	position: relative;
 	width: 3.2rem;

packages/site-kit/src/lib/icons/home.svg

@@ -24,13 +24,13 @@
 				left: -2rem;
 				width: 1.8rem;
 				height: 1.8rem;
-				background: url($lib/icons/chevron.svg) no-repeat 50% 50%;
+				background: url(icons/chevron) no-repeat 50% 50%;
 				background-size: 100%;
 				rotate: -90deg;
 			}
 
 			[open] > &::before {
-				rotate: none;
+				rotate: 180deg;
 			}
 		}