@qoretechnologies/reqore 0.78.6-pr.715.gdfefa70 → 0.78.7-pr.717.gae33bdc

package/dist/containers/UIProvider.js

@@ -14,49 +14,27 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+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];
+        }
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.REDUCED_MOTION_SELECTORS = exports.getReducedMotionSelectors = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
 var merge_1 = __importDefault(require("lodash/merge"));
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
+var styled_1 = __importDefault(require("../helpers/styled"));
 var Layout_1 = __importDefault(require("../components/Layout"));
 var fonts_1 = require("../constants/fonts");
 var theme_1 = require("../constants/theme");
@@ -64,11 +42,31 @@ var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
 var colors_1 = require("../helpers/colors");
 var ReqoreProvider_1 = __importDefault(require("./ReqoreProvider"));
 var ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
-var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .reqore-blur-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 8998;\n    cursor: pointer;\n    background-color: ", ";\n    backdrop-filter: blur(3px);\n  }\n\n  .reqore-blur-z-index {\n    z-index: 8999;\n  }\n"], ["\n  .reqore-blur-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 8998;\n    cursor: pointer;\n    background-color: ", ";\n    backdrop-filter: blur(3px);\n  }\n\n  .reqore-blur-z-index {\n    z-index: 8999;\n  }\n"])), function (_a) {
+/**
+ * What reduced motion stills: Reqore's own elements, each named by a class that starts with
+ * `reqore-`, and what they draw before and after them, in the layout and in the portal its dialogs,
+ * popovers and notifications open in - Reqore's own, and the one the app names (`customPortalId`,
+ * where drawers, modals and popovers then open). Not every element in there: the app's own elements
+ * inside the layout keep the transitions the app gave them.
+ */
+var getReducedMotionSelectors = function (customPortalId) { return __spreadArray([
+    '.reqore-layout-wrapper'
+], __spreadArray(['.reqore-layout-wrapper', '#reqore-portal'], (customPortalId ? [customPortalId] : []), true).flatMap(function (scope) {
+    return ['', '::before', '::after'].flatMap(function (part) {
+        return ["[class^='reqore-']", "[class*=' reqore-']"].map(function (own) { return "".concat(scope, " ").concat(own).concat(part); });
+    });
+}), true); };
+exports.getReducedMotionSelectors = getReducedMotionSelectors;
+/** What reduced motion stills where the app names no portal of its own (`getReducedMotionSelectors`). */
+exports.REDUCED_MOTION_SELECTORS = (0, exports.getReducedMotionSelectors)();
+var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .reqore-blur-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 8998;\n    cursor: pointer;\n    background-color: ", ";\n    backdrop-filter: blur(3px);\n  }\n\n  .reqore-blur-z-index {\n    z-index: 8999;\n  }\n\n  /* Reduced motion (WCAG 2.3.3): what Reqore draws changes at once - its own elements only, see\n     REDUCED_MOTION_SELECTORS. A hair of a duration, not none: a transition of no time sends no\n     transitionend, which some components wait for. Reqore's springs settle at once in their own\n     components (immediate under usePrefersReducedMotion), not through react-spring's global switch,\n     which settled the app's springs too. (No backticks in here: this comment lives inside a\n     template literal.) */\n  @media (prefers-reduced-motion: reduce) {\n    ", " {\n      transition-duration: 0.01ms !important;\n      transition-delay: 0s !important;\n    }\n  }\n"], ["\n  .reqore-blur-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 8998;\n    cursor: pointer;\n    background-color: ", ";\n    backdrop-filter: blur(3px);\n  }\n\n  .reqore-blur-z-index {\n    z-index: 8999;\n  }\n\n  /* Reduced motion (WCAG 2.3.3): what Reqore draws changes at once - its own elements only, see\n     REDUCED_MOTION_SELECTORS. A hair of a duration, not none: a transition of no time sends no\n     transitionend, which some components wait for. Reqore's springs settle at once in their own\n     components (immediate under usePrefersReducedMotion), not through react-spring's global switch,\n     which settled the app's springs too. (No backticks in here: this comment lives inside a\n     template literal.) */\n  @media (prefers-reduced-motion: reduce) {\n    ", " {\n      transition-duration: 0.01ms !important;\n      transition-delay: 0s !important;\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return (0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), 0.3);
+}, function (_a) {
+    var $customPortalId = _a.$customPortalId;
+    return (0, exports.getReducedMotionSelectors)($customPortalId).join(', ');
 });
