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

package/dist/components/FadeScroller/index.js

@@ -14,39 +14,6 @@ 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]; } };
-    }
-    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;
-    };
-})();
 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)
@@ -58,14 +25,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReqoreFadeScroller = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 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 sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var useDragToScroll_1 = require("../../hooks/useDragToScroll");
 var usePointerDrag_1 = require("../../hooks/usePointerDrag");
 var useScrollFade_1 = require("../../hooks/useScrollFade");
 var useTheme_1 = require("../../hooks/useTheme");
@@ -75,35 +47,13 @@ var TooltipComponent_1 = require("../TooltipComponent");
  * a hard edge, narrow enough not to obscure a whole item.
  */
 var FADE_WIDTH = 36;
-/**
- * How far the pointer must travel before a press becomes a drag.
- *
- * Zero would make every click a one-pixel drag and swallow it; too large and the
- * row feels stuck before it moves. Four pixels is the usual hysteresis for
- * distinguishing a click from a drag.
- */
-var DRAG_THRESHOLD = 4;
-/**
- * Elements a drag must never start on.
- *
- * Deliberately NOT "anything interactive". The rows this is built for are made
- * OF interactive things — a rail of clickable KPI tiles is the motivating case —
- * so excluding buttons would leave nowhere to grab and the feature would do
- * nothing. Their clicks are protected instead by suppressing the click that
- * follows a real drag, which is what makes press-and-release still activate a
- * tile while press-and-pull scrolls past it.
- *
- * What IS excluded is text entry, where a press-and-move already means
- * "select within this value" and there is no other way to ask for it.
- */
-var NON_DRAGGABLE = 'input, textarea, select, [contenteditable=""], [contenteditable="true"]';
 /*
  * The fades are overlay gradients on the wrapper rather than a mask on the scroller,
  * so they sit above the content without entering the scroll flow — a `::before` inside
  * the scrolling element would scroll away with everything else. `pointer-events: none`
  * keeps them from swallowing clicks on the items underneath.
  */
