v0.7.10

• Adds theme-transition mixin for composing dark mode.

Example usage:

@use "@zaydek/duomo" as * with ($headless: true);

:root {
  --theme-transition: #{theme-transition(700ms, timing(ease-out, $raw: true))};
}
// -> :root {
// ->   --theme-transition: background-color 700ms cubic-bezier(0, 0, 0.2, 1), border-color 700ms cubic-bezier(0, 0, 0.2, 1),
// ->     box-shadow 700ms cubic-bezier(0, 0, 0.2, 1), color 700ms cubic-bezier(0, 0, 0.2, 1),
// ->     fill 700ms cubic-bezier(0, 0, 0.2, 1), opacity 700ms cubic-bezier(0, 0, 0.2, 1),
// ->     stroke 700ms cubic-bezier(0, 0, 0.2, 1), transform 700ms cubic-bezier(0, 0, 0.2, 1);
// -> }

• Upgraded the runtime.

TypeScript definitions:

type Env = "development" | "production"

interface RuntimeOptions {
  quiet: boolean
}

interface Runtime {
  getDarkMode(): boolean
  setDarkMode(mode: boolean): void
  toggleDarkMode(): void

  getDebugMode(): boolean
  setDebugMode(mode: boolean): void
  toggleDebugMode(): void

  getDebugSpaceMode(): boolean
  setDebugSpaceMode(mode: boolean): void
  toggleDebugSpaceMode(): void

  init(env?: Env, options?: RuntimeOptions): () => void
}