@multiplatform.one/theme 7.72.0 → 7.74.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/theme",
-  "version": "7.72.0",
+  "version": "7.74.0",
   "description": "Tamagui theme system for multiplatform.one",
   "keywords": [
     "multiplatform",
@@ -72,8 +72,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/platform": "^7.72.0",
-    "@multiplatform.one/store": "^7.72.0",
+    "@multiplatform.one/platform": "^7.74.0",
+    "@multiplatform.one/store": "^7.74.0",
     "@tamagui/animations-react-native": "2.7.6",
     "@tamagui/colors": "2.7.6",
     "@tamagui/config": "2.7.6",
@@ -89,8 +89,8 @@
   },
   "devDependencies": {
     "@expo/prebuild-config": "55.0.18",
-    "@multiplatform.one/config": "7.72.0",
-    "@multiplatform.one/test-utils": "7.72.0",
+    "@multiplatform.one/config": "7.74.0",
+    "@multiplatform.one/test-utils": "7.74.0",
     "@tamagui/animations-css": "2.7.6",
     "@tamagui/animations-reanimated": "2.7.6",
     "@tamagui/font-inter": "2.7.6",

package/src/theme/glyphTint.spec.ts

@@ -0,0 +1,53 @@
+import { describe, expect, it } from "vitest";
+import { contrastRatio, relativeLuminance } from "./colorRules";
+import {
+  GLYPH_CONTRAST_FLOOR,
+  glyphTintFallback,
+  holdHueToFloor,
+  platformSystemTint,
+  resolveGlyphTint,
+} from "./glyphTint";
+
+const ratio = (a: string, b: string) => contrastRatio(relativeLuminance(a), relativeLuminance(b));
+
+describe("LC-176 glyph tint (FZ-8020 r4)", () => {
+  const light = { dark: false, surfaces: ["#f7f7f7", "#ffffff"], ink: "#111111" };
+  const dark = { dark: true, surfaces: ["#111111", "#191919"], ink: "#eeeeee" };
+
+  it("ships ink as the house default (Clay, rv_d2757722a7cb0992)", () => {
+    expect(glyphTintFallback).toBe("ink");
+  });
+
+  it("a hued theme keeps its own hue whatever the fallback", () => {
+    for (const fallback of ["ink", "system", "accent"] as const)
+      expect(resolveGlyphTint({ hue: "#cc4e00", fallback, ...light })).toEqual({
+        glyph: "#cc4e00",
+        label: "#cc4e00",
+      });
+  });
+
+  it("ink is the text colour", () => {
+    expect(resolveGlyphTint({ hue: undefined, fallback: "ink", ...dark }).glyph).toBe("#eeeeee");
+  });
+
+  it.each([
+    ["light", light],
+    ["dark", dark],
+  ] as const)(
+    "%s: the system tint is systemBlue, held to 3:1 for a glyph and AA for a label",
+    (_, scheme) => {
+      const tint = resolveGlyphTint({ hue: undefined, fallback: "system", ...scheme });
+      expect(tint.glyph.toLowerCase()).toBe(platformSystemTint(scheme.dark).toLowerCase());
+      for (const surface of scheme.surfaces) {
+        expect(ratio(tint.glyph, surface)).toBeGreaterThanOrEqual(GLYPH_CONTRAST_FLOOR);
+        expect(ratio(tint.label, surface)).toBeGreaterThanOrEqual(4.5);
+      }
+    },
+  );
+
+  it("holding a hue to a floor only moves its lightness toward the ink pole", () => {
+    const held = holdHueToFloor("#007AFF", ["#ffffff"], false, 4.5);
+    expect(ratio(held, "#ffffff")).toBeGreaterThanOrEqual(4.5);
+    expect(parseInt(held.slice(5, 7), 16)).toBeGreaterThan(parseInt(held.slice(1, 3), 16));
+  });
+});

package/src/theme/glyphTint.ts

@@ -0,0 +1,128 @@
+import { createContext, useContext, useMemo } from "react";
+import { useThemeName } from "tamagui";
+import {
+  aaTextContrastRatio,
+  contrastRatio,
+  normalizeToHex,
+  relativeLuminance,
+} from "./colorRules";
+import { isDarkThemeName } from "./controlTiers";
+import { useIdentityHue } from "./readableColor";
+
+/**
+ * LC-176: what tints an icon button (and the label of a bar button beside it)
+ * when the theme has no hue of its own. A colour theme always tints with its
+ * hue; this only decides the house theme, whose accent is its text colour.
+ *
+ * - `ink`: the text colour, so the glyph reads as bold mono.
+ * - `system`: the platform's system tint, UIKit's default `tintColor`.
+ * - `accent`: one MPO house hue, the same on every platform.
+ */
+export type GlyphTintFallback = "ink" | "system" | "accent";
+
+/**
+ * The one line that picks the house theme's icon-button tint. Clay picked ink
+ * on compare rv_d2757722a7cb0992 (FZ-8020 r4): "Generally I would say it
+ * should be in black-and-white ... I don't know if we wanna color them all
+ * the time that might get hard to read."
+ */
+export const glyphTintFallback: GlyphTintFallback = "ink";
+
+/** UIKit `systemBlue`, light and dark. */
+const SYSTEM_TINT = { light: "#007AFF", dark: "#0A84FF" } as const;
+
+/** Radix violet 9, the candidate house hue for `accent`. */
+const HOUSE_ACCENT = { light: "#6E56CF", dark: "#6E56CF" } as const;
+
+/** WCAG 1.4.11: a glyph is a graphical object, so 3:1 holds it. */
+export const GLYPH_CONTRAST_FLOOR = 3;
+
+/** Android has no system tint of its own, so every platform takes iOS's. */
+export function platformSystemTint(dark: boolean): string {
+  return SYSTEM_TINT[dark ? "dark" : "light"];
+}
+
+const GlyphTintFallbackContext = createContext<GlyphTintFallback>(glyphTintFallback);
+
+/** Renders a subtree under another fallback, so one Storybook build can compare them. */
+export const GlyphTintFallbackProvider = GlyphTintFallbackContext.Provider;
+
+function mix(hex: string, pole: number, share: number): string {
+  return `#${[1, 3, 5]
+    .map((offset) => {
+      const channel = parseInt(hex.slice(offset, offset + 2), 16);
+      return Math.round(channel + (pole - channel) * share)
+        .toString(16)
+        .padStart(2, "0");
+    })
+    .join("")}`;
+}
+
+/**
+ * `hue` moved toward the scheme's ink pole (black on a light page, white on a
+ * dark one) by the least amount that clears `floor` on every surface, so the
+ * hue survives and only its lightness gives.
+ */
+export function holdHueToFloor(
+  hue: string,
+  surfaces: readonly (string | undefined)[],
+  dark: boolean,
+  floor: number,
+): string {
+  const hueHex = normalizeToHex(hue);
+  const lums = surfaces
+    .map((surface) => (surface ? normalizeToHex(surface) : null))
+    .filter((hex): hex is string => hex != null)
+    .map(relativeLuminance);
+  if (!hueHex || lums.length === 0) return hue;
+  const clears = (hex: string) => {
+    const lum = relativeLuminance(hex);
+    return lums.every((surface) => contrastRatio(lum, surface) >= floor);
+  };
+  if (clears(hueHex)) return hue;
+  const pole = dark ? 255 : 0;
+  for (let step = 1; step <= 50; step++) {
+    const candidate = mix(hueHex, pole, step * 0.02);
+    if (clears(candidate)) return candidate;
+  }
+  return dark ? "#ffffff" : "#000000";
+}
+
+export interface ResolveGlyphTintInput {
+  /** The theme's own identity hue on the page, when it has one. */
+  hue: string | undefined;
+  fallback: GlyphTintFallback;
+  dark: boolean;
+  surfaces: readonly (string | undefined)[];
+  ink: string;
+}
+
+/**
+ * The glyph tint (held to 3:1) and the label tint (held to AA text) for an
+ * icon or bar button. A hued theme keeps its hue; the house theme takes the
+ * fallback.
+ */
+export function resolveGlyphTint({ hue, fallback, dark, surfaces, ink }: ResolveGlyphTintInput): {
+  glyph: string;
+  label: string;
+} {
+  if (hue) return { glyph: hue, label: hue };
+  if (fallback === "ink") return { glyph: ink, label: ink };
+  const base =
+    fallback === "system" ? platformSystemTint(dark) : HOUSE_ACCENT[dark ? "dark" : "light"];
+  return {
+    glyph: holdHueToFloor(base, surfaces, dark, GLYPH_CONTRAST_FLOOR),
+    label: holdHueToFloor(base, surfaces, dark, aaTextContrastRatio),
+  };
+}
+
+/** LC-176: the live theme's icon-button tint, glyph and label. */
+export function useGlyphTintOnSurface(): { glyph: string; label: string } {
+  const fallback = useContext(GlyphTintFallbackContext);
+  const dark = isDarkThemeName(useThemeName() as string | undefined);
+  const { hue, c1, c2, ink } = useIdentityHue();
+  return useMemo(
+    () => resolveGlyphTint({ hue, fallback, dark, surfaces: [c1, c2], ink }),
+    [hue, fallback, dark, c1, c2, ink],
+  );
+}

package/src/theme/index.ts

@@ -13,6 +13,7 @@ export * from "./dynamicType";
 export * from "./fieldFocus";
 export * from "./focusState";
 export * from "./glyphPaint";
+export * from "./glyphTint";
 export * from "./fontCategoryMetrics";
 export * from "./fontCategoryStacks";
 export * from "./FontKnobStyles";

package/src/theme/readableColor.ts

@@ -250,6 +250,27 @@ export function useIdentityInkOnSurface(): string {
   );
 }
 
