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

package/vitest.config.ts

@@ -5,7 +5,6 @@ import { readFileSync, readdirSync } from 'node:fs';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { configDefaults, defineConfig, mergeConfig } from 'vitest/config';
-import type { BrowserCommand } from 'vitest/node';
 import viteConfig from './vite.config';
 
 const dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -72,15 +71,6 @@ const storyBrowser = (phone = false) => ({
       ? { viewport: { width: 390, height: 844 }, isMobile: true, hasTouch: true }
       : { viewport: { width: 1920, height: 1080 } },
   }),
-  /* Asks for reduced motion (`prefers-reduced-motion: reduce`) or stops asking, in the page the stories run in.
-     Reqore honours it: its springs settle at once and its transitions take no time. The contrast gate asks for it
-     while it measures, so it measures what stays on screen, never a frame of a fade (qorus#646: a clear button
-     measured on its way in); a story tagged `reduced-motion` runs under it (.storybook/vitest.setup.ts). */
-  commands: {
-    emulateReducedMotion: (async ({ page }, reduce) => {
-      await page.emulateMedia({ reducedMotion: reduce ? 'reduce' : 'no-preference' });
-    }) satisfies BrowserCommand<[reduce: boolean]>,
-  },
   headless: true,
   instances: [{ browser: 'chromium' as const }],
 });

