@getmicdrop/venue-calendar 3.3.7 → 3.3.8

package/package.json

@@ -1,96 +1,96 @@
-{
-  "name": "@getmicdrop/venue-calendar",
-  "version": "3.3.7",
-  "description": "A customizable Svelte calendar component for displaying comedy events",
-  "type": "module",
-  "types": "./dist/types/index.d.ts",
-  "main": "./dist/venue-calendar.umd.js",
-  "module": "./dist/venue-calendar.es.js",
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/venue-calendar.es.js",
-      "require": "./dist/venue-calendar.umd.js",
-      "default": "./dist/venue-calendar.es.js"
-    },
-    "./api": {
-      "types": "./dist/api/index.d.ts",
-      "import": "./dist/api/api.mjs",
-      "require": "./dist/api/api.cjs",
-      "default": "./dist/api/api.mjs"
-    },
-    "./theme": {
-      "import": "./src/lib/theme.js",
-      "default": "./src/lib/theme.js"
-    },
-    "./dist/venue-calendar.css": "./dist/venue-calendar.css"
-  },
-  "files": [
-    "dist",
-    "src/lib/theme.js",
-    "README.md"
-  ],
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "build:lib": "vite build --config vite.config.lib.js",
-    "build:api": "vite build --config vite.config.api.js",
-    "build:all": "npm run build:lib && npm run build:api",
-    "preview": "vite preview",
-    "prepare": "svelte-kit sync || echo ''",
-    "prepublishOnly": "npm run build:all",
-    "check": "svelte-check --diagnostic-sources \"js,svelte\"",
-    "check:all": "svelte-check",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  },
-  "keywords": [
-    "svelte",
-    "calendar",
-    "events",
-    "comedy",
-    "venue",
-    "component",
-    "micdrop"
-  ],
-  "author": "MicDrop",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/get-micdrop/venue-calendar.git"
-  },
-  "bugs": {
-    "url": "https://github.com/get-micdrop/venue-calendar/issues"
-  },
-  "homepage": "https://github.com/get-micdrop/venue-calendar#readme",
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@sveltejs/adapter-auto": "^6.1.0",
-    "@sveltejs/kit": "^2.49.4",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@tailwindcss/vite": "^4.0.0",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/svelte": "^5.3.1",
-    "@vitest/coverage-v8": "^4.0.16",
-    "baseline-browser-mapping": "^2.9.11",
-    "jsdom": "^27.4.0",
-    "svelte": "^5.46.1",
-    "svelte-check": "^4.3.5",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^4.0.16"
-  },
-  "dependencies": {
-    "@getmicdrop/svelte-components": "^5.10.0",
-    "@stripe/stripe-js": "^4.0.0",
-    "carbon-icons-svelte": "^13.7.0",
-    "esbuild": "^0.27.2",
-    "js-cookie": "^3.0.5",
-    "svelte-stripe": "^1.4.0"
-  }
-}
+{
+  "name": "@getmicdrop/venue-calendar",
+  "version": "3.3.8",
+  "description": "A customizable Svelte calendar component for displaying comedy events",
+  "type": "module",
+  "types": "./dist/types/index.d.ts",
+  "main": "./dist/venue-calendar.umd.js",
+  "module": "./dist/venue-calendar.es.js",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/venue-calendar.es.js",
+      "require": "./dist/venue-calendar.umd.js",
+      "default": "./dist/venue-calendar.es.js"
+    },
+    "./api": {
+      "types": "./dist/api/index.d.ts",
+      "import": "./dist/api/api.mjs",
+      "require": "./dist/api/api.cjs",
+      "default": "./dist/api/api.mjs"
+    },
+    "./theme": {
+      "import": "./src/lib/theme.js",
+      "default": "./src/lib/theme.js"
+    },
+    "./dist/venue-calendar.css": "./dist/venue-calendar.css"
+  },
+  "files": [
+    "dist",
+    "src/lib/theme.js",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "build:lib": "vite build --config vite.config.lib.js",
+    "build:api": "vite build --config vite.config.api.js",
+    "build:all": "npm run build:lib && npm run build:api",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
+    "prepublishOnly": "npm run build:all",
+    "check": "svelte-check --diagnostic-sources \"js,svelte\"",
+    "check:all": "svelte-check",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  },
+  "keywords": [
+    "svelte",
+    "calendar",
+    "events",
+    "comedy",
+    "venue",
+    "component",
+    "micdrop"
+  ],
+  "author": "MicDrop",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/get-micdrop/venue-calendar.git"
+  },
+  "bugs": {
+    "url": "https://github.com/get-micdrop/venue-calendar/issues"
+  },
+  "homepage": "https://github.com/get-micdrop/venue-calendar#readme",
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^6.1.0",
+    "@sveltejs/kit": "^2.49.4",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@tailwindcss/vite": "^4.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.3.1",
+    "@vitest/coverage-v8": "^4.0.16",
+    "baseline-browser-mapping": "^2.9.11",
+    "jsdom": "^27.4.0",
+    "svelte": "^5.46.1",
+    "svelte-check": "^4.3.5",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.0.16"
+  },
+  "dependencies": {
+    "@getmicdrop/svelte-components": "^5.12.0",
+    "@stripe/stripe-js": "^4.0.0",
+    "carbon-icons-svelte": "^13.7.0",
+    "esbuild": "^0.27.2",
+    "js-cookie": "^3.0.5",
+    "svelte-stripe": "^1.4.0"
+  }
+}