+/**
+ * The live theme's identity hue on the page (the {@link useIdentityInkOnSurface}
+ * pick), `undefined` for a theme with no hue, with the surfaces and ink it
+ * was judged on.
+ */
+export function useIdentityHue(): {
+  hue: string | undefined;
+  c1: string | undefined;
+  c2: string | undefined;
+  ink: string;
+} {
+  const { candidates, c1, c2, ink } = useIdentityInputs();
+  const candidateKey = candidates.join("|");
+  const hue = useMemo(
+    () => pickIdentityInk(candidates, [c1, c2]),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [candidateKey, c1, c2],
+  );
+  return { hue, c1, c2, ink };
+}
+
 const ACCENT_WASH_RATIO = 1.2;
 
 export interface ResolveAccentTintedSurfaceInput {

package/types/theme/glyphTint.d.ts

@@ -0,0 +1,52 @@
+/**
+ * LC-176: what tints an icon button (and the label of a bar button beside it)
+ * when the theme has no hue of its own. A colour theme always tints with its
+ * hue; this only decides the house theme, whose accent is its text colour.
+ *
+ * - `ink`: the text colour, so the glyph reads as bold mono.
+ * - `system`: the platform's system tint, UIKit's default `tintColor`.
+ * - `accent`: one MPO house hue, the same on every platform.
+ */
+export type GlyphTintFallback = "ink" | "system" | "accent";
+/**
+ * The one line that picks the house theme's icon-button tint. Clay picked ink
+ * on compare rv_d2757722a7cb0992 (FZ-8020 r4): "Generally I would say it
+ * should be in black-and-white ... I don't know if we wanna color them all
+ * the time that might get hard to read."
+ */
+export declare const glyphTintFallback: GlyphTintFallback;
+/** WCAG 1.4.11: a glyph is a graphical object, so 3:1 holds it. */
+export declare const GLYPH_CONTRAST_FLOOR = 3;
+/** Android has no system tint of its own, so every platform takes iOS's. */
+export declare function platformSystemTint(dark: boolean): string;
+/** Renders a subtree under another fallback, so one Storybook build can compare them. */
+export declare const GlyphTintFallbackProvider: import("react").Provider<GlyphTintFallback>;
+/**
+ * `hue` moved toward the scheme's ink pole (black on a light page, white on a
+ * dark one) by the least amount that clears `floor` on every surface, so the
+ * hue survives and only its lightness gives.
+ */
+export declare function holdHueToFloor(hue: string, surfaces: readonly (string | undefined)[], dark: boolean, floor: number): string;
+export interface ResolveGlyphTintInput {
+    /** The theme's own identity hue on the page, when it has one. */
+    hue: string | undefined;
+    fallback: GlyphTintFallback;
+    dark: boolean;
+    surfaces: readonly (string | undefined)[];
+    ink: string;
+}
+/**
+ * The glyph tint (held to 3:1) and the label tint (held to AA text) for an
+ * icon or bar button. A hued theme keeps its hue; the house theme takes the
+ * fallback.
+ */
+export declare function resolveGlyphTint({ hue, fallback, dark, surfaces, ink }: ResolveGlyphTintInput): {
+    glyph: string;
+    label: string;
+};
+/** LC-176: the live theme's icon-button tint, glyph and label. */
+export declare function useGlyphTintOnSurface(): {
+    glyph: string;
+    label: string;
+};
+//# sourceMappingURL=glyphTint.d.ts.map

package/types/theme/glyphTint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphTint.d.ts","sourceRoot":"","sources":["../../src/theme/glyphTint.ts"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBAAyB,CAAC;AAQ1D,mEAAmE;AACnE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,4EAA4E;AAC5E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAExD;AAID,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,6CAAoC,CAAC;AAa3E;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,EACzC,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,GACZ,MAAM,CAkBR;AAED,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,qBAAqB,GAAG;IAC/F,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CASA;AAED,kEAAkE;AAClE,wBAAgB,qBAAqB,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQxE"}

