@qoretechnologies/reqore 0.78.10 → 0.78.11-pr.723.g4423093

package/dist/helpers/colors.d.ts

@@ -1,17 +1,126 @@
 import { TReqoreEffectColor, TReqoreEffectGradientColors, TReqoreEffectGradientColorsObject, TReqoreHexColor, TReqoreMultiTypeColor, TReqoreRgbaColor } from '../components/Effect';
 import { IReqoreTheme, TReqoreIntent } from '../constants/theme';
+/**
+ * A helper's memory of its results (see `COLOR_CACHE_SIZE`): `remember(key, compute)`. Also for a component's
+ * color work that is a function of its key alone (an effect's gradient pass): not part of the package's API.
+ */
+export declare const createColorCache: <T>() => (key: string, compute: () => T) => T;
+/** One key for any list of a helper's arguments (colors, numbers, flags, lists of colors). */
+export declare const cacheKey: (...parts: unknown[]) => string;
+/**
+ * What of a theme the helpers that take one read: its main, the main it was made from, and its intents. The
+ * intents are written out once per intents object.
+ */
+export declare const getThemeColorKey: (theme: Partial<IReqoreTheme>) => string;
 export declare const getReadableColor: (theme: Partial<IReqoreTheme>, ifLight?: TReqoreHexColor, ifDark?: TReqoreHexColor, dimmed?: boolean, fallback?: TReqoreHexColor) => TReqoreHexColor;
