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

package/dist/components/Icon/index.js

@@ -70,7 +70,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledIconWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var polished_1 = require("polished");
 var react_1 = require("react");
 var react_icons_1 = require("react-icons");
 var RemixIcons = __importStar(require("react-icons/ri"));
@@ -78,6 +77,7 @@ var styled_components_1 = require("styled-components");
 var useTheme_1 = require("../../hooks/useTheme");
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var styled_1 = __importStar(require("../../helpers/styled"));
 var utils_1 = require("../../helpers/utils");
 var useReqoreContext_1 = require("../../hooks/useReqoreContext");
@@ -145,9 +145,19 @@ exports.StyledIconWrapper = (0, styled_1.default)(Effect_1.StyledEffect).withCon
 var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, wrapperSize = _a.wrapperSize, wrapperElement = _a.wrapperElement, className = _a.className, color = _a.color, margin = _a.margin, marginSize = _a.marginSize, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, image = _a.image, _d = _a.imageAlt, imageAlt = _d === void 0 ? '' : _d, glow = _a.glow, rest = __rest(_a, ["icon", "size", "wrapperSize", "wrapperElement", "className", "color", "margin", "marginSize", "style", "iconProps", "intent", "image", "imageAlt", "glow"]);
     var theme = (0, useTheme_1.useReqoreTheme)();
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
     var glowingIconsDefault = (0, useReqoreContext_1.useReqoreProperty)('glowingIcons');
     var Icon = RemixIcons["Ri".concat(icon)];
-    var finalColor = (0, react_1.useMemo)(function () { return (intent ? theme.intents[intent] : (0, colors_1.getColorFromMaybeString)(theme, color)); }, [intent, theme, color]);
+    /* An intent, or a theme's color named by name ('info', 'success:lighten:2'), draws the icon in a
+       shade of it that stands out by 3:1 from what the icon is drawn on (WCAG 1.4.11): the danger red
+       as it is is 2.4:1 on the dark theme. Any other color given is the caller's. */
+    var finalColor = (0, react_1.useMemo)(function () {
+        return intent
+            ? (0, colors_1.getReadableIntentColor)(theme, intent, colors_1.READABLE_ICON_CONTRAST, surface)
+            : color
+                ? (0, colors_1.getReadableThemeColor)(theme, color, colors_1.READABLE_ICON_CONTRAST, surface)
+                : undefined;
+    }, [intent, theme, color, surface]);
     var finalSize = (0, utils_1.isStringSize)(size) ? sizes_1.ICON_FROM_SIZE[size] : size;
     var finalWrapperSize = wrapperSize
         ? (0, utils_1.isStringSize)(wrapperSize)
@@ -182,7 +192,7 @@ var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
         var opacity = (_d = config.opacity) !== null && _d !== void 0 ? _d : 0.8;
         // Own colour → a plain, well-supported rgba glow.
         if (ownColor) {
-            return "drop-shadow(0 0 ".concat(blur, "px ").concat((0, polished_1.rgba)(ownColor, opacity), ")");
+            return "drop-shadow(0 0 ".concat(blur, "px ").concat((0, colors_1.getColorAtAlpha)(ownColor, opacity), ")");
         }
         // No colour of its own (the app-wide default on an inheritance-coloured
         // icon, e.g. a button glyph): glow the *painted* `currentColor` in pure CSS

package/dist/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/index.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
+import { TReqoreSurface } from '../../helpers/colors';
 import { IReqoreAutoFocusRules } from '../../hooks/useAutoFocus';
 import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreLoading, IWithReqoreTooltip } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-import { TReqoreEffectColor } from '../Effect';