package/dist/context/SurfaceContext.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import type { TReqoreSurface } from '../helpers/colors';
-/**
- * Hands `color` (opaque; what this component is drawn in - each color of its gradient, when it has one) to the
- * components inside as their surface. Without a `color` (a component that paints nothing), they keep the surface
- * around it.
- *
- * The surface handed down stays the same value for as long as its colors do. A component that works its colors out
- * again on each render (an inline effect or content effect, a new list each time) would otherwise hand down a new
- * list with the same colors, and every component below that reads the surface would render again with it.
- */
-export declare const ReqoreSurfaceProvider: ({ color, children, }: {
-    color?: TReqoreSurface;
-    children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-/** The color this component is drawn on, when a component around it has said; undefined when none has. */
-export declare const useReqoreSurface: () => TReqoreSurface | undefined;
-//# sourceMappingURL=SurfaceContext.d.ts.map

package/dist/context/SurfaceContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurfaceContext.d.ts","sourceRoot":"","sources":["../../src/context/SurfaceContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAcxD;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAAI,sBAGnC;IACD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,4CAQA,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,gBAAgB,QAAO,cAAc,GAAG,SAAuC,CAAC"}

package/dist/context/SurfaceContext.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReqoreSurface = exports.ReqoreSurfaceProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-/**
- * The color the components inside are drawn on, as the browser draws it (opaque): what a component that paints a
- * background of its own (the layout, a panel, a message, a button) hands to what it holds, so that their text and
- * icons are picked against what is really under them - an intent's text inside a message, a badge on a button.
- * Undefined outside all of them: the theme's surface then (`getThemeSurface`).
- */
-var SurfaceContext = (0, react_1.createContext)(undefined);
-/** One key for a surface's colors: the same colors, in the same order, are the same key. */
-var getSurfaceKey = function (surface) {
-    return Array.isArray(surface) ? "[".concat(surface.join('|'), "]") : surface;
-};
-/**
- * Hands `color` (opaque; what this component is drawn in - each color of its gradient, when it has one) to the
- * components inside as their surface. Without a `color` (a component that paints nothing), they keep the surface
- * around it.
- *
- * The surface handed down stays the same value for as long as its colors do. A component that works its colors out
- * again on each render (an inline effect or content effect, a new list each time) would otherwise hand down a new
- * list with the same colors, and every component below that reads the surface would render again with it.
- */
-var ReqoreSurfaceProvider = function (_a) {
-    var color = _a.color, children = _a.children;
-    var around = (0, react_1.useContext)(SurfaceContext);
-    var surface = color !== null && color !== void 0 ? color : around;
-    var key = getSurfaceKey(surface);
-    // the first surface with these colors, for as long as they hold
-    var value = (0, react_1.useMemo)(function () { return surface; }, [key]);
-    return (0, jsx_runtime_1.jsx)(SurfaceContext.Provider, { value: value, children: children });
-};
-exports.ReqoreSurfaceProvider = ReqoreSurfaceProvider;
-/** The color this component is drawn on, when a component around it has said; undefined when none has. */
-var useReqoreSurface = function () { return (0, react_1.useContext)(SurfaceContext); };
-exports.useReqoreSurface = useReqoreSurface;
-//# sourceMappingURL=SurfaceContext.js.map

package/dist/context/SurfaceContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurfaceContext.js","sourceRoot":"","sources":["../../src/context/SurfaceContext.tsx"],"names":[],"mappings":";;;;AAAA,+BAAsE;AAGtE;;;;;GAKG;AACH,IAAM,cAAc,GAAG,IAAA,qBAAa,EAA6B,SAAS,CAAC,CAAC;AAE5E,4FAA4F;AAC5F,IAAM,aAAa,GAAG,UAAC,OAAwB;IAC7C,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAG,CAAC,CAAC,CAAC,OAAO;AAA3D,CAA2D,CAAC;AAE9D;;;;;;;;GAQG;AACI,IAAM,qBAAqB,GAAG,UAAC,EAMrC;QALC,KAAK,WAAA,EACL,QAAQ,cAAA;IAKR,IAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAC;IAC1C,IAAM,OAAO,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,CAAC;IAChC,IAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,gEAAgE;IAChE,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,OAAO,EAAP,CAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5C,OAAO,uBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA2B,CAAC;AACrF,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC;AAEF,0GAA0G;AACnG,IAAM,gBAAgB,GAAG,cAAkC,OAAA,IAAA,kBAAU,EAAC,cAAc,CAAC,EAA1B,CAA0B,CAAC;AAAhF,QAAA,gBAAgB,oBAAgE"}

package/dist/helpers/iconProps.d.ts

@@ -1,14 +0,0 @@
-import type { TReqoreEffectColor } from '../components/Effect';
-import type { IReqoreIconProps } from '../components/Icon';
-/**
- * An icon's own color given in its props (`leftIconProps={{ intent }}`, `iconProps={{ color }}`), split from the rest
- * of them (qorus#646).
- *
- * A component that draws an icon faded (a button's or an input's at `CONTROL_ICON_OPACITY`, a tag's, a panel's
- * title icon) picks the icon's color and opacity together so that it stands out by 3:1 at that opacity. A color
- * given in the icon's props was spread over that pick: the icon made it readable at full opacity, and drawn at 70%
- * a warning icon was 2.4:1. The component picks it instead, as it does its own `iconColor`, and passes the rest on.
- * The props' color wins over the component's, as it did when the props were spread last.
- */
-export declare const splitIconColor: (props?: IReqoreIconProps) => [TReqoreEffectColor | undefined, IReqoreIconProps | undefined];
-//# sourceMappingURL=iconProps.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"iconProps.d.ts","sourceRoot":"","sources":["../../src/helpers/iconProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ,gBAAgB,KACvB,CAAC,kBAAkB,GAAG,SAAS,EAAE,gBAAgB,GAAG,SAAS,CAQ/D,CAAC"}

package/dist/helpers/iconProps.js

@@ -1,33 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.splitIconColor = void 0;
-/**
- * An icon's own color given in its props (`leftIconProps={{ intent }}`, `iconProps={{ color }}`), split from the rest
- * of them (qorus#646).
- *
- * A component that draws an icon faded (a button's or an input's at `CONTROL_ICON_OPACITY`, a tag's, a panel's
- * title icon) picks the icon's color and opacity together so that it stands out by 3:1 at that opacity. A color
- * given in the icon's props was spread over that pick: the icon made it readable at full opacity, and drawn at 70%
- * a warning icon was 2.4:1. The component picks it instead, as it does its own `iconColor`, and passes the rest on.
- * The props' color wins over the component's, as it did when the props were spread last.
- */
-var splitIconColor = function (props) {
-    if (!props || (!props.intent && !props.color)) {
-        return [undefined, props];
-    }
-    var intent = props.intent, color = props.color, rest = __rest(props, ["intent", "color"]);
-    return [intent || color, rest];
-};
-exports.splitIconColor = splitIconColor;
-//# sourceMappingURL=iconProps.js.map

package/dist/helpers/iconProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconProps.js","sourceRoot":"","sources":["../../src/helpers/iconProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA;;;;;;;;;GASG;AACI,IAAM,cAAc,GAAG,UAC5B,KAAwB;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9C,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,IAAA,MAAM,GAAqB,KAAK,OAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAAlC,mBAA0B,CAAF,CAAW;IAEzC,OAAO,CAAC,MAAM,IAAI,KAAK,EAAE,IAAI,CAAC,CAAC;AACjC,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}

package/dist/helpers/surface.d.ts

@@ -1,31 +0,0 @@
-import { IReqoreCustomTheme, IReqoreTheme, TReqoreIntent } from '../constants/theme';
-import { TReqoreSurface } from './colors';
-import { TReqoreEffectColor, TReqoreHexColor } from '../components/Effect';
-/**
- * What an element that paints nothing (`unpainted`: transparent, or drawn at no opacity) is drawn on. The surface a
- * component around it hands down (`useReqoreSurface`) when one does; with none around it, the main of the
- * `customTheme` it was given - how a consumer says what it painted under it (a band, a card of its own) - drawn over
- * the page when it is translucent; undefined otherwise (the theme's surface, `getThemeSurface`). An intent is not a
- * surface: an element in an intent with nothing around it is drawn on the page.
- */
-export declare const getUnpaintedSurface: (theme: IReqoreTheme, customTheme: IReqoreCustomTheme | undefined, surface: TReqoreSurface | undefined, unpainted: boolean) => TReqoreSurface | undefined;
-/**
- * The color a text effect draws `color` in on `backgrounds` (`getEffectTextColor`: a theme color in the shade of it
- * that reads there, any other as given), or undefined where it draws none - a CSS color name, a variable, a
- * four-digit hex, which its text does not take either: it keeps the color it inherits. Never throws.
- */
-export declare const getDrawnEffectTextColor: (theme: IReqoreTheme, color: TReqoreEffectColor | undefined, backgrounds: TReqoreHexColor[]) => TReqoreHexColor | undefined;
-/**
- * The color a card's own mark (an entity row's icon, a callout's icon, a testimonial's avatar and quote mark) is
- * drawn in on `backgrounds`: its `own` color, moved to a shade that stands out by 3:1 there when it is a theme's;
- * else its intent's shade that does; else the card's `text`.
- */
-export declare const getCardMarkColor: (theme: IReqoreTheme, backgrounds: TReqoreHexColor[], text: TReqoreHexColor, own?: TReqoreEffectColor, intent?: TReqoreIntent) => TReqoreEffectColor;
-/**
- * The fill a clickable card paints while it is hovered: a wash of its intent (4% when it paints nothing at rest,
- * else 10%), or else of the theme a step lighter (8% when it paints nothing at rest), or `opaque`, the card's own.
- * What its styled rule paints, and what what it holds is read on as well as on its resting fill: a card's text and
- * its fainter text were read on the resting fill only, and a hovered row's metadata fell to 4.2:1 (qorus#646).
- */
-export declare const getCardHoverFill: (theme: IReqoreTheme, intent: TReqoreIntent | undefined, transparent: boolean | undefined, opaque: string) => string;
-//# sourceMappingURL=surface.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/helpers/surface.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAUL,cAAc,EACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAsB,kBAAkB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAwB/F;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,YAAY,EACnB,aAAa,kBAAkB,GAAG,SAAS,EAC3C,SAAS,cAAc,GAAG,SAAS,EACnC,WAAW,OAAO,KACjB,cAAc,GAAG,SAQnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,OAAO,YAAY,EACnB,OAAO,kBAAkB,GAAG,SAAS,EACrC,aAAa,eAAe,EAAE,KAC7B,eAAe,GAAG,SAYpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,YAAY,EACnB,aAAa,eAAe,EAAE,EAC9B,MAAM,eAAe,EACrB,MAAM,kBAAkB,EACxB,SAAS,aAAa,KACrB,kBAQF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,YAAY,EACnB,QAAQ,aAAa,GAAG,SAAS,EACjC,aAAa,OAAO,GAAG,SAAS,EAChC,QAAQ,MAAM,KACb,MAKW,CAAC"}

package/dist/helpers/surface.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCardHoverFill = exports.getCardMarkColor = exports.getDrawnEffectTextColor = exports.getUnpaintedSurface = void 0;
-var polished_1 = require("polished");
-var colors_1 = require("./colors");
-var Effect_1 = require("../components/Effect");
-/**
- * `color` as the theme resolves it (a theme color, a shade of one, a hex), or undefined where it cannot: a CSS color
- * name, a variable, a four-digit hex. Never throws: a color the theme cannot read is no reason to unmount the
- * component that was given it.
- */
-var resolveColor = function (theme, color) {
-    if (!color) {
-        return undefined;
-    }
-    try {
-        var resolved = (0, colors_1.getColorFromMaybeString)(theme, color);
-        return resolved && (0, colors_1.isValidSixCharHex)(resolved) ? resolved : undefined;
-    }
-    catch (_a) {
-        return undefined;
-    }
-};
-/**
- * What an element that paints nothing (`unpainted`: transparent, or drawn at no opacity) is drawn on. The surface a
- * component around it hands down (`useReqoreSurface`) when one does; with none around it, the main of the
- * `customTheme` it was given - how a consumer says what it painted under it (a band, a card of its own) - drawn over
- * the page when it is translucent; undefined otherwise (the theme's surface, `getThemeSurface`). An intent is not a
- * surface: an element in an intent with nothing around it is drawn on the page.
- */
-var getUnpaintedSurface = function (theme, customTheme, surface, unpainted) {
-    if (surface || !unpainted) {
-        return surface;
-    }
-    var own = resolveColor(theme, customTheme === null || customTheme === void 0 ? void 0 : customTheme.main);
-    return own ? (0, colors_1.getDrawnColor)(own, (0, colors_1.getThemeSurface)(theme)) : undefined;
-};
-exports.getUnpaintedSurface = getUnpaintedSurface;
-/**
- * The color a text effect draws `color` in on `backgrounds` (`getEffectTextColor`: a theme color in the shade of it
- * that reads there, any other as given), or undefined where it draws none - a CSS color name, a variable, a
- * four-digit hex, which its text does not take either: it keeps the color it inherits. Never throws.
- */
-var getDrawnEffectTextColor = function (theme, color, backgrounds) {
-    if (!resolveColor(theme, color)) {
-        return undefined;
-    }
-    try {
-        var drawn = (0, Effect_1.getEffectTextColor)(theme, color, undefined, backgrounds);
-        return drawn && (0, colors_1.isValidSixCharHex)(drawn) ? drawn : undefined;
-    }
-    catch (_a) {
-        return undefined;
-    }
-};
-exports.getDrawnEffectTextColor = getDrawnEffectTextColor;
-/**
- * The color a card's own mark (an entity row's icon, a callout's icon, a testimonial's avatar and quote mark) is
- * drawn in on `backgrounds`: its `own` color, moved to a shade that stands out by 3:1 there when it is a theme's;
- * else its intent's shade that does; else the card's `text`.
- */
-var getCardMarkColor = function (theme, backgrounds, text, own, intent) {
-    var _a;
-    if (own) {
-        return ((_a = (0, colors_1.getReadableIconLook)(theme, backgrounds, text, 1, own).color) !== null && _a !== void 0 ? _a : own);
-    }
-    if (intent) {
-        return (0, colors_1.getReadableIntentColor)(theme, intent, colors_1.READABLE_ICON_CONTRAST, backgrounds);
-    }
-    return text;
-};
-exports.getCardMarkColor = getCardMarkColor;
-/**
- * The fill a clickable card paints while it is hovered: a wash of its intent (4% when it paints nothing at rest,
- * else 10%), or else of the theme a step lighter (8% when it paints nothing at rest), or `opaque`, the card's own.
- * What its styled rule paints, and what what it holds is read on as well as on its resting fill: a card's text and
- * its fainter text were read on the resting fill only, and a hovered row's metadata fell to 4.2:1 (qorus#646).
- */
-var getCardHoverFill = function (theme, intent, transparent, opaque) {
-    return intent
-        ? (0, polished_1.rgba)(theme.intents[intent], transparent ? 0.04 : 0.1)
-        : transparent
-            ? (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08), 0.08)
-            : opaque;
-};
-exports.getCardHoverFill = getCardHoverFill;
-//# sourceMappingURL=surface.js.map

