microboard-temp 0.6.4 → 0.7.0

package/dist/types/Color/colorUtils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * WCAG 2.1 color-contrast utilities.
+ *
+ * All calculations follow the W3C specification:
+ * https://www.w3.org/TR/WCAG21/#dfn-relative-luminance
+ */
+/** Convert a single sRGB channel value (0–255) to linear light. */
+export declare function srgbChannelToLinear(channel: number): number;
+/**
+ * Relative luminance of an sRGB colour (channels 0–255).
+ * Returns a value in [0, 1] where 0 = black, 1 = white.
+ */
+export declare function relativeLuminance(r: number, g: number, b: number): number;
+/**
+ * WCAG contrast ratio between two relative luminance values.
+ * Returns a value ≥1 (1 = no contrast, 21 = black on white).
+ */
+export declare function contrastRatio(lum1: number, lum2: number): number;
+/** Returns true if the contrast ratio meets WCAG 2.1 AA (≥4.5:1). */
+export declare function meetsWCAG_AA(ratio: number): boolean;
+/** Returns true if the contrast ratio meets WCAG 2.1 AAA (≥7:1). */
+export declare function meetsWCAG_AAA(ratio: number): boolean;
+/**
+ * Parse an `rgb(r, g, b)` or `rgba(r, g, b, a)` CSS string.
+ * Returns `[r, g, b]` channels in [0, 255], or `null` if unparseable.
+ */
+export declare function parseCssRgb(css: string): [number, number, number] | null;
+/**
+ * Compute the WCAG contrast ratio between two CSS `rgb(…)` strings.
+ * Returns `null` if either string cannot be parsed.
+ */
+export declare function cssContrastRatio(css1: string, css2: string): number | null;

package/dist/types/Color/index.d.ts

@@ -0,0 +1,6 @@
+export type { Theme, ColorRole, SemanticColorId, SemanticColor, FixedColor, ColorValue } from './ColorValue';
+export { SEMANTIC_COLOR_IDS, semanticColor, fixedColor, coerceColorValue, coerceOptionalColorValue } from './ColorValue';
+export type { ContrastPair } from './ContrastPalette';
+export { CONTRAST_PALETTE, CONTRAST_PALETTE_LIST } from './ContrastPalette';
+export { resolveColor, resolvePairedForeground } from './resolveColor';
+export { srgbChannelToLinear, relativeLuminance, contrastRatio, meetsWCAG_AA, meetsWCAG_AAA, parseCssRgb, cssContrastRatio, } from './colorUtils';

package/dist/types/Color/resolveColor.d.ts

@@ -0,0 +1,26 @@
+import { ColorValue, ColorRole, Theme } from './ColorValue';
+/**
+ * Resolve a `ColorValue` to a concrete CSS colour string for rendering.
+ *
+ * @param value  The stored colour — either a semantic ID or a fixed string.
+ * @param theme  The active display theme (`'light'` or `'dark'`).
+ * @param role   Whether this colour is used as a `'background'` surface or a
+ *               `'foreground'` element (text, stroke, icon).
+ *
+ * Resolution rules for semantic colours:
+ * ```
+ *              light mode       dark mode
+ *  background  pair.light  →   pair.dark
+ *  foreground  pair.dark   →   pair.light
+ * ```
+ * Fixed colours are returned unchanged regardless of theme or role.
+ */
+export declare function resolveColor(value: ColorValue | string, theme: Theme, role: ColorRole): string;
+/**
+ * Resolve the *paired* foreground colour for a given background ColorValue.
+ *
+ * When a semantic colour is used as a background, this returns the guaranteed
+ * accessible foreground for the same pair. For fixed colours it falls back to
+ * a neutral dark or light foreground depending on theme.
+ */
+export declare function resolvePairedForeground(background: ColorValue, theme: Theme): string;

package/dist/types/Items/Connector/Connector.d.ts

@@ -17,6 +17,7 @@ import { LinkTo } from '../LinkTo/LinkTo';
 import { DocumentFactory } from '../../api/DocumentFactory';
 import { ConnectorAnchorColors } from './types';
 import { BaseItem } from "../BaseItem";