+import { TReqoreEffectColor, TReqoreHexColor } from '../Effect';
 import { IReqoreIconProps } from '../Icon';
 export interface IReqoreInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'children'>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreLoading, IWithReqoreTooltip {
     autoFocus?: boolean;
@@ -67,12 +68,54 @@ export interface IReqoreInputPasswordToggle {
 }
 export interface IReqoreInputStyle extends IReqoreInputProps {
     theme: IReqoreTheme;
+    /** What the input is drawn on (`useReqoreSurface`): the theme's surface when not known. */
+    $surface?: TReqoreSurface;
+    /** Its colors, worked out once by the component (`getInputLook`); else from the rest. */
+    $look?: IReqoreInputLook;
     _size?: TSizes;
     clearable?: boolean;
     hasIcon?: boolean;
     hasShortcutHint?: boolean;
     hasPasswordToggle?: boolean;
 }
+/**
+ * An input's (or a text area's) fill when it paints one: a 10% wash of the theme's main, 15% while focused. What
+ * the styled rules paint and what the field's text is read on.
+ */
+export declare const getInputFill: (theme: IReqoreTheme, focused?: boolean) => string;
+/**
+ * What an input (or a text area) is drawn on and in: its background as drawn over the theme it sits on (a 10% wash
+ * of the theme's main, or nothing when minimal or transparent; focused, 15%), and the text that reads there.
+ */
+export declare const getInputColors: (theme: IReqoreTheme, minimal?: boolean, transparent?: boolean, focused?: boolean, surface?: TReqoreSurface) => {
+    background: TReqoreHexColor;
+    text: TReqoreHexColor;
+};
+/** The clear button's opacity when shown: 50%, or as much more as it needs to stand out by 3:1 (`getInputLook`). */
+export declare const getInputClearButtonOpacity: (theme: IReqoreTheme, minimal?: boolean, transparent?: boolean, surface?: TReqoreSurface) => number;
+/** How faint a field's placeholder is at the least: 30% of its text, 50% while the field is focused. */
+export declare const INPUT_PLACEHOLDER_ALPHA = 0.3;
+/** Everything an input (or a text area) is drawn in, worked out at once (see `getInputLook`). */
+export interface IReqoreInputLook {
+    /** Its background as drawn, at rest. */
+    background: TReqoreHexColor;
+    /** Its text, and the icons and the clear button beside it. */
+    text: TReqoreHexColor;
+    /** The placeholder, fainter than a value (30%, 50% focused) but never too faint to read. */
+    placeholder: string;
+    focusedPlaceholder: string;
+    /** The clear button's opacity when shown (`getInputClearButtonOpacity`). */
+    clearOpacity: number;
+}
+/**
+ * An input's colors - its text, its placeholder at rest and focused, its clear button's
+ * opacity - from the two states it is drawn in, at once: a component works them out on what
+ * decides them (`useMemo`) and hands its styles plain values. Asked for one by one, a
+ * controlled input worked them out seven times on every keystroke.
+ */
+export declare const getInputLook: (theme: IReqoreTheme, minimal?: boolean, transparent?: boolean, surface?: TReqoreSurface) => IReqoreInputLook;
+/** A field's look (an input's, a text area's): the component's, or worked out from its style props where it has none. */
+export declare const lookOfField: ({ $look, theme, minimal, transparent, $surface, }: Pick<IReqoreInputStyle, "$look" | "theme" | "minimal" | "transparent" | "$surface">) => IReqoreInputLook;
 export declare const StyledInputWrapper: any;
 export declare const StyledInput: any;
 declare const ReqoreInput: (props: IReqoreInputProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/components/Input/index.d.ts.map

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

package/dist/components/Input/index.js

@@ -62,7 +62,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledInput = exports.StyledInputWrapper = void 0;
+exports.StyledInput = exports.StyledInputWrapper = exports.lookOfField = exports.getInputLook = exports.INPUT_PLACEHOLDER_ALPHA = exports.getInputClearButtonOpacity = exports.getInputColors = exports.getInputFill = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
 var polished_1 = require("polished");
@@ -71,6 +71,8 @@ var styled_components_1 = require("styled-components");
 var colors_1 = require("../../constants/colors");
 var sizes_1 = require("../../constants/sizes");
 var colors_2 = require("../../helpers/colors");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
+var iconProps_1 = require("../../helpers/iconProps");
 var styled_1 = __importStar(require("../../helpers/styled"));
 var useAutoFocus_1 = require("../../hooks/useAutoFocus");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
@@ -83,10 +85,63 @@ var Icon_1 = __importDefault(require("../Icon"));
 var InputClearButton_1 = __importDefault(require("../InputClearButton"));
 var KeyboardShortcut_1 = require("../KeyboardShortcut");
 var TooltipComponent_1 = require("../TooltipComponent");
+/**
+ * An input's (or a text area's) fill when it paints one: a 10% wash of the theme's main, 15% while focused. What
+ * the styled rules paint and what the field's text is read on.
+ */
+var getInputFill = function (theme, focused) {
+    if (focused === void 0) { focused = false; }
+    return (0, polished_1.rgba)(theme.main, focused ? 0.15 : 0.1);
+};
+exports.getInputFill = getInputFill;
+/**
+ * What an input (or a text area) is drawn on and in: its background as drawn over the theme it sits on (a 10% wash
+ * of the theme's main, or nothing when minimal or transparent; focused, 15%), and the text that reads there.
+ */
+var getInputColors = function (theme, minimal, transparent, focused, surface) {
+    if (focused === void 0) { focused = false; }
+    var under = (0, colors_2.getThemeSurface)(theme, surface);
+    var background = minimal || transparent
+        ? (0, colors_2.getDrawnColor)(under)
+        : (0, colors_2.getDrawnColor)((0, exports.getInputFill)(theme, focused), under);
+    return { background: background, text: (0, colors_2.getReadableColor)(theme, undefined, undefined, true, background) };
+};
+exports.getInputColors = getInputColors;
+/** The clear button's opacity when shown: 50%, or as much more as it needs to stand out by 3:1 (`getInputLook`). */
+var getInputClearButtonOpacity = function (theme, minimal, transparent, surface) { return (0, exports.getInputLook)(theme, minimal, transparent, surface).clearOpacity; };
+exports.getInputClearButtonOpacity = getInputClearButtonOpacity;
+/** How faint a field's placeholder is at the least: 30% of its text, 50% while the field is focused. */
+exports.INPUT_PLACEHOLDER_ALPHA = 0.3;
+var INPUT_FOCUSED_PLACEHOLDER_ALPHA = 0.5;
+/**
+ * An input's colors - its text, its placeholder at rest and focused, its clear button's
+ * opacity - from the two states it is drawn in, at once: a component works them out on what
+ * decides them (`useMemo`) and hands its styles plain values. Asked for one by one, a
+ * controlled input worked them out seven times on every keystroke.
+ */
+var getInputLook = function (theme, minimal, transparent, surface) {
+    var resting = (0, exports.getInputColors)(theme, minimal, transparent, false, surface);
+    var focused = (0, exports.getInputColors)(theme, minimal, transparent, true, surface);
+    return {
+        background: resting.background,
+        text: resting.text,
+        placeholder: (0, colors_2.getReadableFadedColor)(resting.text, resting.background, exports.INPUT_PLACEHOLDER_ALPHA),
+        focusedPlaceholder: (0, colors_2.getReadableFadedColor)(focused.text, focused.background, INPUT_FOCUSED_PLACEHOLDER_ALPHA),
+        clearOpacity: Math.max((0, colors_2.getReadableAlpha)(resting.text, resting.background, 0.5, colors_2.READABLE_ICON_CONTRAST), (0, colors_2.getReadableAlpha)(focused.text, focused.background, 0.5, colors_2.READABLE_ICON_CONTRAST)),
+    };
+};
+exports.getInputLook = getInputLook;
+/** A field's look (an input's, a text area's): the component's, or worked out from its style props where it has none. */
+var lookOfField = function (_a) {
+    var $look = _a.$look, theme = _a.theme, minimal = _a.minimal, transparent = _a.transparent, $surface = _a.$surface;
+    return $look !== null && $look !== void 0 ? $look : (0, exports.getInputLook)(theme, minimal, transparent, $surface);
+};
+exports.lookOfField = lookOfField;
+var lookOf = exports.lookOfField;
 // `width` is the field's CSS width; on a `div` it is not an attribute.
 exports.StyledInputWrapper = styled_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('width'),
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  width: ", ";\n  max-width: ", ";\n  min-width: 60px;\n  flex: ", ";\n  align-self: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  ", "\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n\n    ", "\n  }\n"], ["\n  height: ", "px;\n  width: ", ";\n  max-width: ", ";\n  min-width: 60px;\n  flex: ", ";\n  align-self: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  ", "\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n\n    ", "\n  }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  width: ", ";\n  max-width: ", ";\n  min-width: 60px;\n  flex: ", ";\n  align-self: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  /* The icons beside the text (and the clear button) are drawn in its colour, not in\n     whatever the page around the input is written in. */\n  color: ", ";\n\n  ", "\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n\n    ", "\n  }\n"], ["\n  height: ", "px;\n  width: ", ";\n  max-width: ", ";\n  min-width: 60px;\n  flex: ", ";\n  align-self: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  /* The icons beside the text (and the clear button) are drawn in its colour, not in\n     whatever the page around the input is written in. */\n  color: ", ";\n\n  ", "\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n\n    ", "\n  }\n"])), function (_a) {
     var _size = _a._size;
     return sizes_1.SIZE_TO_PX[_size];
 }, function (_a) {
@@ -109,7 +164,7 @@ exports.StyledInputWrapper = styled_1.default.div.withConfig({
     return minimal || rounded === false
         ? 0
         : (0, sizes_1.resolveRadius)(_size, radiusSize) * (pill ? sizes_1.PILL_RADIUS_MODIFIER : 1);
-}, styles_1.InactiveIconScale, function (_a) {
+}, function (props) { return lookOf(props).text; }, styles_1.InactiveIconScale, function (_a) {
     var theme = _a.theme;
     return (0, colors_2.changeLightness)(theme.main, 0.25);
 }, styles_1.ActiveIconScale);
@@ -175,29 +230,20 @@ exports.StyledInput = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
         }) : undefined;
 }, function (_a) {
     var theme = _a.theme, minimal = _a.minimal, transparent = _a.transparent;
-    return minimal || transparent ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.1);
-}, function (_a) {
-    var theme = _a.theme;
-    return (0, colors_2.getReadableColor)(theme, undefined, undefined, true, theme.originalMain);
-}, function (_a) {
+    return minimal || transparent ? 'transparent' : (0, exports.getInputFill)(theme);
+}, function (props) { return lookOf(props).text; }, function (_a) {
     var theme = _a.theme, minimal = _a.minimal, transparent = _a.transparent;
-    return minimal || transparent ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.15);
-}, function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.rgba)((0, colors_2.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.3);
-}, function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.rgba)((0, colors_2.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.5);
-}, function (_a) {
+    return minimal || transparent ? 'transparent' : (0, exports.getInputFill)(theme, true);
+}, function (props) { return lookOf(props).placeholder; }, function (props) { return lookOf(props).focusedPlaceholder; }, function (_a) {
     var readOnly = _a.readOnly;
     return readOnly && styles_1.ReadOnlyElement;
 }, styles_1.DisabledElement);
 var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b, _c, _d;