-var StyledPortal = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  /* The portal is outside the layout wrapper, so it names the theme's font itself. */\n  ", "\n"], ["\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  /* The portal is outside the layout wrapper, so it names the theme's font itself. */\n  ", "\n"])), function (_a) {
+var StyledPortal = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  /* The portal is outside the layout wrapper, so it names the theme's font itself. */\n  ", "\n"], ["\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  /* The portal is outside the layout wrapper, so it names the theme's font itself. */\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
 }, function (_a) {
@@ -87,7 +85,7 @@ var ReqoreUIProvider = (0, react_1.memo)(function (_a) {
     var _theme = (0, react_1.useMemo)(function () { return (0, lodash_1.cloneDeep)(theme || {}); }, [theme]);
     var _defaultTheme = (0, react_1.useMemo)(function () { return (0, lodash_1.cloneDeep)(theme_1.DEFAULT_THEME); }, []);
     var rebuiltTheme = (0, react_1.useMemo)(function () { return (0, colors_1.buildTheme)((0, merge_1.default)(_defaultTheme, _theme)); }, [_defaultTheme, _theme]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ThemeContext_1.default.Provider, { value: __assign({}, rebuiltTheme), children: [(0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(GlobalStyle, {}) }), (0, jsx_runtime_1.jsx)(Layout_1.default, __assign({}, layoutWrapperProps, { withSidebar: options === null || options === void 0 ? void 0 : options.withSidebar, children: modalPortal ? (0, jsx_runtime_1.jsx)(ReqoreProvider_1.default, { options: options, children: children }) : null })), (0, jsx_runtime_1.jsx)(ReqorePortal, { ref: setModalPortal })] }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ThemeContext_1.default.Provider, { value: __assign({}, rebuiltTheme), children: [(0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(GlobalStyle, { "$customPortalId": options === null || options === void 0 ? void 0 : options.customPortalId }) }), (0, jsx_runtime_1.jsx)(Layout_1.default, __assign({}, layoutWrapperProps, { withSidebar: options === null || options === void 0 ? void 0 : options.withSidebar, children: modalPortal ? (0, jsx_runtime_1.jsx)(ReqoreProvider_1.default, { options: options, children: children }) : null })), (0, jsx_runtime_1.jsx)(ReqorePortal, { ref: setModalPortal })] }) }));
 });
 exports.default = ReqoreUIProvider;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/containers/UIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AAEnC,uDAAiC;AACjC,qCAAgC;AAChC,+BAAmE;AACnE,qEAAmE;AACnE,gEAAsF;AACtF,4CAAmD;AACnD,4CAAiE;AAGjE,yEAAmD;AACnD,4CAAyF;AACzF,oEAA8C;AAC9C,kEAAkD;AAoClD,IAAM,WAAW,OAAG,qCAAiB,oVAAA,8KASb,EAAuD,gGAO9E,KAPuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAxC,CAAwC,CAO9E,CAAC;AAEF,IAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,4NAAA,iDAK3B,EAED,gGAGC,EAIC,IACJ,KAVG,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,WAAA,uBAAG,4FAAA,eACT,EAAmD,OAC7D,KADU,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAD7C,CAEhB,EAGC,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,CAAC,UAAU,QAChB,uBAAG,sGAAA,uBACc,EAA+B,SAC/C,KADgB,IAAA,qBAAa,EAAC,KAAK,CAAC,UAAU,CAAC,CAC/C;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,YAAY,GAAG,IAAA,YAAI,EACvB,IAAA,kBAAU,EAAyB,UAAC,MAAM,EAAE,GAAG;IAC7C,OAAO,CACL,uBAAC,uBAAmB,cAClB,uBAAC,YAAY,IAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,GAAG,GAAI,GACzB,CACvB,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF;;GAEG;AACH,IAAM,gBAAgB,GAAqC,IAAA,YAAI,EAC7D,UAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,kBAAkB,wBAAA;IACvC,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAM,MAAM,GAA0B,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,kBAAS,EAAC,KAAK,IAAI,EAAE,CAAC,EAAtB,CAAsB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrF,IAAM,aAAa,GAAiB,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,kBAAS,EAAC,qBAAa,CAAC,EAAxB,CAAwB,EAAE,EAAE,CAAC,CAAC;IAChF,IAAM,YAAY,GAAiB,IAAA,eAAO,EACxC,cAAM,OAAA,IAAA,mBAAU,EAAC,IAAA,eAAK,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC,EAAxC,CAAwC,EAC9C,CAAC,aAAa,EAAE,MAAM,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,2DACE,wBAAC,sBAAY,CAAC,QAAQ,IAAC,KAAK,eAAO,YAAY,cAC7C,uBAAC,uBAAmB,cAClB,uBAAC,WAAW,KAAG,GACK,EACtB,uBAAC,gBAAmB,eAAK,kBAAkB,IAAE,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,YAC3E,WAAW,CAAC,CAAC,CAAC,uBAAC,wBAAc,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAkB,CAAC,CAAC,CAAC,IAAI,IAC/D,EACtB,uBAAC,YAAY,IAAC,GAAG,EAAE,cAAc,GAAI,IACf,GACvB,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"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"}

package/dist/context/SurfaceContext.d.ts

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+"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

@@ -0,0 +1 @@
+{"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/colors.d.ts

@@ -1,17 +1,126 @@
 import { TReqoreEffectColor, TReqoreEffectGradientColors, TReqoreEffectGradientColorsObject, TReqoreHexColor, TReqoreMultiTypeColor, TReqoreRgbaColor } from '../components/Effect';
-import { IReqorePanelTheme, IReqoreTheme, TReqoreIntent } from '../constants/theme';
+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,25 +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 `theme.panel` surface and hairline — for a component whose own surface is NOT customised.
- * A `customTheme` with a `main`, an intent, or an inherited custom theme moves `theme.main` away
- * from `theme.originalMain` (see `mergeThemes`); such a component keeps its derived colours.
+ * 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 getThemePanelSurface: (theme: IReqoreTheme) => IReqorePanelTheme | undefined;
-/** The surface a panel or panel-like container paints: `theme.panel.main`, or derived from `main`. */
-export declare const getPanelBackgroundColor: (theme: IReqoreTheme) => TReqoreHexColor;
-/** The neutral 1px edge of a panel or panel-like container: `theme.panel.border`, or derived. */
-export declare const getPanelHairlineColor: (theme: IReqoreTheme) => TReqoreHexColor;
 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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"}