@beforesemicolon/builder 1.8.13 → 1.8.20

package/dist/esm/docs/templates/fading-citrus/template.config.js

@@ -50,62 +50,153 @@ export default {
         light: {
             '--background': 'oklch(0.98 0.006 250)',
             '--foreground': 'oklch(0.18 0.015 250)',
+            '--heading': 'var(--foreground)',
             '--card': 'oklch(1 0 0)',
             '--primary': 'oklch(0.66 0.18 45)',
             '--primary-glow': 'oklch(0.72 0.19 50)',
             '--primary-foreground': 'oklch(0.98 0.006 250)',
+            '--primary-soft':
+                'color-mix(in oklch, var(--primary) 12%, transparent)',
+            '--primary-softer':
+                'color-mix(in oklch, var(--primary) 6%, transparent)',
+            '--primary-border':
+                'color-mix(in oklch, var(--primary) 45%, transparent)',
             '--secondary': 'oklch(0.93 0.01 250)',
             '--muted': 'oklch(0.94 0.01 250)',
             '--muted-foreground': 'oklch(0.42 0.02 250)',
             '--accent': 'oklch(0.58 0.16 200)',
+            '--accent-soft':
+                'color-mix(in oklch, var(--accent) 12%, transparent)',
+            '--accent-softer':
+                'color-mix(in oklch, var(--accent) 6%, transparent)',
+            '--accent-border':
+                'color-mix(in oklch, var(--accent) 35%, transparent)',
             '--border': 'oklch(0.86 0.018 250)',
             '--ring': 'oklch(0.66 0.18 45)',
-            '--code-bg': 'oklch(0.16 0.015 250)',
+            '--surface': 'color-mix(in oklch, var(--card) 84%, transparent)',
+            '--surface-muted':
+                'color-mix(in oklch, var(--muted) 78%, transparent)',
+            '--surface-hover':
+                'color-mix(in oklch, var(--primary) 8%, var(--card))',
+            '--surface-border':
+                'color-mix(in oklch, var(--border) 78%, transparent)',
+            '--surface-border-strong':
+                'color-mix(in oklch, var(--foreground) 20%, transparent)',
+            '--header-bg':
+                'color-mix(in oklch, var(--background) 72%, transparent)',
+            '--footer-bg':
+                'color-mix(in oklch, var(--background) 96%, var(--foreground) 4%)',
+            '--grid-line':
+                'color-mix(in oklch, var(--foreground) 7%, transparent)',
+            '--inline-code-bg':
+                'color-mix(in oklch, var(--background) 92%, var(--foreground) 8%)',
+            '--code-bg':
+                'color-mix(in oklch, var(--background) 94%, var(--foreground) 6%)',
+            '--code-header-bg':
+                'color-mix(in oklch, var(--code-bg) 88%, var(--foreground) 12%)',
+            '--code-border': 'var(--surface-border)',
+            '--code-line-number':
+                'color-mix(in oklch, var(--muted-foreground) 65%, transparent)',
+            '--success': 'oklch(0.58 0.16 145)',
+            '--success-soft':
+                'color-mix(in oklch, var(--success) 14%, transparent)',
+            '--warning': 'oklch(0.64 0.15 90)',
+            '--warning-soft':
+                'color-mix(in oklch, var(--warning) 14%, transparent)',
+            '--danger': 'oklch(0.58 0.2 25)',
+            '--danger-soft':
+                'color-mix(in oklch, var(--danger) 14%, transparent)',
             '--syntax-comment': 'oklch(0.55 0.02 250)',
-            '--syntax-keyword': 'oklch(0.78 0.19 50)',
-            '--syntax-string': 'oklch(0.78 0.15 145)',
-            '--syntax-tag': 'oklch(0.72 0.16 200)',
-            '--syntax-attr': 'oklch(0.82 0.14 90)',
+            '--syntax-keyword': 'var(--primary)',
+            '--syntax-string': 'var(--success)',
+            '--syntax-tag': 'var(--accent)',
+            '--syntax-attr': 'var(--warning)',
             '--gradient-hero':
-                'radial-gradient(ellipse at top, oklch(0.86 0.08 45 / 0.35), transparent 60%)',
+                'radial-gradient(ellipse at top, color-mix(in oklch, var(--primary) 26%, transparent), transparent 60%)',
             '--gradient-primary':
                 'linear-gradient(135deg, var(--primary), var(--primary-glow))',
             '--gradient-text':
                 'linear-gradient(135deg, oklch(0.18 0.015 250), oklch(0.35 0.03 250))',
             '--gradient-border':
-                'linear-gradient(135deg, oklch(0.66 0.18 45 / 0.45), oklch(0.58 0.16 200 / 0.25))',
-            '--shadow-glow': '0 0 60px -15px oklch(0.66 0.18 45 / 0.35)',
+                'linear-gradient(135deg, color-mix(in oklch, var(--primary) 45%, transparent), color-mix(in oklch, var(--accent) 25%, transparent))',
+            '--shadow-glow':
+                '0 0 60px -15px color-mix(in oklch, var(--primary) 35%, transparent)',
             '--shadow-card':
                 '0 1px 0 0 oklch(1 0 0 / 0.75) inset, 0 20px 40px -20px oklch(0.18 0.015 250 / 0.18)',
         },
         dark: {
             '--background': 'oklch(0.18 0.015 250)',
             '--foreground': 'oklch(0.96 0.005 250)',
+            '--heading': 'var(--foreground)',
             '--card': 'oklch(0.22 0.018 250)',
             '--primary': 'oklch(0.74 0.18 45)',
             '--primary-glow': 'oklch(0.78 0.19 50)',
             '--primary-foreground': 'oklch(0.18 0.02 250)',
+            '--primary-soft':
+                'color-mix(in oklch, var(--primary) 12%, transparent)',
+            '--primary-softer':
+                'color-mix(in oklch, var(--primary) 6%, transparent)',
+            '--primary-border':
+                'color-mix(in oklch, var(--primary) 45%, transparent)',
             '--secondary': 'oklch(0.27 0.02 250)',
             '--muted': 'oklch(0.25 0.018 250)',
             '--muted-foreground': 'oklch(0.68 0.02 250)',
             '--accent': 'oklch(0.7 0.16 200)',
+            '--accent-soft':
+                'color-mix(in oklch, var(--accent) 12%, transparent)',
+            '--accent-softer':
+                'color-mix(in oklch, var(--accent) 6%, transparent)',
+            '--accent-border':
+                'color-mix(in oklch, var(--accent) 35%, transparent)',
             '--border': 'oklch(0.3 0.02 250)',
             '--ring': 'oklch(0.74 0.18 45)',
+            '--surface': 'color-mix(in oklch, var(--card) 40%, transparent)',
+            '--surface-muted':
+                'color-mix(in oklch, var(--card) 60%, transparent)',
+            '--surface-hover':
+                'color-mix(in oklch, var(--card) 70%, transparent)',
+            '--surface-border':
+                'color-mix(in oklch, var(--border) 65%, transparent)',
+            '--surface-border-strong':
+                'color-mix(in oklch, var(--foreground) 20%, transparent)',
+            '--header-bg':
+                'color-mix(in oklch, var(--background) 60%, transparent)',
+            '--footer-bg':
+                'color-mix(in oklch, var(--background) 88%, black 12%)',
+            '--grid-line':
+                'color-mix(in oklch, var(--foreground) 5%, transparent)',
+            '--inline-code-bg':
+                'color-mix(in oklch, var(--background) 82%, var(--foreground) 8%)',
             '--code-bg': 'oklch(0.16 0.015 250)',
+            '--code-header-bg':
+                'color-mix(in oklch, var(--card) 60%, transparent)',
+            '--code-border': 'var(--surface-border)',
+            '--code-line-number':
+                'color-mix(in oklch, var(--muted-foreground) 65%, transparent)',
+            '--success': 'oklch(0.78 0.15 145)',
+            '--success-soft':
+                'color-mix(in oklch, var(--success) 14%, transparent)',
+            '--warning': 'oklch(0.78 0.14 90)',
+            '--warning-soft':
+                'color-mix(in oklch, var(--warning) 14%, transparent)',
+            '--danger': 'oklch(0.62 0.22 25)',
+            '--danger-soft':
+                'color-mix(in oklch, var(--danger) 14%, transparent)',
             '--syntax-comment': 'oklch(0.55 0.02 250)',
-            '--syntax-keyword': 'oklch(0.78 0.19 50)',
-            '--syntax-string': 'oklch(0.78 0.15 145)',
-            '--syntax-tag': 'oklch(0.72 0.16 200)',
-            '--syntax-attr': 'oklch(0.82 0.14 90)',
+            '--syntax-keyword': 'var(--primary)',
+            '--syntax-string': 'var(--success)',
+            '--syntax-tag': 'var(--accent)',
+            '--syntax-attr': 'var(--warning)',
             '--gradient-hero':
-                'radial-gradient(ellipse at top, oklch(0.28 0.08 45 / 0.35), transparent 60%)',
+                'radial-gradient(ellipse at top, color-mix(in oklch, var(--primary) 26%, transparent), transparent 60%)',
             '--gradient-primary':
                 'linear-gradient(135deg, var(--primary), var(--primary-glow))',
             '--gradient-text':
                 'linear-gradient(135deg, oklch(0.98 0.005 250), oklch(0.78 0.05 250))',
             '--gradient-border':
-                'linear-gradient(135deg, oklch(0.74 0.18 45 / 0.5), oklch(0.7 0.16 200 / 0.3))',
-            '--shadow-glow': '0 0 60px -15px oklch(0.74 0.18 45 / 0.5)',
+                'linear-gradient(135deg, color-mix(in oklch, var(--primary) 50%, transparent), color-mix(in oklch, var(--accent) 30%, transparent))',
+            '--shadow-glow':
+                '0 0 60px -15px color-mix(in oklch, var(--primary) 50%, transparent)',
             '--shadow-card':
                 '0 1px 0 0 oklch(1 0 0 / 0.05) inset, 0 20px 40px -20px oklch(0 0 0 / 0.5)',
         },

package/dist/types/docs/types.d.ts

@@ -33,6 +33,7 @@ export interface PageProps {
     renderMarkdown?: (markdown: string) => string;
     scripts?: string[];
     themeStylesheet?: string;
+    cacheKey?: string;
 }
 export interface CustomOptions {
     name?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@beforesemicolon/builder",
-    "version": "1.8.13",
+    "version": "1.8.20",
     "description": "Utilities to build npm packages and documentation website",
     "engines": {
         "node": ">=18.16.0"