package/dist/helpers/surface.js.map

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

package/dist/hooks/useDrawnSurface.d.ts

@@ -1,38 +0,0 @@
-import { IReqoreEffect, TReqoreHexColor } from '../components/Effect';
-import { IReqoreCustomTheme, IReqoreTheme } from '../constants/theme';
-import { TReqoreSurface } from '../helpers/colors';
-export interface IReqoreDrawnSurfaceOptions {
-    theme: IReqoreTheme;
-    customTheme?: IReqoreCustomTheme;
-    /** It paints no fill of its own: it is on what is around it. */
-    transparent?: boolean;
-    /** The fill it paints, translucent or not, over what it is on. */
-    fill: string;
-    /** The effect it paints: what its gradient draws is what it holds is read on. */
-    effect?: IReqoreEffect;
-    /**
-     * The fill it paints while hovered, when it is clickable (`getCardHoverFill`): what it holds is drawn on that
-     * too, unless its effect paints a gradient over it.
-     */
-    hoverFill?: string;
-}
-export interface IReqoreDrawnSurface {
-    /** What it is on: what a component around it says, or its customTheme's main when it paints nothing. */
-    surface: TReqoreSurface | undefined;
-    /** Its fill as drawn over that (the surface itself when it paints nothing). */
-    background: TReqoreHexColor;
-    /** Each color what it holds is drawn on: its gradient's, when its effect paints one, else its fill (and its
-     *  hover fill, when it is clickable). */
-    backgrounds: TReqoreHexColor[];
-    /** The text that reads on all of them. */
-    text: TReqoreHexColor;
-}
-/**
- * What a card (an entity row, a callout, a testimonial, a statistic, a feature card) is drawn on and in, worked out
- * once for all of them, so they cannot drift apart in how they read their own colors.
- *
- * The values are one object each for as long as what they come from holds: a gradient is followed by its colors,
- * not by the effect object, which given inline is new on every render (and so was every surface handed down).
- */
-export declare const useReqoreDrawnSurface: ({ theme, customTheme, transparent, fill, effect, hoverFill, }: IReqoreDrawnSurfaceOptions) => IReqoreDrawnSurface;
-//# sourceMappingURL=useDrawnSurface.d.ts.map

