colorsbymax 0.2.0 → 0.2.1

package/dist/auto.js

@@ -1,4 +1,4 @@
-import { s as ThemeProvider, t as ThemeSwitcher } from "./ThemeSwitcher-CnxUWdBP.js";
+import { s as ThemeProvider, t as ThemeSwitcher } from "./ThemeSwitcher-C0SSJ-oR.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-CnxUWdBP.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 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-C0SSJ-oR.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.0",
+  "version": "0.2.1",
   "description": "A live theme switcher for any website: site themes, 700+ palettes, for light/dark modes and WCAG contrast checks.",
   "keywords": [
     "theme",

package/types/index.d.ts

@@ -80,6 +80,11 @@ export interface ColorsByMaxConfig {
    * 'top-right' sits just under a floating nav bar. Visitors can still drag it anywhere.
    */
   position?: 'bottom-right' | 'bottom-left' | 'top-left' | 'top-right'
+  /**
+   * Hide the colour button and panel; the theme still applies. `hidden: import.meta.env.PROD`
+   * keeps it out of production once the colours are chosen, while it still shows in development.
+   */
+  hidden?: boolean
 }
 
 export interface ThemeProviderProps {
@@ -114,8 +119,12 @@ export interface ThemeApi {
   usage: Partial<Record<TokenKey, string>>
   loadPdf: (() => Promise<unknown>) | null
   position: 'bottom-right' | 'bottom-left' | 'top-left' | 'top-right'
+  /** True when the config hides the switcher; the theme still applies. */
+  hidden: boolean
   /** 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. */
+  setLogoColouring(on: boolean): void
   /** The site's own themes, then any scan suggestions. */
   siteThemes: Theme[]
   defaultTheme: Theme
@@ -184,6 +193,10 @@ export interface PanelSettings {
   panelWidth: number | null
   panelHeight: number | 'full' | null
   libraryCollapsed: boolean
+  /** Whether themes re-colour the site's logo too. Off (the default) keeps its own colours. */
+  colourLogo: boolean
+  /** Hidden on this device (from the finish screen); Alt+Shift+C or ?colorsbymax brings it back. */
+  hideButton: boolean
 }
 /** The visitor settings the panel starts with. */
 export const DEFAULT_SETTINGS: PanelSettings