@abreen/tada 1.16.10 → 1.16.11

package/build/custom-fonts.ts

@@ -18,8 +18,8 @@ export const CUSTOM_FONT_FAMILY_DEFINITIONS = Object.freeze({
   }),
 });
 
-export type CustomFontFamilyKey = keyof typeof CUSTOM_FONT_FAMILY_DEFINITIONS;
-export type CustomFontFaceKey = keyof typeof CUSTOM_FONT_FACE_DEFINITIONS;
+type CustomFontFamilyKey = keyof typeof CUSTOM_FONT_FAMILY_DEFINITIONS;
+type CustomFontFaceKey = keyof typeof CUSTOM_FONT_FACE_DEFINITIONS;
 
 const FACE_KEYS = Object.freeze(
   Object.keys(CUSTOM_FONT_FACE_DEFINITIONS) as CustomFontFaceKey[],
@@ -32,7 +32,7 @@ interface ParsedFont {
   availableFeatures: readonly string[];
 }
 
-export interface CustomFontValidationOptions {
+interface CustomFontValidationOptions {
   fontOverrides: FontOverrides | undefined;
   publicDir: string;
   publicFiles: ReadonlySet<string>;

package/build/generate-fonts.ts

@@ -18,7 +18,7 @@ export const DEFAULT_FONT_PRELOAD_FILES = {
   ],
 } as const;
 
-export interface DefaultFontPreloadFile {
+interface DefaultFontPreloadFile {
   filePath: string;
   source: 'package' | 'public';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abreen/tada",
-  "version": "1.16.10",
+  "version": "1.16.11",
   "type": "module",
   "description": "A static site generator",
   "license": "MIT",

package/src/appearance-picker/index.ts

@@ -1,5 +1,5 @@
-export type FontPreference = 'sans' | 'serif';
-export type ContrastPreference = 'standard' | 'high';
+type FontPreference = 'sans' | 'serif';
+type ContrastPreference = 'standard' | 'high';
 
 const FONT_STORAGE_KEY = 'fontPreference';
 const CONTRAST_STORAGE_KEY = 'contrastPreference';

package/src/header/_base.scss

@@ -16,6 +16,7 @@ header {
   grid-template-columns: 1fr;
   width: 100%;
   background: var(--bg-color-translucent);
+  border-bottom: 1px solid var(--bg2-color);
   backdrop-filter: var(--backdrop-filter);
   view-transition-name: site-header;
 
@@ -36,6 +37,25 @@ header {
   background: var(--bg-color);
 }
 
+body > .container::before {
+  position: fixed;
+  inset: 0;
+  z-index: 999;
+  pointer-events: none;
+  content: '';
+  background: var(--bg-color-translucent);
+  opacity: 0;
+
+  @media (prefers-reduced-motion: no-preference) {
+    transition: opacity 150ms ease-out;
+  }
+}
+
+body:has(header details[open]) > .container::before {
+  pointer-events: auto;
+  opacity: 1;
+}
+
 header > details {
   min-width: 0;
 }