package/dist/hooks/useDrawnSurface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawnSurface.d.ts","sourceRoot":"","sources":["../../src/hooks/useDrawnSurface.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,aAAa,EACb,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAqD,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGtG,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,wGAAwG;IACxG,OAAO,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC,+EAA+E;IAC/E,UAAU,EAAE,eAAe,CAAC;IAC5B;6CACyC;IACzC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,0CAA0C;IAC1C,IAAI,EAAE,eAAe,CAAC;CACvB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,+DAOnC,0BAA0B,KAAG,mBAiC/B,CAAC"}

package/dist/hooks/useDrawnSurface.js

@@ -1,48 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReqoreDrawnSurface = void 0;
-var react_1 = require("react");
-var Effect_1 = require("../components/Effect");
-var SurfaceContext_1 = require("../context/SurfaceContext");
-var colors_1 = require("../helpers/colors");
-var surface_1 = require("../helpers/surface");
-/**
- * What a card (an entity row, a callout, a testimonial, a statistic, a feature card) is drawn on and in, worked out
- * once for all of them, so they cannot drift apart in how they read their own colors.
- *
- * The values are one object each for as long as what they come from holds: a gradient is followed by its colors,
- * not by the effect object, which given inline is new on every render (and so was every surface handed down).
- */
-var useReqoreDrawnSurface = function (_a) {
-    var _b;
-    var theme = _a.theme, customTheme = _a.customTheme, transparent = _a.transparent, fill = _a.fill, effect = _a.effect, hoverFill = _a.hoverFill;
-    var aroundSurface = (0, SurfaceContext_1.useReqoreSurface)();
-    var surface = (0, react_1.useMemo)(function () { return (0, surface_1.getUnpaintedSurface)(theme, customTheme, aroundSurface, !!transparent); }, [theme, customTheme, aroundSurface, transparent]);
-    var background = (0, react_1.useMemo)(function () {
-        return transparent
-            ? (0, colors_1.getThemeSurface)(theme, surface)
-            : (0, colors_1.getDrawnColor)(fill, (0, colors_1.getThemeSurface)(theme, surface));
-    }, [transparent, theme, fill, surface]);
-    var gradientKey = JSON.stringify((_b = effect === null || effect === void 0 ? void 0 : effect.gradient) !== null && _b !== void 0 ? _b : null);
-    var backgrounds = (0, react_1.useMemo)(function () {
-        var under = (0, colors_1.getThemeSurface)(theme, surface);
-        var drawn = (0, Effect_1.getEffectBackgrounds)(theme, effect, background, under);
-        // hovered, it paints its hover fill where its gradient does not cover it
-        return hoverFill && !(0, Effect_1.getPrimaryGradient)(effect === null || effect === void 0 ? void 0 : effect.gradient)
-            ? __spreadArray(__spreadArray([], drawn, true), [(0, colors_1.getDrawnColor)(hoverFill, under)], false) : drawn;
-        // `effect` is followed by its gradient's colors (see above)
-    }, [theme, gradientKey, background, surface, hoverFill]);
-    var text = (0, react_1.useMemo)(function () { return (0, colors_1.getReadableTextOn)(theme, backgrounds); }, [theme, backgrounds]);
-    return (0, react_1.useMemo)(function () { return ({ surface: surface, background: background, backgrounds: backgrounds, text: text }); }, [surface, background, backgrounds, text]);
-};
-exports.useReqoreDrawnSurface = useReqoreDrawnSurface;
-//# sourceMappingURL=useDrawnSurface.js.map