package/types/theme/index.d.ts

@@ -13,6 +13,7 @@ export * from "./dynamicType";
 export * from "./fieldFocus";
 export * from "./focusState";
 export * from "./glyphPaint";
+export * from "./glyphTint";
 export * from "./fontCategoryMetrics";
 export * from "./fontCategoryStacks";
 export * from "./FontKnobStyles";

package/types/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,MAAM,IAAI,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACjF,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAElC,cAAc,UAAU,CAAC;AACzB,OAAO,EACL,eAAe,IAAI,kBAAkB,EACrC,kBAAkB,EAClB,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEpF,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,MAAM,IAAI,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACjF,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAElC,cAAc,UAAU,CAAC;AACzB,OAAO,EACL,eAAe,IAAI,kBAAkB,EACrC,kBAAkB,EAClB,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEpF,cAAc,YAAY,CAAC"}

package/types/theme/readableColor.d.ts

@@ -67,6 +67,17 @@ export declare function useAccentOnSurface(): string;
  * {@link useAccentOnSurface} does there.
  */
 export declare function useIdentityInkOnSurface(): string;
+/**
+ * The live theme's identity hue on the page (the {@link useIdentityInkOnSurface}
+ * pick), `undefined` for a theme with no hue, with the surfaces and ink it
+ * was judged on.
+ */
+export declare function useIdentityHue(): {
+    hue: string | undefined;
+    c1: string | undefined;
+    c2: string | undefined;
+    ink: string;
+};
 export interface ResolveAccentTintedSurfaceInput {
     solid?: string;
     paper?: string;

package/types/theme/readableColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readableColor.d.ts","sourceRoot":"","sources":["../../src/theme/readableColor.ts"],"names":[],"mappings":"AA2BA;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAU/E;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,MAAM,GAAG,SAAS,CAarB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAYpF;AA0CD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,UAAU,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,CAET;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,WAAW,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC7C,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,CAkBT;AAyBD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAS3C;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAQhD;AAID,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,GACN,EAAE,+BAA+B,GAAG,MAAM,GAAG,SAAS,CAmBtD;AAED,wEAAwE;AACxE,wBAAgB,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAK3D"}
+{"version":3,"file":"readableColor.d.ts","sourceRoot":"","sources":["../../src/theme/readableColor.ts"],"names":[],"mappings":"AA2BA;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAU/E;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,MAAM,GAAG,SAAS,CAarB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAYpF;AA0CD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,UAAU,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,CAET;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,WAAW,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC7C,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,CAkBT;AAyBD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAS3C;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAQhD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI;IAChC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb,CASA;AAID,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,GACN,EAAE,+BAA+B,GAAG,MAAM,GAAG,SAAS,CAmBtD;AAED,wEAAwE;AACxE,wBAAgB,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAK3D"}