+import { ColorValue } from '../../..';
 export declare const ConnectorLineStyles: readonly ["straight", "curved", "orthogonal"];
 export type ConnectorLineStyle = (typeof ConnectorLineStyles)[number];
 export declare const ConnectionLineWidths: readonly [1, 2, 3, 4, 5, 6, 7, 8, 12];
@@ -52,7 +53,7 @@ export declare class Connector extends BaseItem {
     readonly text: RichText;
     transformationRenderBlock?: boolean;
     private optionalFindItemFn?;
-    constructor(board: Board, startPoint?: ControlPoint, endPoint?: ControlPoint, lineStyle?: ConnectorLineStyle, startPointerStyle?: ConnectorPointerStyle, endPointerStyle?: ConnectorPointerStyle, lineColor?: string, lineWidth?: ConnectionLineWidth, strokeStyle?: BorderStyle, id?: string);
+    constructor(board: Board, startPoint?: ControlPoint, endPoint?: ControlPoint, lineStyle?: ConnectorLineStyle, startPointerStyle?: ConnectorPointerStyle, endPointerStyle?: ConnectorPointerStyle, lineColor?: ColorValue, lineWidth?: ConnectionLineWidth, strokeStyle?: BorderStyle, id?: string);
     private initText;
     observerStartPointItem: () => void;
     observerEndPointItem: () => void;
@@ -76,7 +77,7 @@ export declare class Connector extends BaseItem {
     private applyStartPointerStyle;
     setEndPointerStyle(style: ConnectorPointerStyle): void;
     private applyEndPointerStyle;
-    setLineColor(color: string): void;
+    setLineColor(color: ColorValue): void;
     private applyLineColor;
     setLineStyle(style: ConnectorLineStyle): void;
     private applyLineStyle;
@@ -93,7 +94,7 @@ export declare class Connector extends BaseItem {
     };
     getStartPointerStyle(): ConnectorPointerStyle;
     getEndPointerStyle(): ConnectorPointerStyle;
-    getLineColor(): string;
+    getLineColor(): ColorValue;
     getLineStyle(): ConnectorLineStyle;
     getBorderStyle(): BorderStyle;
     getLineWidth(): ConnectionLineWidth;

package/dist/types/Items/Connector/ConnectorOperations.d.ts

@@ -5,6 +5,7 @@ import { DefaultRichTextData } from "../RichText/RichTextData";
 import { DefaultTransformationData } from "../Transformation/TransformationData";
 import { LinkTo } from "../LinkTo/LinkTo";
 import { BorderStyle } from "../Path";
+import { ColorValue } from "../../..";
 export declare class ConnectorData {
     readonly itemType = "Connector";
     startPoint: ControlPointData;
@@ -13,7 +14,7 @@ export declare class ConnectorData {
     startPointerStyle: ConnectorPointerStyle;
     endPointerStyle: ConnectorPointerStyle;
     lineStyle: ConnectorLineStyle;
-    lineColor: string;
+    lineColor: ColorValue;
     linkTo?: string | LinkTo;
     lineWidth: ConnectionLineWidth;
     borderStyle: BorderStyle;
@@ -70,7 +71,7 @@ interface SetLineColor {
     class: "Connector";
     method: "setLineColor";
     item: string[];
-    lineColor: string;
+    lineColor: ColorValue;
 }
 interface SetLineWidth {
     class: "Connector";

package/dist/types/Items/Drawing/Drawing.d.ts

@@ -12,6 +12,7 @@ import { LinkTo } from "../LinkTo/LinkTo";
 import { DocumentFactory } from "../../api/DocumentFactory";
 import { Board } from "../../Board";
 import { BaseItem } from "../BaseItem/BaseItem";
+import { ColorValue } from "../../..";
 export interface DrawingData {
     itemType: "Drawing";
     points: {
@@ -19,7 +20,7 @@ export interface DrawingData {
         y: number;
     }[];
     transformation: TransformationData;
-    strokeStyle: string;
+    strokeStyle: ColorValue | string;
     strokeWidth: number;
     linkTo?: string;
 }
@@ -35,6 +36,7 @@ export declare class Drawing extends BaseItem {
     private lines;
     readonly linkTo: LinkTo;
     strokeWidth: BorderWidth;
+    borderColor: ColorValue;
     borderStyle: BorderStyle;
     private linePattern;
     private borderOpacity;
@@ -64,8 +66,8 @@ export declare class Drawing extends BaseItem {
     getStrokeOpacity(): number;
     setBorderStyle(style: BorderStyle): this;
     getBorderStyle(): BorderStyle;
-    setStrokeColor(color: string): this;
-    getStrokeColor(): string;
+    setStrokeColor(color: ColorValue): this;
+    getStrokeColor(): ColorValue;
     setStrokeWidth(width: number): this;
     getLinkTo(): string | undefined;
     getStrokeWidth(): number;

package/dist/types/Items/Drawing/DrawingOperation.d.ts

@@ -1,9 +1,10 @@
 import { BorderStyle } from "../Path";
+import { ColorValue } from "../../..";
 interface DrawingSetStrokeColorOp {
     class: "Drawing";
     method: "setStrokeColor";
     item: string[];
-    color: string;
+    color: ColorValue;
 }
 interface DrawingSetStrokeWidthOp {
     class: "Drawing";

package/dist/types/Items/Frame/Frame.d.ts

@@ -12,13 +12,14 @@ import { FrameData } from "./FrameData";
 import { DocumentFactory } from "../../api/DocumentFactory";
 import { ResizeType } from "../../Selection/Transformer/TransformerHelpers/getResizeType";
 import { BaseItem } from "../BaseItem";
+import { ColorValue } from "../../..";
 export declare class Frame extends BaseItem {
     private getItemById;
     private name;
     private shapeType;
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     backgroundOpacity: number;
-    borderColor: string;
+    borderColor: ColorValue;
     borderOpacity: number;
     borderStyle: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash";
     borderWidth: number;
@@ -36,7 +37,7 @@ export declare class Frame extends BaseItem {
     canBeNested: boolean;
     newShape: FrameType | null;
     transformationRenderBlock?: boolean;
-    constructor(board: Board, getItemById: (id: string) => Item | undefined, id?: string, name?: string, shapeType?: "Custom" | "A4" | "Letter" | "Frame16x9" | "Frame4x3" | "Frame1x1" | "Frame3x2" | "Frame9x18", backgroundColor?: string, backgroundOpacity?: number, borderColor?: string, borderOpacity?: number, borderStyle?: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash", borderWidth?: number);
+    constructor(board: Board, getItemById: (id: string) => Item | undefined, id?: string, name?: string, shapeType?: "Custom" | "A4" | "Letter" | "Frame16x9" | "Frame4x3" | "Frame1x1" | "Frame3x2" | "Frame9x18", backgroundColor?: ColorValue, backgroundOpacity?: number, borderColor?: ColorValue, borderOpacity?: number, borderStyle?: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash", borderWidth?: number);
     setBoard(board: Board): this;
     /** Sets parent of child and emits add child message */
     /**
@@ -90,12 +91,12 @@ export declare class Frame extends BaseItem {
     getCanChangeRatio(): boolean;
     private applyCanChangeRatio;
     setCanChangeRatio(canChangeRatio: boolean): void;
-    getBorderColor(): string;
+    getBorderColor(): ColorValue;
     getBorderWidth(): number;
-    getBackgroundColor(): string;
+    getBackgroundColor(): ColorValue;
     setNewShape(type: FrameType | null): void;
     private applyBackgroundColor;
-    setBackgroundColor(backgroundColor: string): void;
+    setBackgroundColor(backgroundColor: ColorValue): void;
     getExportName(): string;
     export(board: Board, name?: string): Promise<SnapshotInfo>;
     render(context: DrawingContext): void;

package/dist/types/Items/Frame/FrameData.d.ts

@@ -2,6 +2,7 @@ import { DefaultTransformationData, TransformationData } from '../Transformation
 import { RichTextData } from '../RichText';
 import { BorderStyle, BorderWidth } from '../Path';
 import { FrameType } from './Basic';
+import { ColorValue } from '../../..';
 export declare const FRAME_BORDER_COLOR = "rgba(10, 15, 41, 0.08)";
 export declare const FRAME_HIGHLIGHTER_BORDER_COLOR = "#93AFF6";
 export declare const FRAME_CHILDREN_HIGHLIGHTER_COLOR = "rgb(10, 15, 41, .08)";
@@ -37,9 +38,9 @@ export declare const FRAME_FILL_COLOR: string;
 export interface FrameData {
     readonly itemType: 'Frame';
     shapeType: FrameType;
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     backgroundOpacity: number;
-    borderColor: string;
+    borderColor: ColorValue;
     borderOpacity: number;
     borderStyle: BorderStyle;
     borderWidth: BorderWidth;
@@ -51,9 +52,9 @@ export interface FrameData {
 }
 export declare class DefaultFrameData implements FrameData {
     shapeType: FrameType;
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     backgroundOpacity: number;
-    borderColor: string;
+    borderColor: ColorValue;
     borderOpacity: number;
     borderStyle: BorderStyle;
     borderWidth: BorderWidth;
@@ -63,5 +64,5 @@ export declare class DefaultFrameData implements FrameData {
     canChangeRatio: boolean;
     linkTo?: string | undefined;
     readonly itemType = "Frame";
-    constructor(shapeType?: FrameType, backgroundColor?: string, backgroundOpacity?: number, borderColor?: string, borderOpacity?: number, borderStyle?: BorderStyle, borderWidth?: BorderWidth, transformation?: DefaultTransformationData, children?: string[], text?: RichTextData, canChangeRatio?: boolean, linkTo?: string | undefined);
+    constructor(shapeType?: FrameType, backgroundColor?: ColorValue, backgroundOpacity?: number, borderColor?: ColorValue, borderOpacity?: number, borderStyle?: BorderStyle, borderWidth?: BorderWidth, transformation?: DefaultTransformationData, children?: string[], text?: RichTextData, canChangeRatio?: boolean, linkTo?: string | undefined);
 }

package/dist/types/Items/Frame/FrameOperation.d.ts

@@ -1,9 +1,10 @@
 import { FrameType } from "./Basic";
+import { ColorValue } from "../../..";
 interface SetBackgroundColor {
     class: "Frame";
     method: "setBackgroundColor";
     item: string[];
-    backgroundColor: string;
+    backgroundColor: ColorValue;
 }
 interface SetCanChangeRatio {
     class: "Frame";

package/dist/types/Items/Mbr/Mbr.d.ts

@@ -16,12 +16,12 @@ export declare class Mbr implements Geometry {
     top: number;
     right: number;
     bottom: number;
-    borderColor: string;
-    backgroundColor: string;
+    borderColor: string | import("../../Color/ColorValue").ColorValue;
+    backgroundColor: string | import("../../Color/ColorValue").ColorValue;
     strokeWidth: number;
     borderStyle: BorderStyle;
     static fromDomRect(rect: DOMRect): Mbr;
-    constructor(left?: number, top?: number, right?: number, bottom?: number, borderColor?: string, backgroundColor?: string, strokeWidth?: number, borderStyle?: BorderStyle);
+    constructor(left?: number, top?: number, right?: number, bottom?: number, borderColor?: string | import("../../Color/ColorValue").ColorValue, backgroundColor?: string | import("../../Color/ColorValue").ColorValue, strokeWidth?: number, borderStyle?: BorderStyle);
     getWidth(): number;
     getHeight(): number;
     getCenter(): Point;

package/dist/types/Items/Shape/Shape.d.ts

@@ -13,6 +13,7 @@ import { Board } from "../../Board";
 import { Subject } from "../../Subject";
 import { DocumentFactory } from "../../api/DocumentFactory";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
+import { ColorValue } from "../../..";
 export declare const Shapes: {
     BPMN_Gateway: {
         name: string;
@@ -345,9 +346,9 @@ export declare const Shapes: {
 };
 export declare class Shape extends BaseItem {
     shapeType: ShapeType;
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     backgroundOpacity: number;
-    borderColor: string;
+    borderColor: ColorValue;
     borderOpacity: number;
     borderStyle: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash";
     borderWidth: number;
@@ -361,7 +362,7 @@ export declare class Shape extends BaseItem {
     readonly linkTo: LinkTo;
     readonly subject: Subject<Shape>;
     transformationRenderBlock?: boolean;
-    constructor(board: Board, id?: string, shapeType?: ShapeType, backgroundColor?: string, backgroundOpacity?: number, borderColor?: string, borderOpacity?: number, borderStyle?: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash", borderWidth?: number, mbr?: Mbr);
+    constructor(board: Board, id?: string, shapeType?: ShapeType, backgroundColor?: ColorValue, backgroundOpacity?: number, borderColor?: ColorValue, borderOpacity?: number, borderStyle?: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash", borderWidth?: number, mbr?: Mbr);
     private saveShapeData;
     emit(operation: ShapeOperation): void;
     serialize(): ShapeData;
@@ -374,17 +375,17 @@ export declare class Shape extends BaseItem {
     getLinkTo(): string | undefined;
     private applyShapeType;
     setShapeType(shapeType: ShapeType): void;
-    getBackgroundColor(): string;
+    getBackgroundColor(): ColorValue;
     private applyBackgroundColor;
-    setBackgroundColor(backgroundColor: string): void;
+    setBackgroundColor(backgroundColor: ColorValue): void;
     getBackgroundOpacity(): number;
-    getBorderColor(): string;
+    getBorderColor(): ColorValue;
     getBorderWidth(): number;
     private applyBackgroundOpacity;
     setBackgroundOpacity(backgroundOpacity: number): void;
-    getStrokeColor(): string;
+    getStrokeColor(): ColorValue;
     private applyBorderColor;
-    setBorderColor(borderColor: string): void;
+    setBorderColor(borderColor: ColorValue): void;
     getBorderOpacity(): number;
     private applyBorderOpacity;
     setBorderOpacity(borderOpacity: number): void;

package/dist/types/Items/Shape/ShapeData.d.ts

@@ -3,12 +3,13 @@ import { RichTextData } from "../RichText";
 import { DefaultRichTextData } from "../RichText/RichTextData";
 import { TransformationData, DefaultTransformationData } from "../Transformation";
 import { ShapeType } from "./index";
+import { ColorValue } from "../../..";
 export interface ShapeData {
     readonly itemType: "Shape";
     shapeType: ShapeType;
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     backgroundOpacity: number;
-    borderColor: string;
+    borderColor: ColorValue;
     borderOpacity: number;
     borderStyle: BorderStyle;
     borderWidth: BorderWidth;
@@ -18,9 +19,9 @@ export interface ShapeData {
 }
 export declare class DefaultShapeData implements ShapeData {
     shapeType: ShapeType;
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     backgroundOpacity: number;
-    borderColor: string;
+    borderColor: ColorValue;
     borderOpacity: number;
     borderStyle: BorderStyle;
     borderWidth: BorderWidth;
@@ -28,7 +29,7 @@ export declare class DefaultShapeData implements ShapeData {
     text: DefaultRichTextData;
     linkTo?: string | undefined;
     readonly itemType = "Shape";
-    constructor(shapeType?: ShapeType, backgroundColor?: string, backgroundOpacity?: number, borderColor?: string, borderOpacity?: number, borderStyle?: BorderStyle, borderWidth?: BorderWidth, transformation?: DefaultTransformationData, text?: DefaultRichTextData, linkTo?: string | undefined);
+    constructor(shapeType?: ShapeType, backgroundColor?: ColorValue, backgroundOpacity?: number, borderColor?: ColorValue, borderOpacity?: number, borderStyle?: BorderStyle, borderWidth?: BorderWidth, transformation?: DefaultTransformationData, text?: DefaultRichTextData, linkTo?: string | undefined);
 }
 export declare const ADD_TO_SELECTION = true;
 export declare const DEFAULT_SHAPE: ShapeType | "None";

package/dist/types/Items/Shape/ShapeOperation.d.ts

@@ -1,5 +1,6 @@
 import { BorderStyle } from "../Path";
 import { ShapeType } from "./index";
+import { ColorValue } from "../../..";
 export type ShapeOperation = SetBackgroundColor | SetBackgroundOpacity | SetBorderColor | SetBorderOpacity | SetBorderStyle | SetBorderWidth | SetShapeType;
 interface BaseShapeOperation {
     class: "Shape";
@@ -7,7 +8,7 @@ interface BaseShapeOperation {
 }
 interface SetBackgroundColor extends BaseShapeOperation {
     method: "setBackgroundColor";
-    backgroundColor: string;
+    backgroundColor: ColorValue;
 }
 interface SetBackgroundOpacity extends BaseShapeOperation {
     method: "setBackgroundOpacity";
@@ -15,7 +16,7 @@ interface SetBackgroundOpacity extends BaseShapeOperation {
 }
 interface SetBorderColor extends BaseShapeOperation {
     method: "setBorderColor";
-    borderColor: string;
+    borderColor: ColorValue;
 }
 interface SetBorderOpacity extends BaseShapeOperation {
     method: "setBorderOpacity";

package/dist/types/Items/Sticker/Sticker.d.ts

@@ -15,6 +15,7 @@ import { LinkTo } from "../LinkTo/LinkTo";
 import { Board } from "../../Board";
 import { DocumentFactory } from "../../api/DocumentFactory";
 import { BaseItem } from "../BaseItem";
+import { ColorValue } from "../../..";
 export declare const stickerColors: {
     [color: string]: string;
 };
@@ -25,7 +26,7 @@ export declare const StickerShape: {
     DEFAULTS: number[];
 };
 export declare class Sticker extends BaseItem {
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     parent: string;
     readonly itemType = "Sticker";
     readonly transformation: Transformation;
@@ -35,7 +36,7 @@ export declare class Sticker extends BaseItem {
     text: RichText;
     readonly subject: Subject<Sticker>;
     transformationRenderBlock?: boolean;
-    constructor(board: Board, id?: string, backgroundColor?: string);
+    constructor(board: Board, id?: string, backgroundColor?: ColorValue);
     emit(operation: StickerOperation): void;
     saveStickerData(): void;
     serialize(): StickerData;
@@ -44,10 +45,10 @@ export declare class Sticker extends BaseItem {
     setId(id: string): this;
     getId(): string;
     apply(op: Operation): void;
-    getBackgroundColor(): string;
+    getBackgroundColor(): ColorValue;
     getWidth(): number;
     private applyBackgroundColor;
-    setBackgroundColor(backgroundColor: string): void;
+    setBackgroundColor(backgroundColor: ColorValue): void;
     getIntersectionPoints(segment: Line): Point[];
     getMbr(): Mbr;
     getNearestEdgePointTo(point: Point): Point;

package/dist/types/Items/Sticker/StickerOperation.d.ts

@@ -1,19 +1,20 @@
 import { LinkTo } from '../LinkTo/LinkTo';
 import { DefaultRichTextData } from '../RichText/RichTextData';
 import { DefaultTransformationData } from '../Transformation/TransformationData';
+import { ColorValue } from '../../..';
 export declare class StickerData {
-    backgroundColor: string;
+    backgroundColor: ColorValue;
     transformation: DefaultTransformationData;
     linkTo?: (string | LinkTo) | undefined;
     text: DefaultRichTextData;
     readonly itemType = "Sticker";
-    constructor(backgroundColor?: string, transformation?: DefaultTransformationData, linkTo?: (string | LinkTo) | undefined, text?: DefaultRichTextData);
+    constructor(backgroundColor?: ColorValue, transformation?: DefaultTransformationData, linkTo?: (string | LinkTo) | undefined, text?: DefaultRichTextData);
 }
 interface SetBackgroundColor {
     class: 'Sticker';
     method: 'setBackgroundColor';
     item: string[];
-    backgroundColor: string;
+    backgroundColor: ColorValue;
 }
 export type StickerOperation = SetBackgroundColor;
 export {};

package/dist/types/Settings.d.ts

@@ -4,6 +4,7 @@ import { BrowserPath2D } from "./api/BrowserPath2DFactory";
 import { MockDocumentFactory } from "./api/MockDocumentFactory";
 import { MockPath2D } from "./api/MockPath2D";
 import type { BorderStyle } from "./Items/Path/Path";
+import type { Theme } from "./Color/ColorValue";
 export interface Connection {
     connectionId: number;
     getCurrentUser: () => string;
@@ -142,6 +143,12 @@ export declare const conf: {
         plus: string;
         plusAI: string;
     };
+    /**
+     * Active display theme. Set this before mounting the board, or call
+     * `setTheme()` at runtime to trigger a full re-render of all semantic
+     * colours across the canvas.
+     */
+    theme: Theme;
     EVENTS_PUBLISH_INTERVAL: number;
     EVENTS_RESEND_INTERVAL: number;
     SELECTION_COLOR: string;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./Color";
 export * from "./Board";
 export * from "./Items";
 export * from "./BoardCommand";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",