-export declare const getReadableColorFrom: (from: TReqoreHexColor, dim?: boolean, ifLight?: TReqoreHexColor, ifDark?: TReqoreHexColor) => TReqoreHexColor;
+/**
+ * How far text has to stand out from what it is drawn on (WCAG 2.1 AA, 1.4.3): 4.5:1.
+ */
+export declare const READABLE_TEXT_CONTRAST = 4.5;
+/**
+ * How far an icon (or any other graphic a control needs to be understood) and large text have to stand out from
+ * what they are drawn on (WCAG 2.1 AA, 1.4.11 and 1.4.3): 3:1.
+ */
+export declare const READABLE_ICON_CONTRAST = 3;
+/** The least size (px) from which bold text is large in WCAG's sense (14pt), and needs to stand out by 3:1 only. */
+export declare const LARGE_BOLD_TEXT_PX = 18.66;
+/** Whether the helpers can read `color` (see `parseColor`). */
+export declare const isReadableColor: (color: unknown) => boolean;
+/**
+ * `color` at `alpha`, as polished's `rgba(color, alpha)` writes it. A color it cannot read (a CSS variable,
+ * `currentColor`) is drawn as given, not thrown on: at an alpha below 1, mixed with nothing by the browser
+ * (`color-mix(in srgb, var(--brand) 20%, transparent)`), so a wash of it is still a wash and not the solid color
+ * the text on it is written in.
+ */
+export declare const getColorAtAlpha: (color: TReqoreMultiTypeColor | string, alpha: number) => string;
+/**
+ * `color` tinted toward white by `amount` and fully saturated: the light shade of it an outlined control (a minimal
+ * button, a minimal tag) starts its text from, before it is made to read (`getReadableAccentColorOn`). A translucent
+ * color is its own hue drawn opaque; one it cannot read is as it is.
+ */
+export declare const getSaturatedTint: (color: TReqoreMultiTypeColor | string, amount: number) => TReqoreHexColor;
+/**
+ * `color` as it is drawn over `under`: a translucent color blended into what is under it, the way the browser
+ * draws it, and an opaque one as it is. Without `under` (or over one it cannot read), a translucent color counts as
+ * its own hue drawn opaque. An opaque six-digit hex - except for a color that draws nothing there
+ * (`'transparent'` with nothing under it) or one it cannot read (a CSS variable), which comes back as it is given.
+ */
+export declare const getDrawnColor: (color: TReqoreMultiTypeColor | string, under?: TReqoreMultiTypeColor | string) => TReqoreHexColor;
+/**
+ * `color` at `opacity` of the alpha it already has: a translucent color (a theme made from the muted intent) drawn
+ * at a panel's opacity stays as translucent, and more. `rgba(color, opacity)` replaced its alpha, so a panel in the
+ * muted intent's near-white drawn at 19% was drawn near-white and opaque. A color it cannot read is as it is.
+ */
+export declare const fadeColor: (color: TReqoreMultiTypeColor | string, opacity: number) => string;
+/**
+ * The WCAG contrast ratio of two colors, each drawn opaque: from 1 to 21, not rounded. NaN when either cannot be
+ * read or draws nothing (a CSS variable, `'transparent'`): there is no telling how far it stands out.
+ */
+export declare const getContrastRatio: (first: TReqoreMultiTypeColor | string, second: TReqoreMultiTypeColor | string) => number;
+/**
+ * The text color that reads on every one of `backgrounds` (each drawn over `under` when it is translucent - the
+ * colors of a gradient, or a single surface): of the text colors for a light and for a dark background (`ifLight`,
+ * `ifDark`; black and white, a shade softer when `dim`), the one that stands out more. When even that one does not
+ * reach 4.5:1, a color the caller gave stays theirs (the better of their pair); the default shades give way to pure
+ * black or white, whichever stands out more: a dimmed shade is a nicety, being read is not. A background it cannot
+ * read is left out; with none left, the text for a dark background (Reqore's default theme).
+ */
+export declare const getReadableColorOn: (backgrounds: (TReqoreMultiTypeColor | string)[], dim?: boolean, ifLight?: TReqoreHexColor, ifDark?: TReqoreHexColor, under?: TReqoreMultiTypeColor | string) => TReqoreHexColor;
+/** A color, or each of the colors something may be drawn on (a gradient's, or a control's at rest and hovered). */
+export type TReqoreReadableBackground = TReqoreMultiTypeColor | string | (TReqoreMultiTypeColor | string)[];
+/**
+ * The least alpha (or opacity), from `alpha` up, at which `color` drawn over `background` (each of them, for a list)
+ * still stands out from it by `minContrast`: secondary text or an icon fades only as far as it can and still be read.
+ * `alpha` itself when it already reads; 1 when even the full color does not, which is for whoever chose that color to
+ * fix. A color or a background it cannot read (none given, a CSS variable) leaves `alpha` as it is: there is no
+ * telling how far it stands out.
+ */
+export declare const getReadableAlpha: (color: TReqoreMultiTypeColor | string, background: TReqoreReadableBackground, alpha: number, minContrast?: number) => number;
+/** A mark (a text, an icon) as drawn in a group: its color, at `alpha`, on `on` (opaque). */
+export interface IReqoreGroupMark {
+    color: TReqoreMultiTypeColor | string;
+    alpha: number;
+    on: TReqoreMultiTypeColor | string;
+}
+/**
+ * How far a group drawn as a whole (`opacity` on it: an idle rail resting dim) can be faded over `under` and every
+ * one of `marks` in it still stand out from what it is drawn on by `minContrast`: `opacity`, or as little more as
+ * it takes. Faded, a mark and what it is on both fade into `under`, so they draw closer together.
+ */
+export declare const getReadableGroupOpacity: (marks: IReqoreGroupMark[], under: TReqoreMultiTypeColor | string, opacity: number, minContrast?: number) => number;
+/** `color` at `alpha`, or at as much more as it needs to stand out from `background` (`getReadableAlpha`). */
+export declare const getReadableFadedColor: (color: TReqoreMultiTypeColor | string, background: TReqoreReadableBackground, alpha: number, minContrast?: number) => string;
+/**
+ * A theme's text color on every one of `backgrounds` (what a component is drawn in - each color of its gradient):
+ * the theme's own text color when it names one, else the one that reads on all of them (`getReadableColorOn`),
+ * dimmed when the theme dims its text.
+ */
+export declare const getReadableTextOn: (theme: Partial<IReqoreTheme>, backgrounds: TReqoreHexColor[], dimmed?: boolean) => TReqoreHexColor;
+/**
+ * The text color that reads on `from` (drawn over `under` when it is translucent): see `getReadableColorOn`.
+ */
+export declare const getReadableColorFrom: (from: TReqoreMultiTypeColor | string, dim?: boolean, ifLight?: TReqoreHexColor, ifDark?: TReqoreHexColor, under?: TReqoreMultiTypeColor | string) => TReqoreHexColor;
+/** Whether `color` is a gray (black and white included); false for one it cannot read. */
 export declare const isAchromatic: (color: TReqoreMultiTypeColor) => boolean;
 export declare const percentToHexAlpha: (p: number) => string;
+/**
+ * The red, green, blue (0-255) and alpha (0-1) of a color: a hex of 3, 4, 6 or 8 digits, `rgb()`/`rgba()`, or any
+ * other color polished reads (`hsl()`, a named one). NaN in each for one it cannot read (a CSS variable).
+ *
+ * A short hex is each of its digits doubled (`#fdc` is `#ffddcc`). It was repeated (`#fdcfdc`, another hue), and
+ * polished writes the colors it works out short wherever it can, so a readable shade made from one of them took
+ * the wrong hue: a minimal button in `#ff5500` had lilac text instead of peach.
+ */
 export declare const getRGBAFromHex: (color: TReqoreMultiTypeColor) => {
     r: number;
     g: number;
     b: number;
     a: number;
 };
