@getmicdrop/venue-calendar 3.4.2 → 3.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/venue-calendar",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "description": "A customizable Svelte calendar component for displaying comedy events",
   "type": "module",
   "types": "./dist/types/index.d.ts",
@@ -95,6 +95,7 @@
     "@getmicdrop/svelte-components": "^5.17.1",
     "@stripe/stripe-js": "^8.0.0",
     "carbon-icons-svelte": "^13.7.0",
+    "date-fns": "^4.1.0",
     "esbuild": "^0.27.2",
     "js-cookie": "^3.0.5",
     "svelte-stripe": "^2.0.0"

package/src/lib/theme.js

@@ -134,7 +134,7 @@ export function applyTheme(theme, container = document.documentElement) {
     brandPrimary: '--Brand-Primary',
     textPrimary: '--Text-Primary',
     textSecondary: '--Text-Secondary',
-    textTertiary: '--Text-Tartiary', // Note: keeping original typo for compatibility
+    textTertiary: '--Text-Tertiary',
     bgPrimary: '--BG-Primary',
     bgSecondary: '--BG-Secondary',
     bgQuaternary: '--BG-Quaternary',
@@ -156,6 +156,10 @@ export function applyTheme(theme, container = document.documentElement) {
     const cssVar = cssVarMap[key];
     if (cssVar) {
       container.style.setProperty(cssVar, value);
+      // Backwards compat: also set the typo'd variable name
+      if (key === 'textTertiary') {
+        container.style.setProperty('--Text-Tartiary', value);
+      }
     }
   });
 }
@@ -170,7 +174,7 @@ export function generateThemeCSS(theme) {
     brandPrimary: '--Brand-Primary',
     textPrimary: '--Text-Primary',
     textSecondary: '--Text-Secondary',
-    textTertiary: '--Text-Tartiary',
+    textTertiary: '--Text-Tertiary',
     bgPrimary: '--BG-Primary',
     bgSecondary: '--BG-Secondary',
     bgQuaternary: '--BG-Quaternary',
@@ -188,15 +192,19 @@ export function generateThemeCSS(theme) {
     focusRing: '--Focus-Ring',
   };
 
-  const vars = Object.entries(theme)
-    .map(([key, value]) => {
-      const cssVar = cssVarMap[key];
-      return cssVar ? `  ${cssVar}: ${value};` : null;
-    })
-    .filter(Boolean)
-    .join('\n');
+  const lines = [];
+  Object.entries(theme).forEach(([key, value]) => {
+    const cssVar = cssVarMap[key];
+    if (cssVar) {
+      lines.push(`  ${cssVar}: ${value};`);
+      // Backwards compat: also emit the typo'd variable name
+      if (key === 'textTertiary') {
+        lines.push(`  --Text-Tartiary: ${value};`);
+      }
+    }
+  });
 
-  return `:root {\n${vars}\n}`;
+  return `:root {\n${lines.join('\n')}\n}`;
 }
 
 export default {