package/dist/hooks/useDrawnSurface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawnSurface.js","sourceRoot":"","sources":["../../src/hooks/useDrawnSurface.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+BAAgC;AAChC,+CAK8B;AAE9B,4DAA6D;AAC7D,4CAAsG;AACtG,8CAAyD;AA8BzD;;;;;;GAMG;AACI,IAAM,qBAAqB,GAAG,UAAC,EAOT;;QAN3B,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,SAAS,eAAA;IAET,IAAM,aAAa,GAAG,IAAA,iCAAgB,GAAE,CAAC;IACzC,IAAM,OAAO,GAAG,IAAA,eAAO,EACrB,cAAM,OAAA,IAAA,6BAAmB,EAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,EAArE,CAAqE,EAC3E,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,CACjD,CAAC;IACF,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB;QACE,OAAA,WAAW;YACT,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,EAAE,OAAO,CAAC;YACjC,CAAC,CAAE,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAA,wBAAe,EAAC,KAAK,EAAE,OAAO,CAAC,CAAqB;IAF7E,CAE6E,EAC/E,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CACpC,CAAC;IACF,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,mCAAI,IAAI,CAAC,CAAC;IAC7D,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC;QAC1B,IAAM,KAAK,GAAG,IAAA,wBAAe,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAM,KAAK,GAAG,IAAA,6BAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;QAErE,yEAAyE;QACzE,OAAO,SAAS,IAAI,CAAC,IAAA,2BAAkB,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC;YACvD,CAAC,iCAAK,KAAK,UAAE,IAAA,sBAAa,EAAC,SAAS,EAAE,KAAK,CAAoB,UAC/D,CAAC,CAAC,KAAK,CAAC;QACV,4DAA4D;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IACzD,IAAM,IAAI,GAAG,IAAA,eAAO,EAClB,cAAM,OAAA,IAAA,0BAAiB,EAAC,KAAK,EAAE,WAAW,CAAoB,EAAxD,CAAwD,EAC9D,CAAC,KAAK,EAAE,WAAW,CAAC,CACrB,CAAC;IAEF,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CAAC,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,EAA5C,CAA4C,EAClD,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,CACzC,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,qBAAqB,yBAwChC"}