-var StyledFadeScrollerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"])), function (_a) {
+var StyledFadeScrollerWrapper = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"])), function (_a) {
     var $fluid = _a.$fluid;
     return ($fluid ? '100%' : 'auto');
 }, FADE_WIDTH, function (_a) {
@@ -118,7 +68,7 @@ var StyledFadeScrollerWrapper = styled_components_1.default.div(templateObject_1
  * horizontal bar under a single row of chips is thicker than the row it describes.
  * The row stays scrollable by wheel, trackpad, touch and keyboard regardless.
  */
-var StyledFadeScrollerContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"])), function (_a) {
+var StyledFadeScrollerContent = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"])), function (_a) {
     var $verticalAlign = _a.$verticalAlign;
     return $verticalAlign;
 }, function (_a) {
@@ -141,7 +91,7 @@ var marqueeSlide = (0, styled_components_1.keyframes)(templateObject_3 || (templ
  * copy — per loop. The duration is a custom property set from the measured copy
  * width, so the pace in pixels per second is the same however long the row is.
  */
-var StyledMarqueeTrack = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"])), marqueeSlide, function (_a) {
+var StyledMarqueeTrack = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"])), marqueeSlide, function (_a) {
     var $pauseOnHover = _a.$pauseOnHover;
     return $pauseOnHover && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      .reqore-fade-scroller-marquee:hover &,\n      .reqore-fade-scroller-marquee:focus-within & {\n        animation-play-state: paused;\n      }\n    "], ["\n      .reqore-fade-scroller-marquee:hover &,\n      .reqore-fade-scroller-marquee:focus-within & {\n        animation-play-state: paused;\n      }\n    "])));
 });
@@ -150,7 +100,7 @@ var StyledMarqueeTrack = styled_components_1.default.div(templateObject_5 || (te
  * has to equal the gap inside it, or the loop shows a seam — so each copy carries
  * that gap as padding, which also keeps "half the track" exactly one copy wide.
  */
-var StyledMarqueeGroup = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"])), function (_a) {
+var StyledMarqueeGroup = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"])), function (_a) {
     var $verticalAlign = _a.$verticalAlign;
     return $verticalAlign;
 }, function (_a) {
@@ -185,7 +135,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
     var scrollRef = (0, react_1.useRef)(null);
     var trackRef = (0, react_1.useRef)(null);
     var groupRef = (0, react_1.useRef)(null);
-    var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
+    var _l = (0, useCombinedRefs_1.useCombinedRefs)(ref), targetRef = _l.targetRef, setRef = _l.setRef;
     // Someone who asked their OS for less motion gets the plain row: no copy,
     // no animation, and the fades measured like any other row.
     var reducedMotion = (0, react_1.useMemo)(function () {
@@ -258,7 +208,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
     var dragHandlers = (0, usePointerDrag_1.usePointerDrag)({
         enabled: canDrag,
         axis: 'x',
-        slop: DRAG_THRESHOLD,
+        slop: useDragToScroll_1.DRAG_TO_SCROLL_THRESHOLD,
         trackDragging: false,
         canStart: function (event) {
             var _a, _b;
@@ -267,7 +217,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
             return event.pointerType !== 'touch' &&
                 // Shift is the documented escape hatch to "select instead of drag".
                 !event.shiftKey &&
-                !((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, NON_DRAGGABLE)) &&
+                !((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, useDragToScroll_1.NON_DRAGGABLE)) &&
                 // Nothing to scroll: leave the press alone entirely so a click on a row that
                 // happens to fit behaves exactly as it did before.
                 event.currentTarget.scrollWidth > event.currentTarget.clientWidth;
@@ -292,7 +242,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
        surface — there is no border or background for an intent to colour
        instead. Without this, `intent` would type-check and paint nothing. */
     var resolvedFadeColor = (0, react_1.useMemo)(function () { return fadeColor !== null && fadeColor !== void 0 ? fadeColor : (intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme)); }, [fadeColor, intent, theme]);
-    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledFadeScrollerWrapper, tooltip: tooltip, ref: targetRef, theme: theme, className: [
+    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledFadeScrollerWrapper, tooltip: tooltip, ref: setRef, theme: theme, className: [
             className || '',
             'reqore-fade-scroller',
             marqueeActive ? 'reqore-fade-scroller-marquee' : '',

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

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

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

@@ -16,7 +16,13 @@ export interface IReqoreFeatureCardProps extends Omit<React.HTMLAttributes<HTMLD
     label: React.ReactNode;
     /** Effect applied to the label heading. */
     labelEffect?: IReqoreEffect;
-    /** Body copy under the label. */
+    /**
+     * Body copy under the label.
+     *
+     * Text, inline content or blocks (a `ReqoreP`, a list, a `ReqoreControlGroup`): it is drawn in
+     * a block container with the description's typography, not in a paragraph, which could not
+     * hold a block.
+     */
     description?: React.ReactNode;
     /** Effect applied to the description paragraph. */
     descriptionEffect?: IReqoreEffect;

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

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

package/dist/components/FeatureCard/index.js

@@ -58,6 +58,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -66,21 +75,33 @@ exports.ReqoreFeatureCard = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 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 = __importStar(require("../../helpers/styled"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var utils_1 = require("../../helpers/utils");
+var useDrawnSurface_1 = require("../../hooks/useDrawnSurface");
 var useTheme_1 = require("../../hooks/useTheme");
 var styles_1 = require("../../styles");
 var Button_1 = __importStar(require("../Button"));
 var ControlGroup_1 = __importDefault(require("../ControlGroup"));
 var item_1 = __importDefault(require("../ControlGroup/item"));
 var Effect_1 = require("../Effect");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var Header_1 = require("../Header");
 var Icon_1 = __importDefault(require("../Icon"));
 var Paragraph_1 = require("../Paragraph");
+var surface_1 = require("../../helpers/surface");
 var TooltipComponent_1 = require("../TooltipComponent");
-var StyledFeatureCard = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"])), function (_a) {
+// Its styling flags, and the layout flags a containing `ReqoreControlGroup` hands it, are not
+// its element's (nor a component it is rendered `as`). `disabled` still reaches an element that
+// has it, when the component is rendered `as` one (see `omitStyleProps`).
+var StyledFeatureCard = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
+    shouldForwardProp: styled_1.omitStyleProps.apply(void 0, __spreadArray(['disabled',
+        'inheritCustomTheme',
+        'interactive',
+        'radiusSize'], styled_1.REQORE_CONTROL_GROUP_CHILD_PROPS, false)),
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"])), function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return sizes_1.PADDING_FROM_SIZE[size];
 }, function (_a) {
@@ -96,7 +117,7 @@ var StyledFeatureCard = (0, styled_components_1.default)(Effect_1.StyledEffect)(
     });
 }, function (_a) {
     var theme = _a.theme, $transparent = _a.$transparent;
-    return $transparent ? 'transparent' : (0, colors_1.getPanelBackgroundColor)(theme);
+    return $transparent ? 'transparent' : (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03);
 }, function (_a) {
     var theme = _a.theme, intent = _a.intent, flat = _a.flat;
     return flat
@@ -106,8 +127,8 @@ var StyledFeatureCard = (0, styled_components_1.default)(Effect_1.StyledEffect)(
     var rounded = _a.rounded, _b = _a.size, size = _b === void 0 ? 'normal' : _b, radiusSize = _a.radiusSize;
     return rounded === false ? 0 : "".concat((0, sizes_1.resolveRadius)(size, radiusSize), "px");
 }, function (_a) {
-    var theme = _a.theme;
-    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+    var theme = _a.theme, $color = _a.$color;
+    return $color !== null && $color !== void 0 ? $color : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
 }, function (_a) {
     var fluid = _a.fluid;
     return (fluid ? '1 auto' : '0 0 auto');
@@ -122,12 +143,27 @@ var StyledFeatureCard = (0, styled_components_1.default)(Effect_1.StyledEffect)(
     return interactive
         ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          cursor: pointer;\n\n          &:hover {\n            transform: translateY(-1px);\n            border-color: ", ";\n          }\n        "], ["\n          cursor: pointer;\n\n          &:hover {\n            transform: translateY(-1px);\n            border-color: ", ";\n          }\n        "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.18)) : undefined;
 });
-var StyledFeatureCardMarker = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, intent = _a.intent;
-    return intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22);
+/** How much larger than the card's text its marker (a number, an icon) is drawn. */
+var MARKER_TEXT_SCALE = 1.4;
+/**
+ * The marker's color on the card: the intent's, or a muted shade of the card, in a shade of it that stands out
+ * from what it is drawn on - a number as text (3:1 once it is large), an icon on its tile at 3:1.
+ */
+var getFeatureCardMarkerColor = function (theme, marker, size, background, intent) {
+    if (marker === 'icon') {
+        var tile = (0, colors_1.getDrawnColor)((0, polished_1.rgba)(intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.18), 0.18), background);
+        return (0, colors_1.getReadableAccentColor)((0, colors_1.getDrawnColor)(intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.6), tile), tile, colors_1.READABLE_ICON_CONTRAST);
+    }
+    // the number is bold
+    var large = sizes_1.TEXT_FROM_SIZE[size] * MARKER_TEXT_SCALE >= colors_1.LARGE_BOLD_TEXT_PX;
+    return (0, colors_1.getReadableAccentColor)((0, colors_1.getDrawnColor)(intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), background), background, large ? colors_1.READABLE_ICON_CONTRAST : colors_1.READABLE_TEXT_CONTRAST);
+};
+var StyledFeatureCardMarker = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, intent = _a.intent, marker = _a.marker, size = _a.size, $background = _a.$background;
+    return getFeatureCardMarkerColor(theme, marker, size, $background, intent);
 }, function (_a) {
     var size = _a.size;
-    return sizes_1.TEXT_FROM_SIZE[size] * 1.4;
+    return sizes_1.TEXT_FROM_SIZE[size] * MARKER_TEXT_SCALE;
 }, function (_a) {
     var marker = _a.marker, theme = _a.theme, intent = _a.intent;
     return marker === 'line'
@@ -137,21 +173,19 @@ var StyledFeatureCardMarker = styled_components_1.default.div(templateObject_5 |
             ? theme.intents[intent]
             : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), 0.8)) : undefined;
 }, function (_a) {
-    var marker = _a.marker, size = _a.size, theme = _a.theme, intent = _a.intent;
+    var marker = _a.marker, size = _a.size, theme = _a.theme, intent = _a.intent, $background = _a.$background;
     return marker === 'icon'
         ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          align-items: center;\n          justify-content: center;\n          width: ", "px;\n          height: ", "px;\n          border-radius: ", "px;\n          background: ", ";\n          color: ", ";\n          box-shadow: inset 0 0 0 1px\n            ", ";\n        "], ["\n          align-items: center;\n          justify-content: center;\n          width: ", "px;\n          height: ", "px;\n          border-radius: ", "px;\n          background: ", ";\n          color: ", ";\n          box-shadow: inset 0 0 0 1px\n            ", ";\n        "])), sizes_1.TEXT_FROM_SIZE[size] * 2.2, sizes_1.TEXT_FROM_SIZE[size] * 2.2, sizes_1.RADIUS_FROM_SIZE[size], (0, polished_1.rgba)(intent
             ? theme.intents[intent]
-            : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.18), 0.18), intent
-            ? theme.intents[intent]
-            : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.6), (0, polished_1.rgba)(intent
+            : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.18), 0.18), getFeatureCardMarkerColor(theme, marker, size, $background, intent), (0, polished_1.rgba)(intent
             ? theme.intents[intent]
             : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), 0.35)) : undefined;
 });
