@synopackageland/ui 0.14.10 → 0.15.0

package/dist/lib/accent.d.ts

@@ -1,17 +1,24 @@
 export interface AccentScale {
     /** Steps 1–12, opaque. */
     steps: string[];
-    /** Steps 1–8 as the accent at a lower opacity, which read the same on white. */
+    /** Steps 1–8 as the accent at a lower opacity, which read the same on the scale's card. */
     alpha: string[];
     /** Text on a step 9 or 10 fill. */
     contrast: string;
 }
+export interface AccentOptions {
+    /** Derive the steps for the dark theme (src/theme/dark.css): tints on its card, text lightened instead of darkened. */
+    dark?: boolean;
+}
+export declare const DARK_SURFACE = "#1b1f1c";
 /**
  * Twelve steps from one opaque colour: step 9 is the colour, darkened in its
  * own hue only as far as a white label needs to read on it; steps 1–8 tint it
- * at the opacities DSM tints its blue with; steps 10–12 add black for the
- * hovered fill and for text that reads on the tints.
+ * at the opacities DSM tints its blue with; step 10 adds black for the hovered
+ * fill and steps 11–12 are text that reads on the tints. On white the text
+ * steps add black; with `dark` the tints lie on the dark card and the text
+ * steps add white, so links and selected labels stay readable there.
  */
-export declare function accentScale(color: string): AccentScale;
+export declare function accentScale(color: string, { dark }?: AccentOptions): AccentScale;
 /** The accent as the custom properties an app root sets (AppRoot `accent`). */
-export declare function accentStyle(color: string): Record<string, string>;
+export declare function accentStyle(color: string, options?: AccentOptions): Record<string, string>;

package/dist/lib/color.d.ts

@@ -7,6 +7,8 @@ export declare function formatColor([r, g, b, a]: Rgba): string;
 export declare function over(top: Rgba, under: Rgba): Rgba;
 /** `color` with `amount` (0–1) of black mixed in, as DSM darkens a hovered or pressed fill. */
 export declare function mixBlack([r, g, b, a]: Rgba, amount: number): Rgba;
+/** `color` with `amount` (0–1) of white mixed in, as a dark theme lifts a colour off its page. */
+export declare function mixWhite([r, g, b, a]: Rgba, amount: number): Rgba;
 /** WCAG 2 relative luminance of an opaque colour. */
 export declare function relativeLuminance([r, g, b]: Rgba): number;
 /**

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.10.5",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "14f10159b60d48ac7a0686f58faf7a30e99898dc267b3c032cf2bdd6052dc52b",
-  "bundleSha256": "1bcaf322c85f4ae9454740d0d88b123b81366d65e75505432a630c641117cf5e",
+  "bundleSha256": "6bb6164f936a111eff6392231f3aa1eae75ecadf714f65b968d23f74313b6ef6",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "657592f283cb6fd25454abd284a0024af21936cb56e05b762ff0d22b6a979d32",
     "DismissableLayer/DismissableLayer.js": "da05ca544d9822a8e2b71057e78c0e1ef59423aa3893534338fb58e1ecbd1a8d",