+/** `hex` as `rgba(r, g, b, a)`; an `rgb()`/`rgba()` color, and one it cannot read, as it is. */
 export declare const hexAToRGBA: (hex: TReqoreMultiTypeColor) => TReqoreRgbaColor;
 export declare const RGBAToHexA: (rgba: any, forceRemoveAlpha?: boolean) => TReqoreHexColor;
+/** Whether `mainColor` is light (a lighter shade of it is made darker); false for one it cannot read. */
 export declare const shouldDarken: (mainColor: TReqoreMultiTypeColor) => boolean;
 export declare const getMainColor: (theme: IReqoreTheme, component: string) => TReqoreHexColor;
 export declare const changeLightness: (color: TReqoreHexColor, lightness?: number) => TReqoreHexColor;
@@ -20,7 +129,7 @@ export declare const changeDarkness: (color: TReqoreHexColor, lightness?: number
  * The colour without its alpha channel, as a six-digit hex: `#e6e6e630` → `#e6e6e6`,
  * `rgba(10, 102, 64, 0.5)` → `#0a6640`. For colour maths that needs the hue a colour
  * is drawn in rather than how faintly it is drawn (Reqore's muted intent, for one, is
- * an eight-digit hex).
+ * an eight-digit hex). A color it cannot read (a CSS variable) is as it is.
  */
 export declare const getOpaqueColor: (color: TReqoreMultiTypeColor) => TReqoreHexColor;
 /**
@@ -34,15 +143,88 @@ export declare const getOpaqueColor: (color: TReqoreMultiTypeColor) => TReqoreHe
  * ends at white or black, which always can.
  */
 export declare const getReadableAccentColor: (color: TReqoreMultiTypeColor, background: TReqoreMultiTypeColor, minContrast?: number) => TReqoreHexColor;
+/**
+ * `color` in the shade that stands out by `minContrast` from every one of `backgrounds` (see
+ * `getReadableAccentColor`): moved toward whichever of white and black stands out more from the worst of them, until
+ * it stands out from all of them - or is that white or black, when nothing does. Always a six-digit hex; a color it
+ * cannot read is as it is, and a background it cannot read is left out.
+ */
+export declare const getReadableAccentColorOn: (color: TReqoreMultiTypeColor, backgrounds: TReqoreMultiTypeColor[], minContrast?: number) => TReqoreHexColor;
+/**
+ * How a control draws an icon on `backgrounds` (what it is drawn on: one color, or each it may be) beside its `text`:
+ * in its own `color` or else in the text color it inherits; at `opacity`, or as much more as it needs to stand out
+ * by 3:1. A theme's color (an intent, the theme's main, a shade of one) is drawn in the shade of it that stands
+ * out by 3:1; any other color (an explicit hex) as it is given, as a standalone `ReqoreIcon` draws it. `color` is
+ * undefined when the icon inherits the text color.
+ */
+export declare const getReadableIconLook: (theme: IReqoreTheme, backgrounds: TReqoreHexColor[], text: TReqoreMultiTypeColor, opacity?: number, color?: TReqoreEffectColor) => {
+    color?: TReqoreHexColor;
+    opacity: number;
+};
+/**
+ * What a component is drawn on: one color, or each color of a gradient it is drawn on (a panel's, a card's).
+ */
+export type TReqoreSurface = TReqoreHexColor | TReqoreHexColor[];
+/**
+ * What a component is drawn on: `surface`, when a component around it has said (`useReqoreSurface`), or else the
+ * surface of the theme it was picked in - the layout's, the theme's main a step lighter (`getMainBackgroundColor`).
+ * One color: the first of a gradient's (`getThemeSurfaces` gives every one).
+ */
+export declare const getThemeSurface: (theme: IReqoreTheme, surface?: TReqoreSurface | TReqoreMultiTypeColor | string) => TReqoreHexColor;
+/**
+ * Every color a component is drawn on (see `getThemeSurface`): each of a gradient's, or the one. A color that draws
+ * nothing (`'transparent'`) or that cannot be read (a CSS variable) is no surface to read on and is left out; with
+ * none left, the theme's.
+ */
+export declare const getThemeSurfaces: (theme: IReqoreTheme, surface?: TReqoreSurface | TReqoreMultiTypeColor | string) => TReqoreHexColor[];
+/**
+ * Text (or an icon, at `minContrast` 3) in an intent's color on what it is drawn on (`surface`, or the theme's: see
+ * `getThemeSurface`): the intent in the shade that stands out there - a warning stays orange, an orange light enough
+ * to read on a dark theme. A translucent intent (muted) is drawn over that surface first.
+ */
+export declare const getReadableIntentColor: (theme: IReqoreTheme, intent: TReqoreIntent, minContrast?: number, surface?: TReqoreSurface | TReqoreMultiTypeColor | string) => TReqoreHexColor;
+/**
+ * The color a span, a paragraph or a link writes its text in: an intent in a shade of it that reads on what the text
+ * is drawn on (`surface`, or the theme's), else the theme's text color, else what it inherits.
+ */
+export declare const getReadableTextColor: (theme: IReqoreTheme, intent?: TReqoreIntent, surface?: TReqoreSurface) => string;
+/**
+ * A theme's color - an intent, the theme's main, a shade of one ('info', 'success:lighten:5') - in the shade of it
+ * that stands out by `minContrast` from what it is drawn on: `backgrounds` when they are known (a tag's fill, each
+ * color of a gradient), else `surface` or the theme's (`getThemeSurface`). The theme picks the hue, not how faint
+ * it is. Any other color is as it is given.
+ */
+export declare const getReadableThemeColor: (theme: IReqoreTheme, color: TReqoreEffectColor, minContrast?: number, surface?: TReqoreSurface | TReqoreMultiTypeColor | string, backgrounds?: TReqoreHexColor[]) => TReqoreHexColor;
+/**
+ * Black or white for a background, by its value in the long form (a short hex, `#fff`, was read as the number
+ * `0xfff`: white text on white). Empty for no background; white for one it cannot read.
+ */
 export declare const getColorByBgColor: (bgColor: any) => "#000000" | "#ffffff" | "";
