colorsbymax 0.2.2 → 0.3.0

package/dist/auto.js

@@ -1,4 +1,4 @@
-import { s as ThemeProvider, t as ThemeSwitcher } from "./ThemeSwitcher-L1GXY55E.js";
+import { o as ThemeProvider, t as ThemeSwitcher } from "./ThemeSwitcher-CFtLm7PM.js";
 import { createElement } from "react";
 import { createRoot } from "react-dom/client";
 //#region src/auto.js

package/dist/index.js

@@ -1,2 +1,2 @@
-import { A as PAIRINGS, C as TOKEN_KEYS, D as MIN_CONTRAST_NON_TEXT, E as MIN_CONTRAST_LARGE_TEXT, F as contrastRatio, I as normalizeHex, M as checkTheme, N as fixAll, O as MIN_CONTRAST_TEXT, P as suggestFix, S as TOKEN_GROUPS, T as deriveAppTokens, _ as darkTokens, a as rolesFromPalette, b as BASE_TOKENS, c as applyTokens, d as prePaintScript, f as collectColors, g as themeFromRoles, h as suggestThemes, i as dominantColours, j as checkRamp, k as MIN_RAMP_STEP_DELTA_E, l as useTheme, m as inferRoles, n as DEFAULT_SETTINGS, o as themeFromPalette, p as detectSiteName, r as coloursFromFile, s as ThemeProvider, t as ThemeSwitcher, u as DEFAULT_STORAGE_KEY, v as isDarkTheme, w as completeTokens, x as PRESETS, y as toDark } from "./ThemeSwitcher-L1GXY55E.js";
+import { A as PAIRINGS, C as TOKEN_KEYS, D as MIN_CONTRAST_NON_TEXT, E as MIN_CONTRAST_LARGE_TEXT, F as contrastRatio, I as normalizeHex, M as checkTheme, N as fixAll, O as MIN_CONTRAST_TEXT, P as suggestFix, S as TOKEN_GROUPS, T as deriveAppTokens, _ as darkTokens, a as themeFromPalette, b as BASE_TOKENS, c as useTheme, d as DEFAULT_SETTINGS, f as collectColors, g as themeFromRoles, h as suggestThemes, i as rolesFromPalette, j as checkRamp, k as MIN_RAMP_STEP_DELTA_E, l as DEFAULT_STORAGE_KEY, m as inferRoles, n as coloursFromFile, o as ThemeProvider, p as detectSiteName, r as dominantColours, s as applyTokens, t as ThemeSwitcher, u as prePaintScript, v as isDarkTheme, w as completeTokens, x as PRESETS, y as toDark } from "./ThemeSwitcher-CFtLm7PM.js";
 export { BASE_TOKENS, DEFAULT_SETTINGS, DEFAULT_STORAGE_KEY, MIN_CONTRAST_LARGE_TEXT, MIN_CONTRAST_NON_TEXT, MIN_CONTRAST_TEXT, MIN_RAMP_STEP_DELTA_E, PAIRINGS, PRESETS, TOKEN_GROUPS, TOKEN_KEYS, ThemeProvider, ThemeSwitcher, applyTokens, checkRamp, checkTheme, collectColors, coloursFromFile, completeTokens, contrastRatio, darkTokens, deriveAppTokens, detectSiteName, dominantColours, fixAll, inferRoles, isDarkTheme, normalizeHex, prePaintScript, rolesFromPalette, suggestFix, suggestThemes, themeFromPalette, themeFromRoles, toDark, useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colorsbymax",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "A live theme switcher for any website: site themes, 700+ palettes, for light/dark modes and WCAG contrast checks.",
   "keywords": [
     "theme",
@@ -16,7 +16,7 @@
     "tailwind"
   ],
   "author": "Max Muyalwa (mrmaxdesigns)",
-  "homepage": "https://github.com/MaxMuyalwa/colorsbymax#readme",
+  "homepage": "https://mrmaxdesigns.com/colorsbymax",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/MaxMuyalwa/colorsbymax.git"
@@ -79,6 +79,7 @@
     "typecheck": "tsc -p types && node scripts/check-types.mjs",
     "prepublishOnly": "npm run build && npm run typecheck",
     "build:demo": "vite build",
+    "build:site": "vite build --mode site",
     "build:mcp": "vite build --config mcp/vite.config.js",
     "css": "node scripts/build-css.mjs",
     "icons": "node scripts/build-icons.mjs",

package/types/index.d.ts

@@ -85,6 +85,11 @@ export interface ColorsByMaxConfig {
    * keeps it out of production once the colours are chosen, while it still shows in development.
    */
   hidden?: boolean
+  /**
+   * Bring the colour button in with a short pop and a burst of the theme's colours, a moment after
+   * the page loads (default true). With reduced motion it fades in instead.
+   */
+  intro?: boolean
 }
 
 export interface ThemeProviderProps {
@@ -121,6 +126,14 @@ export interface ThemeApi {
   position: 'bottom-right' | 'bottom-left' | 'top-left' | 'top-right'
   /** True when the config hides the switcher; the theme still applies. */
   hidden: boolean
+  /** Whether the colour button makes an entrance when it first appears. */
+  intro: boolean
+  /** The mode in effect: every theme shows its light or dark version. */
+  mode: 'light' | 'dark'
+  /** The visitor's choice; 'system' follows the device. */
+  modeSetting: 'light' | 'dark' | 'system'
+  /** Sets the mode, for the whole site, and remembers it. */
+  setMode(mode: 'light' | 'dark' | 'system'): void
   /** True when colorsbymax is swapping the page's own colours (the site isn't using the variables). */
   recolouring: boolean
   /** Turns re-colouring of the site's logo on or off. */