-var StyledFeatureCardContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"])));
-var StyledLabelRow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"])));
+var StyledFeatureCardContent = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"])));
+var StyledLabelRow = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"])));
 // Cascade ellipsis CSS into the inner ReqoreP — `text-overflow: ellipsis`
 // only takes effect on the actual text-bearing element.
-var StyledTextSlot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
+var StyledTextSlot = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
     var $wrap = _a.$wrap;
     return !$wrap && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "], ["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "])));
 });
@@ -165,17 +199,38 @@ exports.ReqoreFeatureCard = (0, react_1.memo)((0, react_1.forwardRef)(function (
     var marker = markerProp !== null && markerProp !== void 0 ? markerProp : (icon ? 'icon' : 'line');
     var hasActions = !!(actions === null || actions === void 0 ? void 0 : actions.length);
     var hasFooter = (footer !== undefined && footer !== null && footer !== false) || hasActions;
-    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { ref: ref, Component: StyledFeatureCard, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, className: "".concat(className || '', " reqore-feature-card"), children: [marker !== 'none' && ((0, jsx_runtime_1.jsxs)(StyledFeatureCardMarker, { marker: marker, size: size, theme: theme, intent: intent, className: 'reqore-feature-card-marker', children: [marker === 'number' && ((0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, { effect: markerEffect, children: markerLabel })), marker === 'icon' && icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ icon: icon, size: size, color: iconColor }, iconProps)))] })), (0, jsx_runtime_1.jsxs)(StyledFeatureCardContent, { className: 'reqore-feature-card-content', children: [(0, jsx_runtime_1.jsxs)(StyledLabelRow, { className: 'reqore-feature-card-label-row', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: labelSize, customTheme: theme, effect: labelEffect, className: 'reqore-feature-card-label', children: label }) }), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: descriptionSize, customTheme: theme, effect: __assign({ opacity: 0.72 }, descriptionEffect), className: 'reqore-feature-card-description', children: description }) }))] }), hasFooter && ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, __assign({ wrap: true, gapSize: 'small', verticalAlign: 'center', size: size }, footerProps, { className: "".concat((footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) || '', " reqore-feature-card-footer"), children: [footer !== undefined && footer !== null && footer !== false ? ((0, jsx_runtime_1.jsx)(item_1.default, { className: 'reqore-feature-card-footer-content', children: typeof footer === 'string' || typeof footer === 'number' ? (
-                        // Text gets the description's size, so a footer note reads as card text.
-                        (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: descriptionSize, customTheme: theme, children: footer })) : (footer) })) : null, actions === null || actions === void 0 ? void 0 : actions.map(function (_a, index) {
-                        var actionLabel = _a.label, action = __rest(_a, ["label"]);
-                        return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: intent, customTheme: customTheme, 
-                            // A disabled card is out of the pointer's reach, but not the keyboard's.
-                            disabled: disabled }, action, { className: "".concat(action.className || '', " reqore-feature-card-action"), 
-                            // After the spread, so it wraps the consumer's handler: an action is a
-                            // control, and a click on it is never a click on the card.
-                            onClick: (0, utils_1.withStoppedPropagation)(action.onClick), children: actionLabel }), index));
-                    })] })))] })));
+    // What the card is drawn in: its marker, its text and its footer are read against it.
+    var _g = (0, useDrawnSurface_1.useReqoreDrawnSurface)({
+        theme: theme,
+        customTheme: customTheme,
+        transparent: transparent,
+        fill: (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03),
+        effect: effect,
+    }), background = _g.background, backgrounds = _g.backgrounds, text = _g.text;
+    /* fainter than the label, as far as it stays readable on the card in the color it is drawn in - its effect's,
+       where the theme can resolve it, else the card's text - unless the caller gives its opacity: one object
+       while it holds, for a memo component */
+    var descriptionLook = (0, react_1.useMemo)(function () {
+        var _a;
+        return (descriptionEffect === null || descriptionEffect === void 0 ? void 0 : descriptionEffect.opacity) !== undefined
+            ? descriptionEffect
+            : __assign(__assign({}, descriptionEffect), { opacity: (0, colors_1.getReadableAlpha)((_a = (0, surface_1.getDrawnEffectTextColor)(theme, descriptionEffect === null || descriptionEffect === void 0 ? void 0 : descriptionEffect.color, backgrounds)) !== null && _a !== void 0 ? _a : text, backgrounds, 0.72) });
+    }, [descriptionEffect, theme, text, backgrounds]);
+    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent
+    // A div, not the effect's span: the card holds blocks, which a span may not.
+    , __assign({ 
+        // A div, not the effect's span: the card holds blocks, which a span may not.
+        as: 'div' }, rest, { ref: ref, Component: StyledFeatureCard, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$color": text, "$backgrounds": backgrounds, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, className: "".concat(className || '', " reqore-feature-card"), children: (0, jsx_runtime_1.jsxs)(SurfaceContext_1.ReqoreSurfaceProvider, { color: backgrounds, children: [marker !== 'none' && ((0, jsx_runtime_1.jsxs)(StyledFeatureCardMarker, { marker: marker, size: size, theme: theme, intent: intent, "$background": background, className: 'reqore-feature-card-marker', children: [marker === 'number' && ((0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, { effect: markerEffect, children: markerLabel })), marker === 'icon' && icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ icon: icon, size: size, color: iconColor }, iconProps)))] })), (0, jsx_runtime_1.jsxs)(StyledFeatureCardContent, { className: 'reqore-feature-card-content', children: [(0, jsx_runtime_1.jsxs)(StyledLabelRow, { className: 'reqore-feature-card-label-row', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: labelSize, customTheme: theme, effect: labelEffect, className: 'reqore-feature-card-label', children: label }) }), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { as: (0, Paragraph_1.getReqoreTextElement)(description), size: descriptionSize, customTheme: theme, effect: descriptionLook, className: 'reqore-feature-card-description', children: description }) }))] }), hasFooter && ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, __assign({ wrap: true, gapSize: 'small', verticalAlign: 'center', size: size }, footerProps, { className: "".concat((footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) || '', " reqore-feature-card-footer"), children: [footer !== undefined && footer !== null && footer !== false ? ((0, jsx_runtime_1.jsx)(item_1.default, { className: 'reqore-feature-card-footer-content', children: typeof footer === 'string' || typeof footer === 'number' ? (
+                            // Text gets the description's size, so a footer note reads as card text.
+                            (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: descriptionSize, customTheme: theme, children: footer })) : (footer) })) : null, actions === null || actions === void 0 ? void 0 : actions.map(function (_a, index) {
+                            var actionLabel = _a.label, action = __rest(_a, ["label"]);
+                            return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: intent, customTheme: customTheme, 
+                                // A disabled card is out of the pointer's reach, but not the keyboard's.
+                                disabled: disabled }, action, { className: "".concat(action.className || '', " reqore-feature-card-action"), 
+                                // After the spread, so it wraps the consumer's handler: an action is a
+                                // control, and a click on it is never a click on the card.
+                                onClick: (0, utils_1.withStoppedPropagation)(action.onClick), children: actionLabel }), index));
+                        })] })))] }) })));
 }));
 exports.default = exports.ReqoreFeatureCard;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAkD;AAClD,uDAAwC;AACxC,6DAAgG;AAChG,+CAO+B;AAE/B,+CAW8B;AAC9B,6CAK6B;AAC7B,+DAAoE;AACpE,iDAAsD;AACtD,uCAA8D;AAc9D,kDAAwF;AACxF,iEAA+E;AAC/E,8DAA0D;AAC1D,oCAKmB;AACnB,+DAAqE;AACrE,oCAA0C;AAC1C,iDAAuD;AACvD,0CAA6D;AAC7D,iDAAgE;AAChE,wDAA6D;AAoH7D,8FAA8F;AAC9F,gGAAgG;AAChG,0EAA0E;AAC1E,IAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,qBAAY,CAAC,CAAC,UAAU,CAAC;IACxD,iBAAiB,EAAE,uBAAc,8BAC/B,UAAU;QACV,oBAAoB;QACpB,aAAa;QACb,YAAY,GACT,yCAAgC,SACpC;CACF,CAAC,0pBAAyB,mDAGlB,EAAgD,gBAC9C,EAA4D,oCAE1D,EAMP,yBACgB,EACgE,eAC1E,EAMD,sBACQ,EAC+C,cACvD,EAAoF,yDAGrF,EAA8C,oGAGpD,EAAiE,QAEjE,EAA6C,qOAQ7C,EAaa,IAChB,KAnDQ,UAAC,EAAmB;QAAjB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC;AAAvB,CAAuB,EAC9C,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtC,CAAsC,EAE1D,UAAC,EAAyB;QAAvB,OAAO,aAAA,EAAE,YAAY,kBAAA;IACjC,OAAA,IAAA,sBAAc,EAAC;QACb,MAAM,EAAE,OAAO;QACf,WAAW,EAAE,YAAY;QACzB,kBAAkB,EAAE,CAAC;QACrB,oBAAoB,EAAE,CAAC;KACxB,CAAC;AALF,CAKE,EACgB,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IACxC,OAAA,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,uBAAc,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAAlF,CAAkF,EAC1E,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IAC9B,OAAA,IAAI;QACF,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,oBAAa,IAAA,wBAAe,EAC1B,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAC9D,IAAI,CACL,CAAE;AALP,CAKO,EACQ,UAAC,EAAkD;QAAhD,OAAO,aAAA,EAAE,YAAyB,EAAzB,IAAI,mBAAG,QAAkB,KAAA,EAAE,UAAU,gBAAA;IAChE,OAAA,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAG,IAAA,qBAAa,EAAC,IAAI,EAAE,UAAU,CAAC,OAAI;AAA9D,CAA8D,EACvD,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IAAO,OAAA,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAA7D,CAA6D,EAGrF,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;AAA/B,CAA+B,EAGpD,UAAC,EAAiB;QAAf,OAAO,aAAA,EAAE,IAAI,UAAA;IAAO,OAAA,OAAO,IAAI,IAAI,KAAK,KAAK,IAAI,sBAAa;AAA1C,CAA0C,EAEjE,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,wBAAe;AAA3B,CAA2B,EAQ7C,UAAC,EAA8B;QAA5B,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IAC7B,OAAA,WAAW;QACT,CAAC,KAAC,uBAAG,2NAAA,2HAKiB,EAGf,0BAEJ,KALmB,IAAA,wBAAe,EAC7B,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAC9D,IAAI,CACL,EAGP,CAAC,CAAC,SAAS;AAZb,CAYa,CAChB,CAAC;AAEF,oFAAoF;AACpF,IAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B;;;GAGG;AACH,IAAM,yBAAyB,GAAG,UAChC,KAAmB,EACnB,MAAgC,EAChC,IAAY,EACZ,UAA2B,EAC3B,MAAgC;IAEhC,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,IAAM,IAAI,GAAG,IAAA,sBAAa,EACxB,IAAA,eAAI,EACF,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACrF,IAAI,CACL,EACD,UAAU,CACX,CAAC;QAEF,OAAO,IAAA,+BAAsB,EAC3B,IAAA,sBAAa,EACX,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC,EACpF,IAAI,CACL,EACD,IAAI,EACJ,+BAAsB,CACvB,CAAC;IACJ,CAAC;IAED,qBAAqB;IACrB,IAAM,KAAK,GAAG,sBAAc,CAAC,IAAI,CAAC,GAAG,iBAAiB,IAAI,2BAAkB,CAAC;IAE7E,OAAO,IAAA,+BAAsB,EAC3B,IAAA,sBAAa,EACX,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACrF,UAAU,CACX,EACD,UAAU,EACV,KAAK,CAAC,CAAC,CAAC,+BAAsB,CAAC,CAAC,CAAC,+BAAsB,CACxD,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,uBAAuB,GAAG,gBAAM,CAAC,GAAG,yNAMxC,2DAGS,EAC4D,kBACxD,EAAsD,qDAIjE,EAmBa,QAEb,EAuBa,IAChB,KAnDU,UAAC,EAA4C;QAA1C,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;IAClD,OAAA,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC;AAAnE,CAAmE,EACxD,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC,GAAG,iBAAiB;AAAxC,CAAwC,EAIjE,UAAC,EAAyB;QAAvB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACxB,OAAA,MAAM,KAAK,MAAM;QACf,CAAC,KAAC,uBAAG,8RAAA,uIAKqB,EAEoC,qDAEpD,EAKD,0BAEN,KAXuB,MAAM;YACxB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvB,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EAEpD,IAAA,eAAI,EACJ,MAAM;YACJ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvB,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACxD,GAAG,CACJ,EAGT,CAAC,CAAC,SAAS;AAlBb,CAkBa,EAEb,UAAC,EAA4C;QAA1C,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA;IAC3C,OAAA,MAAM,KAAK,MAAM;QACf,CAAC,KAAC,uBAAG,0VAAA,yFAGQ,EAA0B,yBACzB,EAA0B,gCACnB,EAAsB,6BACzB,EAKb,sBACQ,EAAmE,wDAExE,EAKD,aACJ,KAjBU,sBAAc,CAAC,IAAI,CAAC,GAAG,GAAG,EACzB,sBAAc,CAAC,IAAI,CAAC,GAAG,GAAG,EACnB,wBAAgB,CAAC,IAAI,CAAC,EACzB,IAAA,eAAI,EAChB,MAAM;YACJ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvB,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACxD,IAAI,CACL,EACQ,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,EAExE,IAAA,eAAI,EACJ,MAAM;YACJ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvB,CAAC,CAAC,IAAA,wBAAe,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACxD,IAAI,CACL,EAEP,CAAC,CAAC,SAAS;AAtBb,CAsBa,CAChB,CAAC;AAEF,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,6HAAA,0DAI1C,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,mKAAA,gGAMhC,IAAA,CAAC;AAEF,0EAA0E;AAC1E,wDAAwD;AACxD,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,gGAAoB,uBAEjD,EAaC,IACJ,KAdG,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,CAAC,KAAK,QACN,uBAAG,oSAAA,gOAWF,IAAA;AAZD,CAYC,CACJ,CAAC;AAEW,QAAA,iBAAiB,GAAG,IAAA,YAAI,EACnC,IAAA,kBAAU,EACR,UACE,EAmCC,EACD,GAAG;IAnCD,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACT,UAAU,YAAA,EAClB,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,MAAM,YAAA,EACN,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACR,IAAI,cAlCT,kZAmCC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;IAC5F,IAAM,SAAS,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,6BAAqB,CAAC,IAAI,CAA0B,EAApD,CAAoD,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9F,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,sBAAc,EAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,IAAM,aAAa,GAAG,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC;IAC/C,IAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC;IACvD,IAAM,MAAM,GAA6B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAChF,IAAM,UAAU,GAAG,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,CAAC;IACrC,IAAM,SAAS,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,IAAI,UAAU,CAAC;IAC9F,sFAAsF;IAChF,IAAA,KAAoC,IAAA,uCAAqB,EAAC;QAC9D,KAAK,OAAA;QACL,WAAW,aAAA;QACX,WAAW,aAAA;QACX,IAAI,EAAE,IAAA,uBAAc,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QACzD,MAAM,QAAA;KACP,CAAC,EANM,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAMnC,CAAC;IACH;;8CAE0C;IAC1C,IAAM,eAAe,GAAG,IAAA,eAAO,EAC7B;;QACE,OAAA,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,MAAK,SAAS;YACtC,CAAC,CAAC,iBAAiB;YACnB,CAAC,uBACM,iBAAiB,KACpB,OAAO,EAAE,IAAA,yBAAgB,EACvB,MAAA,IAAA,iCAAuB,EAAC,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,EAAE,WAAW,CAAC,mCAAI,IAAI,EAC7E,WAAW,EACX,IAAI,CACL,GACF,CAAA;KAAA,EACP,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC9C,CAAC;IAEF,OAAO,CACL,uBAAC,yCAAsB;IACrB,6EAA6E;;QAA7E,6EAA6E;QAC7E,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,kBACF,WAAW,YAEjB,IAAI,kBACE,WAAW,aAChB,MAAM,aACN,MAAM,kBACD,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,EACjC,MAAM,aAAI,WAAW,EAAE,aAAa,IAAK,MAAM,GAC/C,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,YAInD,wBAAC,sCAAqB,IAAC,KAAK,EAAE,WAAW,aACxC,MAAM,KAAK,MAAM,IAAI,CACpB,wBAAC,uBAAuB,IACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,iBACD,UAAU,EACvB,SAAS,EAAC,4BAA4B,aAErC,MAAM,KAAK,QAAQ,IAAI,CACtB,uBAAC,qBAAY,IAAC,MAAM,EAAE,YAAY,YAAG,WAAW,GAAgB,CACjE,EACA,MAAM,KAAK,MAAM,IAAI,IAAI,IAAI,CAC5B,uBAAC,cAAU,aACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,IACZ,SAAS,EACb,CACH,IACuB,CAC3B,EACD,wBAAC,wBAAwB,IAAC,SAAS,EAAC,6BAA6B,aAC/D,wBAAC,cAAc,IAAC,SAAS,EAAC,+BAA+B,aACvD,uBAAC,cAAc,aAAQ,IAAI,YACzB,uBAAC,sBAAa,IACZ,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,KAAK,EAClB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,2BAA2B,YAEpC,KAAK,GACQ,GACD,EAChB,QAAQ,IAAI,uBAAC,oBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,GAAG,IACvD,EAChB,WAAW,IAAI,CACd,uBAAC,cAAc,aAAQ,IAAI,YACzB,uBAAC,mBAAO,IACN,EAAE,EAAE,IAAA,gCAAoB,EAAC,WAAW,CAAC,EACrC,IAAI,EAAE,eAAe,EACrB,WAAW,EAAE,KAAK,EAClB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAC,iCAAiC,YAE1C,WAAW,GACJ,GACK,CAClB,IACwB,EAC1B,SAAS,IAAI,CACV,wBAAC,sBAAkB,aACjB,IAAI,QACJ,OAAO,EAAC,OAAO,EACf,aAAa,EAAC,QAAQ,EACtB,IAAI,EAAE,IAAI,IACN,WAAW,IACf,SAAS,EAAE,UAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,KAAI,EAAE,gCAA6B,aAEtE,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAC7D,uBAAC,cAAsB,IAAC,SAAS,EAAC,oCAAoC,YACnE,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC;4BAC1D,yEAAyE;4BACzE,uBAAC,mBAAO,IAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,YAC/C,MAAM,GACC,CACX,CAAC,CAAC,CAAC,CACF,MAAM,CACP,GACsB,CAC1B,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,EAAiC,EAAE,KAAK;4BAAtC,IAAO,WAAW,WAAA,EAAK,MAAM,cAA/B,SAAiC,CAAF;4BAAc,OAAA,CAC1D,uBAAC,gBAAY,aAEX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW;gCACxB,yEAAyE;gCACzE,QAAQ,EAAE,QAAQ,IACd,MAAM,IACV,SAAS,EAAE,UAAG,MAAM,CAAC,SAAS,IAAI,EAAE,gCAA6B;gCACjE,uEAAuE;gCACvE,2DAA2D;gCAC3D,OAAO,EAAE,IAAA,8BAAsB,EAAoB,MAAM,CAAC,OAAO,CAAC,YAEjE,WAAW,KAZP,KAAK,CAaG,CAChB,CAAA;yBAAA,CAAC,KACiB,CACxB,IACuB,IACD,CAC1B,CAAC;AACJ,CAAC,CACF,CACF,CAAC;AAEF,kBAAe,yBAAiB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6C,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAI3E,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,mJA+BzB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6C,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAI3E,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KASxB,CAAC;AAEF,eAAO,MAAM,aAAa,mJAiCzB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,GAAI,OAAO,mBAAmB,4CAA0C,CAAC"}