-    var width = _a.width, _e = _a.size, size = _e === void 0 ? 'normal' : _e, fluid = _a.fluid, fixed = _a.fixed, className = _a.className, onClearClick = _a.onClearClick, clearLabel = _a.clearLabel, icon = _a.icon, rightIcon = _a.rightIcon, iconColor = _a.iconColor, rightIconColor = _a.rightIconColor, flat = _a.flat, rounded = _a.rounded, radiusSize = _a.radiusSize, minimal = _a.minimal, readOnly = _a.readOnly, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, wrapperStyle = _a.wrapperStyle, focusRules = _a.focusRules, shortcutHint = _a.shortcutHint, _f = _a.leftIconProps, leftIconProps = _f === void 0 ? {} : _f, _g = _a.rightIconProps, rightIconProps = _g === void 0 ? {} : _g, pill = _a.pill, loading = _a.loading, loadingIconType = _a.loadingIconType, passwordToggle = _a.passwordToggle, rest = __rest(_a, ["width", "size", "fluid", "fixed", "className", "onClearClick", "clearLabel", "icon", "rightIcon", "iconColor", "rightIconColor", "flat", "rounded", "radiusSize", "minimal", "readOnly", "customTheme", "inheritCustomTheme", "intent", "wrapperStyle", "focusRules", "shortcutHint", "leftIconProps", "rightIconProps", "pill", "loading", "loadingIconType", "passwordToggle"]);
+    var _b, _c, _d, _e, _f;
+    var width = _a.width, _g = _a.size, size = _g === void 0 ? 'normal' : _g, fluid = _a.fluid, fixed = _a.fixed, className = _a.className, onClearClick = _a.onClearClick, clearLabel = _a.clearLabel, icon = _a.icon, rightIcon = _a.rightIcon, iconColor = _a.iconColor, rightIconColor = _a.rightIconColor, flat = _a.flat, rounded = _a.rounded, radiusSize = _a.radiusSize, minimal = _a.minimal, readOnly = _a.readOnly, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, wrapperStyle = _a.wrapperStyle, focusRules = _a.focusRules, shortcutHint = _a.shortcutHint, _h = _a.leftIconProps, leftIconProps = _h === void 0 ? {} : _h, _j = _a.rightIconProps, rightIconProps = _j === void 0 ? {} : _j, pill = _a.pill, loading = _a.loading, loadingIconType = _a.loadingIconType, passwordToggle = _a.passwordToggle, rest = __rest(_a, ["width", "size", "fluid", "fixed", "className", "onClearClick", "clearLabel", "icon", "rightIcon", "iconColor", "rightIconColor", "flat", "rounded", "radiusSize", "minimal", "readOnly", "customTheme", "inheritCustomTheme", "intent", "wrapperStyle", "focusRules", "shortcutHint", "leftIconProps", "rightIconProps", "pill", "loading", "loadingIconType", "passwordToggle"]);
     var setRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).setRef;
