docs: styling fix (#697)

Author: jer3m01

apps/docs/package.json

@@ -35,7 +35,7 @@
 	},
 	"dependencies": {
 		"@kobalte/core": "workspace:*",
-		"@kobalte/solidbase": "0.6.10",
+		"@kobalte/solidbase": "0.6.11",
 		"@solidjs/meta": "0.29.4",
 		"@solidjs/router": "0.16.2",
 		"@solidjs/start": "2.0.0-beta.0",

apps/docs/src/examples/navigation-menu.module.css

@@ -6,6 +6,7 @@
 	background-color: white;
 	width: max-content;
 	border-radius: 6px;
+	list-style: none;
 }
 
 .navigation-menu__root[data-orientation="vertical"] {
@@ -178,6 +179,7 @@
 	animation-timing-function: ease;
 	animation-fill-mode: forwards;
 	pointer-events: none;
+	list-style: none;
 }
 
 .navigation-menu__content[data-expanded] {

apps/docs/src/examples/pagination.module.css

@@ -1,4 +1,5 @@
 .pagination__root > ul {
+	list-style: none;
 	display: inline-flex;
 	align-items: center;
 	justify-content: space-between;

apps/docs/src/routes/docs/changelog/(_)index.tsx

@@ -0,0 +1,17 @@
+import { Navigate, redirect } from "@solidjs/router";
+
+const target = "./0-13-x";
+
+export const route = {
+	preload() {
+		return redirect(target);
+	},
+};
+
+export function GET() {
+	throw redirect(target);
+}
+
+export default function () {
+	return <Navigate href={target} />;
+}

apps/docs/src/routes/docs/changelog/index.tsx

@@ -0,0 +1,17 @@
+import { Navigate, redirect } from "@solidjs/router";
+
+const target = "./introduction";
+
+export const route = {
+	preload() {
+		return redirect(target);
+	},
+};
+
+export function GET() {
+	throw redirect(target);
+}
+
+export default function () {
+	return <Navigate href={target} />;
+}

apps/docs/src/routes/docs/core/(0)overview/(_)index.tsx

@@ -149,7 +149,7 @@ Since the viewport content has a position of `absolute` to allow animating, Koba
 The height and width will be copied from the active `NavigationMenu.Content`, which can either be set using CSS or automatically calculated based on it's content.
 Combined with a transition CSS rule the size can be animated.
 
-```css {2-3}
+```css {3-4}
 /* style.css */
 .navigation-menu__viewport {
 	width: var(--kb-navigation-menu-viewport-width);
@@ -188,7 +188,7 @@ To make one of the navigation menu triggers a link instead of opening a menu, om
 
 We expose a CSS custom property `--kb-menu-content-transform-origin` which can be used to animate the viewport from its computed origin.
 
-```css {2}
+```css {3}
 /* style.css */
 .navigation-menu__viewport {
 	transform-origin: var(--kb-menu-content-transform-origin);

apps/docs/src/routes/docs/core/(1)components/navigation-menu.mdx

@@ -0,0 +1,17 @@
+import { Navigate, redirect } from "@solidjs/router";
+
+const target = "/docs/core/overview/introduction";
+
+export const route = {
+	preload() {
+		return redirect(target);
+	},
+};
+
+export function GET() {
+	throw redirect(target);
+}
+
+export default function () {
+	return <Navigate href={target} />;
+}

apps/docs/src/routes/docs/core/(_)index.tsx

@@ -9,12 +9,14 @@ import { defineConfig } from "vite";
 import { version as KBVersion } from "../../packages/core/package.json";
 
 const theme = defineTheme({
-	componentsPath: import.meta.resolve("./src/solidbase-theme"),
+	componentsPath: await import.meta.resolve("./src/solidbase-theme"),
 	extends: defaultTheme,
 });
 
 const solidBase = createSolidBase(theme);
 
+const collator = new Intl.Collator(undefined, { numeric: true });
+
 export default defineConfig({
 	resolve: {
 		dedupe: ["solid-js", "@solidjs/router"],
@@ -84,9 +86,19 @@ export default defineConfig({
 							},
 						},
 					),
-					"/docs/changelog": createDefaultThemeFilesystemSidebar(
-						"./src/routes/docs/changelog",
-					),
+					"/docs/changelog": [
+						{
+							title: "Changelog",
+							items: createDefaultThemeFilesystemSidebar(
+								"./src/routes/docs/changelog",
+								{
+									sort: (a, b) => {
+										return collator.compare(b.filePath, a.filePath);
+									},
+								},
+							),
+						},
+					],
 				},
 				search: {
 					docsearch: {