Update dependencies

techniq · Jun 21, 2024 · 1b761a2 · 1b761a2
1 parent 5b2cb90
commit 1b761a2
Show file tree

Hide file tree

Showing 6 changed files with 268 additions and 220 deletions.
diff --git a/.changeset/selfish-tips-notice.md b/.changeset/selfish-tips-notice.md
@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+Update dependencies
diff --git a/packages/layerchart/package.json b/packages/layerchart/package.json
@@ -21,16 +21,16 @@
     "@changesets/cli": "^2.27.5",
     "@mdi/js": "^7.4.47",
     "@rollup/plugin-dsv": "^3.0.4",
-    "@sveltejs/adapter-auto": "^3.2.1",
-    "@sveltejs/kit": "^2.5.10",
-    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/adapter-auto": "^3.2.2",
+    "@sveltejs/kit": "^2.5.17",
+    "@sveltejs/package": "^2.3.2",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
     "@tailwindcss/typography": "^0.5.13",
     "@types/d3-array": "^3.2.1",
     "@types/d3-delaunay": "^6.0.4",
     "@types/d3-dsv": "^3.0.7",
-    "@types/d3-force": "^3.0.9",
+    "@types/d3-force": "^3.0.10",
     "@types/d3-geo": "^3.1.0",
     "@types/d3-hierarchy": "^3.1.7",
     "@types/d3-interpolate": "^3.0.4",
@@ -52,26 +52,26 @@
     "mdsvex": "^0.11.2",
     "posthog-js": "^1.95.1",
     "prettier": "^3.3.2",
-    "prettier-plugin-svelte": "^3.2.4",
+    "prettier-plugin-svelte": "^3.2.5",
     "prism-svelte": "^0.5.0",
     "prism-themes": "^1.9.0",
     "prismjs": "^1.29.0",
     "rehype-slug": "^6.0.0",
     "shapefile": "^0.6.6",
     "solar-calculator": "^0.3.0",
     "svelte": "^4.2.18",
-    "svelte-check": "^3.8.0",
+    "svelte-check": "^3.8.1",
     "svelte-json-tree": "^2.2.0",
-    "svelte-preprocess": "^6.0.0",
-    "svelte2tsx": "^0.7.9",
+    "svelte-preprocess": "^6.0.1",
+    "svelte2tsx": "^0.7.10",
     "tailwindcss": "^3.4.4",
     "topojson-client": "^3.1.0",
     "topojson-simplify": "^3.0.3",
     "tslib": "^2.6.3",
-    "typescript": "^5.4.5",
+    "typescript": "^5.5.2",
     "unist-util-visit": "^5.0.0",
     "us-atlas": "^3.0.1",
-    "vite": "^5.2.13"
+    "vite": "^5.3.1"
   },
   "type": "module",
   "dependencies": {
@@ -97,9 +97,9 @@
     "date-fns": "^3.6.0",
     "layercake": "^8.3.0",
     "lodash-es": "^4.17.21",
-    "posthog-js": "^1.139.1",
+    "posthog-js": "^1.139.6",
     "shapefile": "^0.6.6",
-    "svelte-ux": "^0.66.7",
+    "svelte-ux": "^0.69.1",
     "topojson-client": "^3.1.0"
   },
   "peerDependencies": {

diff --git a/packages/layerchart/src/routes/+layout.svelte b/packages/layerchart/src/routes/+layout.svelte
@@ -205,7 +205,7 @@
     </div>
   </AppBar>
 
-  <main class="scroll-smooth isolate" bind:this={mainEl}>
+  <main class="isolate" bind:this={mainEl}>
     <slot />
   </main>
 </AppLayout>
@@ -215,8 +215,8 @@
   @tailwind components;
   @tailwind utilities;
 
-  :global(body) {
-    @apply bg-surface-200 accent-primary;
+  :global(html) {
+    @apply bg-surface-200 accent-primary scroll-smooth;
     /* background-image:
       radial-gradient(at 0% 0%, hsl(var(--color-secondary) / 0.33) 0px, transparent 50%),
       radial-gradient(at 98% 1%, hsl(var(--color-primary) / 0.33) 0px, transparent 50%); */
@@ -230,19 +230,20 @@
     @apply pt-4 pb-2 pl-4 text-xs text-surface-content font-bold;
   }
 
+  :global(main :is(h1, h2, h3):not(.prose *, .related *, .ApiDocs *)) {
+    scroll-margin-top: calc(var(--headerHeight) + 128px); /* app header + docs header */
+  }
+
   :global(main h1:not(.prose *, .related *, .ApiDocs *)) {
     @apply text-xl font-semibold mt-4 mb-2 border-b pb-1;
-    scroll-margin-top: 128px; /* sticky header */
   }
 
   :global(main h2:not(.prose *, .related *, .ApiDocs *)) {
     @apply text-lg font-semibold mt-4 mb-1;
-    scroll-margin-top: 128px; /* sticky header */
   }
 
   :global(main h3:not(.prose *, .related *, .ApiDocs *)) {
     @apply text-xs text-surface-content/50 mb-1;
-    scroll-margin-top: 128px; /* sticky header */
   }
   :global(main :not(.prose) h2 + h3) {
     @apply -mt-1;

diff --git a/packages/layerchart/src/routes/changelog/+page.svelte b/packages/layerchart/src/routes/changelog/+page.svelte
@@ -15,7 +15,7 @@
   </div>
 
   <div class="hidden lg:block w-[224px]">
-    <div class="sticky top-0 pr-2 max-h-[calc(100vh-64px)] overflow-auto">
+    <div class="sticky top-[var(--headerHeight)] pr-2 max-h-[calc(100vh-64px)] overflow-auto">
       <div class="text-xs uppercase leading-8 tracking-widest text-surface-content/50">
         On this page
       </div>

diff --git a/packages/layerchart/src/routes/docs/+layout.svelte b/packages/layerchart/src/routes/docs/+layout.svelte
@@ -63,7 +63,7 @@
 </script>
 
 <div
-  class="[@media(min-height:900px)]:sticky top-0 z-[60] bg-surface-200/90 backdrop-blur px-5 py-4 [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1)calc(100%-4px),rgba(0,0,0,0))]"
+  class="[@media(min-height:900px)]:sticky top-[var(--headerHeight)] z-[60] bg-surface-200/90 backdrop-blur px-5 py-4 [mask-image:linear-gradient(to_bottom,rgba(0,0,0,1)calc(100%-4px),rgba(0,0,0,0))]"
 >
   {#if title}
     <div>
@@ -229,7 +229,9 @@
 
     {#if showTableOfContents && $xlScreen}
       <div transition:slide={{ axis: 'x' }}>
-        <div class="w-[224px] sticky top-10 pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-[60]">
+        <div
+          class="w-[224px] sticky top-[calc(var(--headerHeight)+10px)] pr-2 max-h-[calc(100dvh-64px)] overflow-auto z-[60]"
+        >
           <div class="text-xs uppercase leading-8 tracking-widest text-surface-content/50">
             On this page
           </div>