-    var _h = (0, react_1.useState)(null), inputRef = _h[0], setInputRef = _h[1];
-    var _j = (0, react_1.useState)(false), passwordVisible = _j[0], setPasswordVisible = _j[1];
+    var _k = (0, react_1.useState)(null), inputRef = _k[0], setInputRef = _k[1];
+    var _l = (0, react_1.useState)(false), passwordVisible = _l[0], setPasswordVisible = _l[1];
     var generatedId = (0, react_1.useId)();
     // The caret to put back once the field has changed type (see `togglePassword`).
     var selectionToRestore = (0, react_1.useRef)(null);
@@ -217,6 +263,26 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
     var leftIcon = loading
         ? "Loader".concat(loadingIconType || '', "Line")
         : icon || (leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.icon);
+    /* Its colors, once for as long as what decides them holds - its styles take them as they
+       are: a controlled input renders on every keystroke. The icons stand out from the input's
+       background, as its text does. */
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
+    var transparent = rest.transparent;
+    var look = (0, react_1.useMemo)(function () { return (0, exports.getInputLook)(theme, minimal, transparent, surface); }, [theme, minimal, transparent, surface]);
+    // an icon's own color: in its props (which win, as they are spread over the rest), else the input's
+    var _m = (0, iconProps_1.splitIconColor)(leftIconProps), leftIconPropsColor = _m[0], leftIconRest = _m[1];
+    var _o = (0, iconProps_1.splitIconColor)(rightIconProps), rightIconPropsColor = _o[0], rightIconRest = _o[1];
+    var leftIconOwn = leftIconPropsColor || iconColor;
+    var rightIconOwn = rightIconPropsColor || rightIconColor;
+    var leftIconLook = (0, react_1.useMemo)(function () {
+        return (0, colors_2.getReadableIconLook)(theme, [look.background], look.text, colors_1.CONTROL_ICON_OPACITY, leftIconOwn);
+    }, [theme, look, leftIconOwn]);
+    var rightIconLook = (0, react_1.useMemo)(function () {
+        return (0, colors_2.getReadableIconLook)(theme, [look.background], look.text, colors_1.CONTROL_ICON_OPACITY, rightIconOwn);
+    }, [theme, look, rightIconOwn]);
+    // one object for as long as the opacity holds: an icon is a memo component
+    var leftIconEffect = (0, react_1.useMemo)(function () { return ({ opacity: leftIconLook.opacity }); }, [leftIconLook.opacity]);
+    var rightIconEffect = (0, react_1.useMemo)(function () { return ({ opacity: rightIconLook.opacity }); }, [rightIconLook.opacity]);
     var hasPasswordToggle = rest.type === 'password' && !!passwordToggle;
     var passwordToggleConfig = typeof passwordToggle === 'object' ? passwordToggle : {};
     var inputId = (_b = rest.id) !== null && _b !== void 0 ? _b : (hasPasswordToggle ? "reqore-input-".concat(generatedId) : undefined);