+/** A hex color of 3, 4, 6 or 8 digits (the name is older than the rule): one CSS and the helpers read. */
 export declare const isValidSixCharHex: (hex: string) => boolean;
 export declare const buildTheme: (theme: IReqoreTheme) => IReqoreTheme;
 export declare const mergeThemes: (element: string, theme: IReqoreTheme, customTheme: any) => IReqoreTheme;
 export declare const getNotificationIntent: (theme: IReqoreTheme, intent?: TReqoreIntent) => `#${string}`;
 export declare const getMainBackgroundColor: (theme: IReqoreTheme) => TReqoreHexColor;
+/**
+ * The color `color` names: an intent, the theme's main (`main`, or nothing before the first colon), a hex (a short
+ * one with an alpha, `#f00a`, in its long form), or `transparent` (the theme's original main), lightened or
+ * darkened by a number of steps and drawn at an alpha (`info:lighten:2:0.5`). A color CSS draws but Reqore has no
+ * name for (`red`, `var(--brand)`, `currentColor`) is as it is given, and so is a color that cannot be lightened (an
+ * intent that is a CSS variable); a name nothing knows is undefined.
+ */
 export declare const getColorFromMaybeString: (theme: IReqoreTheme, color: TReqoreEffectColor) => TReqoreHexColor;
 export declare const createEffectGradient: (theme: IReqoreTheme, colors: TReqoreEffectGradientColors, lighten?: number, minimal?: boolean, active?: boolean, transparent?: boolean) => string;
+/**
+ * A gradient made from one color (`'info'`, `'#0776cb'`): see `buildGradientShades`. A color it cannot read (a CSS
+ * variable) is the gradient's both ends.
+ */
 export declare const buildGradientColorsFromString: (theme: IReqoreTheme, colorString: TReqoreEffectColor) => TReqoreEffectGradientColorsObject;
 export declare const getNthGradientColor: (theme: IReqoreTheme, colors?: TReqoreEffectGradientColors, nth?: number) => TReqoreHexColor | undefined;
 export declare const getGradientMix: (theme: IReqoreTheme, colors: TReqoreEffectGradientColors, fallback?: TReqoreHexColor) => TReqoreHexColor | undefined;
+/**
+ * Each color a gradient is drawn in, as given (a translucent one stays translucent): what text on the gradient has
+ * to stand out from, every one of them.
+ */
+export declare const getGradientColorList: (theme: IReqoreTheme, colors?: TReqoreEffectGradientColors) => TReqoreHexColor[];
 //# sourceMappingURL=colors.d.ts.map

package/dist/helpers/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}