package/src/lib/theme.js

@@ -1,209 +1,209 @@
-/**
- * Theme Configuration for Embeddable Calendar Widget
- *
- * This module provides comprehensive theming options for the calendar widget.
- * All colors use HSL format for easy manipulation.
- *
- * Usage:
- * 1. Import and call applyTheme() with your custom theme
- * 2. Or set CSS custom properties directly on the widget container
- *
- * Example:
- * ```js
- * import { applyTheme, themes } from '@getmicdrop/venue-calendar/theme';
- * applyTheme(themes.dark);
- *
- * // Or custom theme:
- * applyTheme({
- *   brandPrimary: '270 76% 60%', // Purple
- *   textPrimary: '0 0% 100%',
- *   bgPrimary: '0 0% 10%',
- * });
- * ```
- */
-
-// Default light theme
-export const lightTheme = {
-  // Brand colors
-  brandPrimary: '217 91% 60%', // #2563EB - Blue
-
-  // Text colors
-  textPrimary: '0 0% 0%', // Black
-  textSecondary: '0 0% 40%', // Dark Gray
-  textTertiary: '0 0% 60%', // Gray
-
-  // Background colors
-  bgPrimary: '0 0% 100%', // White
-  bgSecondary: '0 0% 98%', // Light Gray
-  bgQuaternary: '0 0% 96%', // Very Light Gray
-
-  // Border/Stroke colors
-  strokePrimary: '0 0% 80%', // Medium Gray
-  strokeSecondary: '0 0% 90%', // Light Gray
-
-  // Status colors
-  statusOnSale: '217 91% 60%', // Blue
-  statusSellingFast: '38 92% 50%', // Orange
-  statusSoldOut: '0 84% 60%', // Red
-
-  // Calendar specific
-  todayBg: '217 91% 97%', // Light blue
-  todayText: '217 91% 50%', // Blue
-  eventDotOnSale: '217 91% 60%',
-  eventDotSellingFast: '38 92% 50%',
-  eventDotSoldOut: '0 84% 60%',
-
-  // Interaction states
-  hoverBg: '0 0% 96%',
-  focusRing: '217 91% 60%',
-};
-
-// Dark theme
-export const darkTheme = {
-  // Brand colors
-  brandPrimary: '217 91% 65%', // Lighter blue for dark mode
-
-  // Text colors
-  textPrimary: '0 0% 98%', // Near white
-  textSecondary: '0 0% 70%', // Light gray
-  textTertiary: '0 0% 50%', // Gray
-
-  // Background colors
-  bgPrimary: '0 0% 9%', // Very dark gray
-  bgSecondary: '0 0% 13%', // Dark gray
-  bgQuaternary: '0 0% 17%', // Slightly lighter
-
-  // Border/Stroke colors
-  strokePrimary: '0 0% 30%',
-  strokeSecondary: '0 0% 20%',
-
-  // Status colors
-  statusOnSale: '217 91% 65%',
-  statusSellingFast: '38 92% 55%',
-  statusSoldOut: '0 84% 65%',
-
-  // Calendar specific
-  todayBg: '217 50% 20%',
-  todayText: '217 91% 70%',
-  eventDotOnSale: '217 91% 65%',
-  eventDotSellingFast: '38 92% 55%',
-  eventDotSoldOut: '0 84% 65%',
-
-  // Interaction states
-  hoverBg: '0 0% 20%',
-  focusRing: '217 91% 65%',
-};
-
-// High contrast theme for accessibility
-export const highContrastTheme = {
-  brandPrimary: '217 100% 50%',
-  textPrimary: '0 0% 0%',
-  textSecondary: '0 0% 20%',
-  textTertiary: '0 0% 30%',
-  bgPrimary: '0 0% 100%',
-  bgSecondary: '0 0% 95%',
-  bgQuaternary: '0 0% 90%',
-  strokePrimary: '0 0% 0%',
-  strokeSecondary: '0 0% 30%',
-  statusOnSale: '217 100% 40%',
-  statusSellingFast: '30 100% 40%',
-  statusSoldOut: '0 100% 40%',
-  todayBg: '217 100% 90%',
-  todayText: '217 100% 30%',
-  eventDotOnSale: '217 100% 40%',
-  eventDotSellingFast: '30 100% 40%',
-  eventDotSoldOut: '0 100% 40%',
-  hoverBg: '217 100% 95%',
-  focusRing: '217 100% 40%',
-};
-
-// Preset themes collection
-export const themes = {
-  light: lightTheme,
-  dark: darkTheme,
-  highContrast: highContrastTheme,
-};
-
-/**
- * Apply a theme to the calendar widget
- * @param {Object} theme - Theme object with HSL color values
- * @param {HTMLElement} container - Optional container element (defaults to :root)
- */
-export function applyTheme(theme, container = document.documentElement) {
-  const cssVarMap = {
-    brandPrimary: '--Brand-Primary',
-    textPrimary: '--Text-Primary',
-    textSecondary: '--Text-Secondary',
-    textTertiary: '--Text-Tartiary', // Note: keeping original typo for compatibility
-    bgPrimary: '--BG-Primary',
-    bgSecondary: '--BG-Secondary',
-    bgQuaternary: '--BG-Quaternary',
-    strokePrimary: '--Stroke-Primary',
-    strokeSecondary: '--Stroke-Secondary',
-    statusOnSale: '--Status-OnSale',
-    statusSellingFast: '--Status-SellingFast',
-    statusSoldOut: '--Status-SoldOut',
-    todayBg: '--Today-BG',
-    todayText: '--Today-Text',
-    eventDotOnSale: '--EventDot-OnSale',
-    eventDotSellingFast: '--EventDot-SellingFast',
-    eventDotSoldOut: '--EventDot-SoldOut',
-    hoverBg: '--Hover-BG',
-    focusRing: '--Focus-Ring',
-  };
-
-  Object.entries(theme).forEach(([key, value]) => {
-    const cssVar = cssVarMap[key];
-    if (cssVar) {
-      container.style.setProperty(cssVar, value);
-    }
-  });
-}
-
-/**
- * Generate CSS string for embedding
- * @param {Object} theme - Theme object
- * @returns {string} CSS string
- */
-export function generateThemeCSS(theme) {
-  const cssVarMap = {
-    brandPrimary: '--Brand-Primary',
-    textPrimary: '--Text-Primary',
-    textSecondary: '--Text-Secondary',
-    textTertiary: '--Text-Tartiary',
-    bgPrimary: '--BG-Primary',
-    bgSecondary: '--BG-Secondary',
-    bgQuaternary: '--BG-Quaternary',
-    strokePrimary: '--Stroke-Primary',
-    strokeSecondary: '--Stroke-Secondary',
-    statusOnSale: '--Status-OnSale',
-    statusSellingFast: '--Status-SellingFast',
-    statusSoldOut: '--Status-SoldOut',
-    todayBg: '--Today-BG',
-    todayText: '--Today-Text',
-    eventDotOnSale: '--EventDot-OnSale',
-    eventDotSellingFast: '--EventDot-SellingFast',
-    eventDotSoldOut: '--EventDot-SoldOut',
-    hoverBg: '--Hover-BG',
-    focusRing: '--Focus-Ring',
-  };
-
-  const vars = Object.entries(theme)
-    .map(([key, value]) => {
-      const cssVar = cssVarMap[key];
-      return cssVar ? `  ${cssVar}: ${value};` : null;
-    })
-    .filter(Boolean)
-    .join('\n');
-
-  return `:root {\n${vars}\n}`;
-}
-
-export default {
-  themes,
-  lightTheme,
-  darkTheme,
-  highContrastTheme,
-  applyTheme,
-  generateThemeCSS,
-};
+/**
+ * Theme Configuration for Embeddable Calendar Widget
+ *
+ * This module provides comprehensive theming options for the calendar widget.
+ * All colors use HSL format for easy manipulation.
+ *
+ * Usage:
+ * 1. Import and call applyTheme() with your custom theme
+ * 2. Or set CSS custom properties directly on the widget container
+ *
+ * Example:
+ * ```js
+ * import { applyTheme, themes } from '@getmicdrop/venue-calendar/theme';
+ * applyTheme(themes.dark);
+ *
+ * // Or custom theme:
+ * applyTheme({
+ *   brandPrimary: '270 76% 60%', // Purple
+ *   textPrimary: '0 0% 100%',
+ *   bgPrimary: '0 0% 10%',
+ * });
+ * ```
+ */
+
+// Default light theme
+export const lightTheme = {
+  // Brand colors
+  brandPrimary: '217 91% 60%', // #2563EB - Blue
+
+  // Text colors
+  textPrimary: '0 0% 0%', // Black
+  textSecondary: '0 0% 40%', // Dark Gray
+  textTertiary: '0 0% 60%', // Gray
+
+  // Background colors
+  bgPrimary: '0 0% 100%', // White
+  bgSecondary: '0 0% 98%', // Light Gray
+  bgQuaternary: '0 0% 96%', // Very Light Gray
+
+  // Border/Stroke colors
+  strokePrimary: '0 0% 80%', // Medium Gray
+  strokeSecondary: '0 0% 90%', // Light Gray
+
+  // Status colors
+  statusOnSale: '217 91% 60%', // Blue
+  statusSellingFast: '38 92% 50%', // Orange
+  statusSoldOut: '0 84% 60%', // Red
+
+  // Calendar specific
+  todayBg: '217 91% 97%', // Light blue
+  todayText: '217 91% 50%', // Blue
+  eventDotOnSale: '217 91% 60%',
+  eventDotSellingFast: '38 92% 50%',
+  eventDotSoldOut: '0 84% 60%',
+
+  // Interaction states
+  hoverBg: '0 0% 96%',
+  focusRing: '217 91% 60%',
+};
+
+// Dark theme
+export const darkTheme = {
+  // Brand colors
+  brandPrimary: '217 91% 65%', // Lighter blue for dark mode
+
+  // Text colors
+  textPrimary: '0 0% 98%', // Near white
+  textSecondary: '0 0% 70%', // Light gray
+  textTertiary: '0 0% 50%', // Gray
+
+  // Background colors
+  bgPrimary: '0 0% 9%', // Very dark gray
+  bgSecondary: '0 0% 13%', // Dark gray
+  bgQuaternary: '0 0% 17%', // Slightly lighter
+
+  // Border/Stroke colors
+  strokePrimary: '0 0% 30%',
+  strokeSecondary: '0 0% 20%',
+
+  // Status colors
+  statusOnSale: '217 91% 65%',
+  statusSellingFast: '38 92% 55%',
+  statusSoldOut: '0 84% 65%',
+
+  // Calendar specific
+  todayBg: '217 50% 20%',
+  todayText: '217 91% 70%',
+  eventDotOnSale: '217 91% 65%',
+  eventDotSellingFast: '38 92% 55%',
+  eventDotSoldOut: '0 84% 65%',
+
+  // Interaction states
+  hoverBg: '0 0% 20%',
+  focusRing: '217 91% 65%',
+};
+
+// High contrast theme for accessibility
+export const highContrastTheme = {
+  brandPrimary: '217 100% 50%',
+  textPrimary: '0 0% 0%',
+  textSecondary: '0 0% 20%',
+  textTertiary: '0 0% 30%',
+  bgPrimary: '0 0% 100%',
+  bgSecondary: '0 0% 95%',
+  bgQuaternary: '0 0% 90%',
+  strokePrimary: '0 0% 0%',
+  strokeSecondary: '0 0% 30%',
+  statusOnSale: '217 100% 40%',
+  statusSellingFast: '30 100% 40%',
+  statusSoldOut: '0 100% 40%',
+  todayBg: '217 100% 90%',
+  todayText: '217 100% 30%',
+  eventDotOnSale: '217 100% 40%',
+  eventDotSellingFast: '30 100% 40%',
+  eventDotSoldOut: '0 100% 40%',
+  hoverBg: '217 100% 95%',
+  focusRing: '217 100% 40%',
+};
+
+// Preset themes collection
+export const themes = {
+  light: lightTheme,
+  dark: darkTheme,
+  highContrast: highContrastTheme,
+};
+
+/**
+ * Apply a theme to the calendar widget
+ * @param {Object} theme - Theme object with HSL color values
+ * @param {HTMLElement} container - Optional container element (defaults to :root)
+ */
+export function applyTheme(theme, container = document.documentElement) {
+  const cssVarMap = {
+    brandPrimary: '--Brand-Primary',
+    textPrimary: '--Text-Primary',
+    textSecondary: '--Text-Secondary',
+    textTertiary: '--Text-Tartiary', // Note: keeping original typo for compatibility
+    bgPrimary: '--BG-Primary',
+    bgSecondary: '--BG-Secondary',
+    bgQuaternary: '--BG-Quaternary',
+    strokePrimary: '--Stroke-Primary',
+    strokeSecondary: '--Stroke-Secondary',
+    statusOnSale: '--Status-OnSale',
+    statusSellingFast: '--Status-SellingFast',
+    statusSoldOut: '--Status-SoldOut',
+    todayBg: '--Today-BG',
+    todayText: '--Today-Text',
+    eventDotOnSale: '--EventDot-OnSale',
+    eventDotSellingFast: '--EventDot-SellingFast',
+    eventDotSoldOut: '--EventDot-SoldOut',
+    hoverBg: '--Hover-BG',
+    focusRing: '--Focus-Ring',
+  };
+
+  Object.entries(theme).forEach(([key, value]) => {
+    const cssVar = cssVarMap[key];
+    if (cssVar) {
+      container.style.setProperty(cssVar, value);
+    }
+  });
+}
+
+/**
+ * Generate CSS string for embedding
+ * @param {Object} theme - Theme object
+ * @returns {string} CSS string
+ */
+export function generateThemeCSS(theme) {
+  const cssVarMap = {
+    brandPrimary: '--Brand-Primary',
+    textPrimary: '--Text-Primary',
+    textSecondary: '--Text-Secondary',
+    textTertiary: '--Text-Tartiary',
+    bgPrimary: '--BG-Primary',
+    bgSecondary: '--BG-Secondary',
+    bgQuaternary: '--BG-Quaternary',
+    strokePrimary: '--Stroke-Primary',
+    strokeSecondary: '--Stroke-Secondary',
+    statusOnSale: '--Status-OnSale',
+    statusSellingFast: '--Status-SellingFast',
+    statusSoldOut: '--Status-SoldOut',
+    todayBg: '--Today-BG',
+    todayText: '--Today-Text',
+    eventDotOnSale: '--EventDot-OnSale',
+    eventDotSellingFast: '--EventDot-SellingFast',
+    eventDotSoldOut: '--EventDot-SoldOut',
+    hoverBg: '--Hover-BG',
+    focusRing: '--Focus-Ring',
+  };
+
+  const vars = Object.entries(theme)
+    .map(([key, value]) => {
+      const cssVar = cssVarMap[key];
+      return cssVar ? `  ${cssVar}: ${value};` : null;
+    })
+    .filter(Boolean)
+    .join('\n');
+
+  return `:root {\n${vars}\n}`;
+}
+
+export default {
+  themes,
+  lightTheme,
+  darkTheme,
+  highContrastTheme,
+  applyTheme,
+  generateThemeCSS,
+};