@@ -244,9 +310,9 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
     }, []);
     // Room at the right edge, from the edge inwards: the toggle, the right icon, the clear button.
     var passwordToggleWidth = hasPasswordToggle ? sizes_1.SIZE_TO_PX[size] : 0;
-    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, { Component: exports.StyledInputWrapper, className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, radiusSize: radiusSize, minimal: minimal, _size: size, ref: setRef, readOnly: readOnly || loading, disabled: rest.disabled, style: wrapperStyle, pill: pill, tooltip: rest.tooltip, children: [hasLeftIcon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ size: size, color: iconColor, effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }, leftIconProps, { icon: leftIcon, animation: loading ? 'spin' : leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.animation })) })), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({ as: 'input' }, (0, lodash_1.omit)(rest, ['children']), { id: inputId, type: hasPasswordToggle && passwordVisible ? 'text' : rest.type, effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) ? rest === null || rest === void 0 ? void 0 : rest.onChange : undefined, ref: function (ref) { return setInputRef(ref); }, theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, hasRightIcon: !!rightIcon, hasShortcutHint: showShortcutHint, hasPasswordToggle: hasPasswordToggle, clearable: clearable, className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly || loading, pill: pill, children: rest === null || rest === void 0 ? void 0 : rest.children })), (0, jsx_runtime_1.jsx)(InputClearButton_1.default, { enabled: clearable, onClick: onClearClick, label: clearLabel, hasRightIcon: !!rightIcon, rightOffset: passwordToggleWidth, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false }), hasRightIcon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, position: 'right', offset: passwordToggleWidth, children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ size: size, icon: rightIcon, color: rightIconColor, effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }, rightIconProps)) })), hasPasswordToggle && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, position: 'right', children: (0, jsx_runtime_1.jsx)(Button_1.default, { type: 'button', className: 'reqore-input-password-toggle', size: size, icon: passwordVisible ? 'EyeOffLine' : 'EyeLine', minimal: true, flat: true, transparent: true, compact: true, square: true, rounded: false, disabled: rest.disabled, "aria-label": passwordVisible
-                        ? (_c = passwordToggleConfig.hideLabel) !== null && _c !== void 0 ? _c : 'Hide password'
-                        : (_d = passwordToggleConfig.showLabel) !== null && _d !== void 0 ? _d : 'Show password', "aria-controls": inputId, "aria-pressed": passwordVisible, onMouseDown: keepFocusInField, onClick: togglePassword }) })), showShortcutHint && ((0, jsx_runtime_1.jsx)(StyledShortcutWrapper, { _size: size, offset: (hasRightIcon ? sizes_1.SIZE_TO_PX[size] : 0) +
+    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, { Component: exports.StyledInputWrapper, className: 'reqore-control-wrapper', "$surface": surface, "$look": look, fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, radiusSize: radiusSize, minimal: minimal, _size: size, ref: setRef, readOnly: readOnly || loading, disabled: rest.disabled, style: wrapperStyle, pill: pill, tooltip: rest.tooltip, children: [hasLeftIcon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ size: size, color: (_c = leftIconLook.color) !== null && _c !== void 0 ? _c : leftIconOwn, effect: leftIconEffect }, leftIconRest, { icon: leftIcon, animation: loading ? 'spin' : leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.animation })) })), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({ as: 'input' }, (0, lodash_1.omit)(rest, ['children']), { "$surface": surface, "$look": look, id: inputId, type: hasPasswordToggle && passwordVisible ? 'text' : rest.type, effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) ? rest === null || rest === void 0 ? void 0 : rest.onChange : undefined, ref: function (ref) { return setInputRef(ref); }, theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, hasRightIcon: !!rightIcon, hasShortcutHint: showShortcutHint, hasPasswordToggle: hasPasswordToggle, clearable: clearable, className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly || loading, pill: pill, children: rest === null || rest === void 0 ? void 0 : rest.children })), (0, jsx_runtime_1.jsx)(InputClearButton_1.default, { enabled: clearable, onClick: onClearClick, label: clearLabel, hasRightIcon: !!rightIcon, rightOffset: passwordToggleWidth, shownOpacity: look.clearOpacity, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false }), hasRightIcon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, position: 'right', offset: passwordToggleWidth, children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ size: size, icon: rightIcon, color: (_d = rightIconLook.color) !== null && _d !== void 0 ? _d : rightIconOwn, effect: rightIconEffect }, rightIconRest)) })), hasPasswordToggle && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, position: 'right', children: (0, jsx_runtime_1.jsx)(Button_1.default, { type: 'button', className: 'reqore-input-password-toggle', size: size, icon: passwordVisible ? 'EyeOffLine' : 'EyeLine', minimal: true, flat: true, transparent: true, compact: true, square: true, rounded: false, disabled: rest.disabled, "aria-label": passwordVisible
+                        ? (_e = passwordToggleConfig.hideLabel) !== null && _e !== void 0 ? _e : 'Hide password'
+                        : (_f = passwordToggleConfig.showLabel) !== null && _f !== void 0 ? _f : 'Show password', "aria-controls": inputId, "aria-pressed": passwordVisible, onMouseDown: keepFocusInField, onClick: togglePassword }) })), showShortcutHint && ((0, jsx_runtime_1.jsx)(StyledShortcutWrapper, { _size: size, offset: (hasRightIcon ? sizes_1.SIZE_TO_PX[size] : 0) +
                     (clearable ? sizes_1.SIZE_TO_PX[size] : 0) +
                     passwordToggleWidth +
                     7, children: (0, jsx_runtime_1.jsx)(KeyboardShortcut_1.ReqoreKeyboardShortcut, { shortcut: focusRules.shortcut, size: size, compact: true }) }))] }));