package/dist/components/Header/index.js

@@ -32,15 +32,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreHeading = exports.StyledHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
+var styled_1 = __importDefault(require("../../helpers/styled"));
 var sizes_1 = require("../../constants/sizes");
+var colors_1 = require("../../helpers/colors");
 var utils_1 = require("../../helpers/utils");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var useTheme_1 = require("../../hooks/useTheme");
 var Effect_1 = require("../Effect");
 var TooltipComponent_1 = require("../TooltipComponent");
-exports.StyledHeader = (0, styled_components_1.default)(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  font-size: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  font-size: ", ";\n"])), function (_a) {
-    var theme = _a.theme, intent = _a.intent;
-    return (intent ? theme.intents[intent] : 'inherit');
+exports.StyledHeader = (0, styled_1.default)(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  /* An intent colours the heading in a shade of it that reads on what the heading is drawn on. */\n  color: ", ";\n\n  font-size: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  /* An intent colours the heading in a shade of it that reads on what the heading is drawn on. */\n  color: ", ";\n\n  font-size: ", ";\n"])), function (_a) {
+    var theme = _a.theme, intent = _a.intent, $surface = _a.$surface;
+    return intent ? (0, colors_1.getReadableIntentColor)(theme, intent, undefined, $surface) : 'inherit';
 }, function (_a) {
     var _size = _a._size;
     return _size && sizes_1.HEADER_LEVEL_TO_PX[_size] ? "".concat(sizes_1.HEADER_LEVEL_TO_PX[_size], "px") : 'inherit';
@@ -48,11 +50,12 @@ exports.StyledHeader = (0, styled_components_1.default)(Effect_1.StyledTextEffec
 exports.ReqoreHeading = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var size = _a.size, children = _a.children, customTheme = _a.customTheme, intent = _a.intent, className = _a.className, tooltip = _a.tooltip, rest = __rest(_a, ["size", "children", "customTheme", "intent", "className", "tooltip"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
     var _size = (0, utils_1.isStringSize)(size) ? sizes_1.HEADER_SIZE_TO_NUMBER[size] : size;
     var HTMLheaderElement = (0, react_1.useMemo)(function () {
         return "h".concat(_size);
     }, [_size]);
-    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ Component: exports.StyledHeader, ref: ref, tooltip: tooltip, as: HTMLheaderElement, theme: theme, intent: intent }, rest, { _size: _size, className: "".concat(className || '', " reqore-heading"), children: children })));
+    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ Component: exports.StyledHeader, ref: ref, tooltip: tooltip, as: HTMLheaderElement, theme: theme, intent: intent, $surface: surface }, rest, { _size: _size, className: "".concat(className || '', " reqore-heading"), children: children })));
 }));
 var ReqoreH1 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 1 }, props)); };
 exports.ReqoreH1 = ReqoreH1;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKlF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAyCD,eAAO,MAAM,iBAAiB,KAqE7B,CAAC;AAEF,QAAA,MAAM,UAAU,0HAwJf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAalF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA4BD,eAAO,MAAM,iBAAiB,KA4D7B,CAAC;AAEF,QAAA,MAAM,UAAU,0HAiKf,CAAC;AAEF,eAAe,UAAU,CAAC"}