package/dist/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/InputClearButton/index.d.ts

@@ -5,10 +5,15 @@ export interface IReqoreInputClearButtonProps extends IReqoreButtonProps {
     hasRightIcon?: boolean;
     /** Extra room (px) taken at the field's right edge by something else, e.g. a password toggle. */
     rightOffset?: number;
+    /**
+     * The opacity the button is drawn at once shown: 0.5 unless given. The field gives the one at which the button
+     * still stands out from its background by 3:1 (WCAG 1.4.11).
+     */
+    shownOpacity?: number;
     /** What it is called, for a screen reader and a test: `Clear` unless given. */
     label?: string;
 }
 export declare const StyledInputClearButton: any;
-declare const ReqoreInputClearButton: ({ show, enabled, size, label, ...rest }: IReqoreInputClearButtonProps) => JSX.Element;
-export default ReqoreInputClearButton;
+declare const _default: import("react").MemoExoticComponent<({ show, enabled, size, shownOpacity, label, ...rest }: IReqoreInputClearButtonProps) => JSX.Element>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InputClearButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,4BAA6B,SAAQ,kBAAkB;IACtE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,sBAAsB,KAelC,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yCAM7B,4BAA4B,gBA2B9B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,4BAA6B,SAAQ,kBAAkB;IACtE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,sBAAsB,KAelC,CAAC;oHAWC,4BAA4B;AAiC/B,wBAA4C"}

package/dist/components/InputClearButton/index.js

@@ -65,9 +65,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledInputClearButton = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var web_1 = require("@react-spring/web");
+var react_1 = require("react");
 var animations_1 = require("../../constants/animations");
 var sizes_1 = require("../../constants/sizes");
 var styled_1 = __importStar(require("../../helpers/styled"));
+var usePrefersReducedMotion_1 = require("../../hooks/usePrefersReducedMotion");
 var Icon_1 = __importDefault(require("../Icon"));
 exports.StyledInputClearButton = (0, styled_1.default)(Icon_1.default).withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('hasRightIcon', 'show', 'rightOffset'),
@@ -75,12 +77,17 @@ exports.StyledInputClearButton = (0, styled_1.default)(Icon_1.default).withConfi
     var size = _a.size, hasRightIcon = _a.hasRightIcon, _b = _a.rightOffset, rightOffset = _b === void 0 ? 0 : _b;
     return (hasRightIcon ? sizes_1.SIZE_TO_PX[size] : 0) + rightOffset;
 });
+var HIDDEN = { opacity: 0, filter: 'blur(10px)' };
 var ReqoreInputClearButton = function (_a) {
-    var show = _a.show, enabled = _a.enabled, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.label, label = _c === void 0 ? 'Clear' : _c, rest = __rest(_a, ["show", "enabled", "size", "label"]);
+    var show = _a.show, enabled = _a.enabled, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.shownOpacity, shownOpacity = _c === void 0 ? 0.5 : _c, _d = _a.label, label = _d === void 0 ? 'Clear' : _d, rest = __rest(_a, ["show", "enabled", "size", "shownOpacity", "label"]);
+    // Where motion is unwelcome it is shown and hidden at once, at its settled opacity from its first paint.
+    var reducedMotion = (0, usePrefersReducedMotion_1.usePrefersReducedMotion)();
+    var shown = (0, react_1.useMemo)(function () { return ({ opacity: shownOpacity, filter: 'blur(0px)' }); }, [shownOpacity]);
     var transitions = (0, web_1.useTransition)(show && enabled, {
-        from: { opacity: 0, filter: 'blur(10px)' },
-        enter: { opacity: 0.5, filter: 'blur(0px)' },
-        leave: { opacity: 0, filter: 'blur(10px)' },
+        from: reducedMotion ? shown : HIDDEN,
+        enter: shown,
+        leave: HIDDEN,
+        immediate: reducedMotion,
         config: animations_1.SPRING_CONFIG,
     });
     return transitions(function (styles, item) {
@@ -91,6 +98,6 @@ var ReqoreInputClearButton = function (_a) {
             } }))) : null;
     });
 };
-exports.default = ReqoreInputClearButton;
+exports.default = (0, react_1.memo)(ReqoreInputClearButton);
 var templateObject_1;
 //# sourceMappingURL=index.js.map

package/dist/components/InputClearButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,yDAA2D;AAC3D,+CAAmD;AACnD,6DAA8D;AAE9D,iDAAiC;AAYpB,QAAA,sBAAsB,GAAG,IAAA,gBAAM,EAAC,cAAU,CAAC,CAAC,UAAU,CAAC;IAClE,iBAAiB,EAAE,IAAA,uBAAc,EAAC,cAAc,EAAE,MAAM,EAAE,aAAa,CAAC;CACzE,CAAC,qRAAkE,oCAEzD,EAC4C,4KAUtD,KAXU,UAAC,EAAuC;QAArC,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IAC7C,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;AAAnD,CAAmD,EAUrD;AAEF,IAAM,sBAAsB,GAAG,UAAC,EAMD;IAL7B,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACZ,IAAI,cALuB,oCAM/B,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,IAAI,IAAI,OAAO,EAAE;QACjD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC1C,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE;QAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC3C,MAAM,EAAE,0BAAa;KACtB,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,UAAC,MAAM,EAAE,IAAI;QAC9B,OAAA,IAAI,CAAC,CAAC,CAAC,CACL,uBAAC,8BAAsB,eACjB,IAAI,IACR,SAAS,EAAC,2BAA2B;YACrC,gGAAgG;YAChG,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,IAAI,EAAC,WAAW,EAChB,cAAc,EAAE,cAAQ,CAAC,IAAI,EAC7B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,kBAAU,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,IACD,CACH,CAAC,CAAC,CAAC,IAAI;IAhBR,CAgBQ,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,+BAAsC;AACtC,yDAA2D;AAC3D,+CAAmD;AACnD,6DAA8D;AAC9D,+EAA8E;AAE9E,iDAAiC;AAiBpB,QAAA,sBAAsB,GAAG,IAAA,gBAAM,EAAC,cAAU,CAAC,CAAC,UAAU,CAAC;IAClE,iBAAiB,EAAE,IAAA,uBAAc,EAAC,cAAc,EAAE,MAAM,EAAE,aAAa,CAAC;CACzE,CAAC,qRAAkE,oCAEzD,EAC4C,4KAUtD,KAXU,UAAC,EAAuC;QAArC,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IAC7C,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;AAAnD,CAAmD,EAUrD;AAEF,IAAM,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAEpD,IAAM,sBAAsB,GAAG,UAAC,EAOD;IAN7B,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,oBAAkB,EAAlB,YAAY,mBAAG,GAAG,KAAA,EAClB,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACZ,IAAI,cANuB,oDAO/B,CADQ;IAEP,yGAAyG;IACzG,IAAM,aAAa,GAAG,IAAA,iDAAuB,GAAE,CAAC;IAChD,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAhD,CAAgD,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAC9F,IAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,IAAI,IAAI,OAAO,EAAE;QACjD,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;QACpC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,aAAa;QACxB,MAAM,EAAE,0BAAa;KACtB,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,UAAC,MAAM,EAAE,IAAI;QAC9B,OAAA,IAAI,CAAC,CAAC,CAAC,CACL,uBAAC,8BAAsB,eACjB,IAAI,IACR,SAAS,EAAC,2BAA2B;YACrC,gGAAgG;YAChG,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,IAAI,EAAC,WAAW,EAChB,cAAc,EAAE,cAAQ,CAAC,IAAI,EAC7B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,kBAAU,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,IACD,CACH,CAAC,CAAC,CAAC,IAAI;IAhBR,CAgBQ,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,sBAAsB,CAAC,CAAC"}

package/dist/components/InternalPopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,gBAAgB,EAOjB,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAkF1C,eAAO,MAAM,oBAAoB,KA8FhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAmChC,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+e1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,gBAAgB,EAOjB,MAAM,OAAO,CAAC;AAqBf,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAkF1C,eAAO,MAAM,oBAAoB,KA8FhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAmChC,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwf1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/InternalPopover/index.js

@@ -75,8 +75,10 @@ var styled_1 = __importDefault(require("../../helpers/styled"));
 var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var animations_1 = require("../../helpers/animations");
 var colors_1 = require("../../helpers/colors");
+var useTheme_1 = require("../../hooks/useTheme");
 var Effect_1 = require("../Effect");
 var Message_1 = __importDefault(require("../Message"));
 var hideModifier_1 = require("./hideModifier");
@@ -157,6 +159,13 @@ var InternalPopover = (0, react_1.memo)(function (_a) {
     var animations = (0, __1.useReqoreProperty)('animations');
     var customPortalId = (0, __1.useReqoreProperty)('customPortalId');
     var uiScale = (0, __1.useReqoreProperty)('uiScale');
+    /* What the popover is drawn on: the layout's surface, not that of what opened it. It is in the
+       portal, over the page, but in the React tree of its trigger, and so inherited its surface: a
+       tag in a popover opened from a danger message picked its shade against the message's red. Its
+       message (the default wrapper) draws the popover's fill on this and hands that fill to the
+       content; content without one (`noWrapper`) is drawn on this. */
+    var theme = (0, useTheme_1.useReqoreTheme)();
+    var layoutSurface = (0, react_1.useMemo)(function () { return (0, colors_1.getThemeSurface)(theme); }, [theme]);
     var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
     var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
     var popperRef = (0, react_1.useRef)(null);
@@ -509,16 +518,16 @@ var InternalPopover = (0, react_1.memo)(function (_a) {
         setPopperElement(el);
         popperRef.current = el;
     }, []);
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsxs)(exports.StyledPopoverWrapper, __assign({ interactive: interactive, maxWidth: maxWidth, minWidth: minWidth, maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : roomBelow, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, noWrapper: noWrapper, dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: handleRef, style: style, animate: animations === null || animations === void 0 ? void 0 : animations.popovers, id: id, onMouseEnter: onPopoverMouseEnter, onMouseLeave: onPopoverMouseLeave }, attributes.popper, { children: [!noArrow && !transparent ? ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: arrowStyle, "data-popper-arrow": true })) : null, (0, jsx_runtime_1.jsx)(exports.StyledPopoverContent, { "$capped": !!(maxHeight !== null && maxHeight !== void 0 ? maxHeight : roomBelow), children: !noWrapper || (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)(Message_1.default, { opaque: !transparent && !minimal, className: 'reqore-popover-text', intent: intent, title: title, icon: icon, minimal: transparent, flat: flat || transparent, effect: effect, backgroundBlur: backgroundBlur, children: content })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.map(content, function (child) {
-                            return child
-                                ? // A DOM element cannot use it, and React would warn about the prop.
-                                    react_1.default.isValidElement(child) && typeof child.type === 'string'
-                                        ? child
-                                        : react_1.default.cloneElement(child, {
-                                            closePopover: closePopover,
-                                        })
-                                : null;
-                        }) })) })] })) }), document.querySelector(customPortalId || '#reqore-portal'));
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: layoutSurface, children: (0, jsx_runtime_1.jsxs)(exports.StyledPopoverWrapper, __assign({ interactive: interactive, maxWidth: maxWidth, minWidth: minWidth, maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : roomBelow, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, noWrapper: noWrapper, dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: handleRef, style: style, animate: animations === null || animations === void 0 ? void 0 : animations.popovers, id: id, onMouseEnter: onPopoverMouseEnter, onMouseLeave: onPopoverMouseLeave }, attributes.popper, { children: [!noArrow && !transparent ? ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: arrowStyle, "data-popper-arrow": true })) : null, (0, jsx_runtime_1.jsx)(exports.StyledPopoverContent, { "$capped": !!(maxHeight !== null && maxHeight !== void 0 ? maxHeight : roomBelow), children: !noWrapper || (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)(Message_1.default, { opaque: !transparent && !minimal, className: 'reqore-popover-text', intent: intent, title: title, icon: icon, minimal: transparent, flat: flat || transparent, effect: effect, backgroundBlur: backgroundBlur, children: content })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.map(content, function (child) {
+                                return child
+                                    ? // A DOM element cannot use it, and React would warn about the prop.
+                                        react_1.default.isValidElement(child) && typeof child.type === 'string'
+                                            ? child
+                                            : react_1.default.cloneElement(child, {
+                                                closePopover: closePopover,
+                                            })
+                                    : null;
+                            }) })) })] })) }) }), document.querySelector(customPortalId || '#reqore-portal'));
 });
 exports.default = InternalPopover;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;