impact-nova 3.0.0-alpha.1 → 3.0.0-alpha.2

package/dist/components/flows/guidance/renderers/guidance-card-shared.js

@@ -6,9 +6,9 @@ import { GuidanceActionTapIcon as O } from "./guidance-action-tap-icon.js";
 import { GuidanceStepKeybinding as S, GuidanceShortcutReferenceList as M } from "./guidance-shortcut-display.js";
 import { Button as h } from "../../../primitives/button/button.js";
 import { Tooltip as R, TooltipTrigger as U, TooltipContent as $ } from "../../../feedback/tooltip/tooltip.js";
-import { cn as m } from "../../../../lib/utils.js";
 import { Progress as D } from "../../../primitives/progress/progress.js";
 import { useImpactNovaI18n as g } from "../../../../i18n/use-impact-nova-i18n.js";
+import { cn as m } from "../../../../lib/utils.js";
 const J = "Skip", A = "Back";
 function Q({
   activeStepIndex: r,

package/dist/components/flows/iris-chat/iris-chat-artifact.js

@@ -3,10 +3,10 @@ import { Download as y, ThreeDots as v } from "impact-nova-icons";
 import { Checkbox as C } from "../../forms/checkbox/checkbox.js";
 import { DropdownMenu as w, DropdownMenuTrigger as j, DropdownMenuContent as k, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
 import { ButtonIconTooltip as x } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { cn as f } from "../../../lib/utils.js";
 import { Button as b } from "../../primitives/button/button.js";
 import { useImpactNovaI18n as I } from "../../../i18n/use-impact-nova-i18n.js";
-import { createComponent as u } from "../../../lib/primitives/create-component.js";
+import { createComponent as f } from "../../../lib/primitives/create-component.js";
+import { cn as u } from "../../../lib/utils.js";
 function N(o, i) {
   const a = o.map((l) => l.header).join(","), n = i.map(
     (l) => o.map((t) => {
@@ -21,7 +21,7 @@ function S(o, i, a) {
   const n = new Blob([N(i, a)], { type: "text/csv;charset=utf-8" }), l = URL.createObjectURL(n), t = document.createElement("a");
   t.href = l, t.download = `${o.replaceAll(/\s+/g, "-").toLowerCase()}.csv`, t.click(), URL.revokeObjectURL(l);
 }
-const O = u(
+const O = f(
   "IrisChatArtifact",
   ({ className: o, title: i, columns: a, rows: n, onDownload: l, onMore: t }, d) => {
     const { t: c } = I(), m = () => {
@@ -35,7 +35,7 @@ const O = u(
       {
         ref: d,
         "data-component": "iris-chat-artifact",
-        className: f("min-w-0 w-full max-w-full overflow-hidden rounded-xl border border-stroke-subtle", o),
+        className: u("min-w-0 w-full max-w-full overflow-hidden rounded-xl border border-stroke-subtle", o),
         children: [
           /* @__PURE__ */ r("header", { className: "flex items-center justify-between gap-2 px-3 py-2", children: [
             /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-content", children: i }),
@@ -90,14 +90,14 @@ const O = u(
       }
     );
   }
-), $ = u(
+), $ = f(
   "IrisChatScenario",
   ({ className: o, title: i, rows: a, notes: n }, l) => /* @__PURE__ */ r(
     "section",
     {
       ref: l,
       "data-component": "iris-chat-scenario",
-      className: f("flex flex-col gap-2 rounded-xl bg-secondary p-3", o),
+      className: u("flex flex-col gap-2 rounded-xl bg-secondary p-3", o),
       children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-content", children: i }),
         a.length > 0 ? /* @__PURE__ */ e("dl", { className: "flex flex-col gap-2", children: a.map((t) => /* @__PURE__ */ r(

package/dist/components/flows/iris-chat/iris-chat-composer.js

@@ -2,12 +2,12 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useRef as A, useState as F, useEffect as le } from "react";
 import { ChevronRight as ce } from "impact-nova-icons";
 import { ButtonIconTooltip as h } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { cn as ue } from "../../../lib/utils.js";
 import { Button as p } from "../../primitives/button/button.js";
-import { DropdownMenu as P, DropdownMenuTrigger as _, DropdownMenuContent as W, DropdownMenuItem as V, DropdownMenuRadioGroup as de, DropdownMenuRadioItem as he } from "../../feedback/dropdown-menu/dropdown-menu.js";
-import { useImpactNovaI18n as pe } from "../../../i18n/use-impact-nova-i18n.js";
+import { DropdownMenu as P, DropdownMenuTrigger as _, DropdownMenuContent as W, DropdownMenuItem as V, DropdownMenuRadioGroup as ue, DropdownMenuRadioItem as de } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { useImpactNovaI18n as he } from "../../../i18n/use-impact-nova-i18n.js";
 import { useControllableState as G } from "@radix-ui/react-use-controllable-state";
-import { createComponent as me } from "../../../lib/primitives/create-component.js";
+import { createComponent as pe } from "../../../lib/primitives/create-component.js";
+import { cn as me } from "../../../lib/utils.js";
 import { useIrisChatOptional as fe } from "./iris-chat-context.js";
 import { IrisChatAddIcon as q, IrisChatAttachIcon as ge, IrisChatMicIcon as Ce, IrisChatStopIcon as be, IrisChatSendIcon as ve } from "./iris-chat-icons.js";
 import { IrisChatAttachment as ye } from "./iris-chat-thread.js";
@@ -15,7 +15,7 @@ import { irisChatComposerVariants as we } from "./iris-chat.variants.js";
 const xe = [
   { label: "Auto", value: "auto" },
   { label: "Fast", value: "fast" }
-], $e = me(
+], $e = pe(
   "IrisChatComposer",
   ({
     className: a,
@@ -35,7 +35,7 @@ const xe = [
     onAttach: ee,
     onMicClick: K
   }, te) => {
-    const { t: n } = pe(), $ = fe(), C = $?.placement === "minimized" || $?.placement === "composer" ? "inline" : "stacked", [ie, x] = G({
+    const { t: n } = he(), $ = fe(), C = $?.placement === "minimized" || $?.placement === "composer" ? "inline" : "stacked", [ie, x] = G({
       prop: s,
       defaultProp: H,
       onChange: J
@@ -100,7 +100,7 @@ const xe = [
         "data-component": "iris-chat-composer",
         "data-layout": C,
         "data-pending": f ? "" : void 0,
-        className: ue(
+        className: me(
           we({ layout: C }),
           R && "iris-edge-wash-shell--menu iris-edge-wash-shell--fluid",
           a
@@ -231,11 +231,11 @@ const xe = [
                   }
                 ) }),
                 /* @__PURE__ */ t(W, { align: "end", children: /* @__PURE__ */ t(
-                  de,
+                  ue,
                   {
                     value: D,
                     onValueChange: ne,
-                    children: U.map((e) => /* @__PURE__ */ t(he, { value: e.value, children: e.label }, e.value))
+                    children: U.map((e) => /* @__PURE__ */ t(de, { value: e.value, children: e.label }, e.value))
                   }
                 ) })
               ] }),

package/dist/components/flows/iris-chat/iris-chat-markdown.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useState as c } from "react";
 import { ButtonIconTooltip as p } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { cn as m } from "../../../lib/utils.js";
-import { Button as l } from "../../primitives/button/button.js";
-import { useImpactNovaI18n as d } from "../../../i18n/use-impact-nova-i18n.js";
-import { createComponent as f } from "../../../lib/primitives/create-component.js";
+import { Button as m } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as l } from "../../../i18n/use-impact-nova-i18n.js";
+import { createComponent as d } from "../../../lib/primitives/create-component.js";
+import { cn as f } from "../../../lib/utils.js";
 import { IrisChatCopyIcon as h } from "./iris-chat-icons.js";
 import { irisChatMarkdownVariants as u } from "./iris-chat.variants.js";
 import { Markdown as C } from "../../../node_modules/react-markdown/lib/index.js";
@@ -13,10 +13,10 @@ function n(r) {
   return typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(n).join("") : r && typeof r == "object" && "props" in r ? n(r.props.children) : "";
 }
 function y({ children: r }) {
-  const { t: o } = d(), [e, i] = c(!1), a = n(r);
+  const { t: o } = l(), [e, i] = c(!1), a = n(r);
   return /* @__PURE__ */ s("div", { className: "relative", children: [
     /* @__PURE__ */ t(p, { label: o(e ? "irisChat.copied" : "irisChat.copyCode"), children: /* @__PURE__ */ t(
-      l,
+      m,
       {
         type: "button",
         variant: "ghost",
@@ -34,14 +34,14 @@ function y({ children: r }) {
     /* @__PURE__ */ t("pre", { children: r })
   ] });
 }
-const B = f(
+const B = d(
   "IrisChatMarkdown",
   ({ className: r, children: o }, e) => /* @__PURE__ */ t(
     "div",
     {
       ref: e,
       "data-component": "iris-chat-markdown",
-      className: m(u(), r),
+      className: f(u(), r),
       children: /* @__PURE__ */ t(
         C,
         {

package/dist/components/flows/iris-chat/iris-chat-menu.js

@@ -3,12 +3,12 @@ import { useRef as S, useState as y } from "react";
 import { FunnelShow as I, ThreeDots as L, Pin as M, Pencil as A, Bin as D, ChevronRight as T } from "impact-nova-icons";
 import { DropdownMenu as g, DropdownMenuTrigger as v, DropdownMenuContent as b, DropdownMenuItem as f } from "../../feedback/dropdown-menu/dropdown-menu.js";
 import { ButtonIconTooltip as N } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { cn as C } from "../../../lib/utils.js";
 import { Button as x } from "../../primitives/button/button.js";
 import { Accordion as j, AccordionItem as k, AccordionTrigger as R, AccordionContent as E } from "../../primitives/accordion/accordion.js";
 import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
 import { useVirtualizedList as B } from "../../../lib/virtualized/useVirtualizedList.js";
 import { createComponent as O } from "../../../lib/primitives/create-component.js";
+import { cn as C } from "../../../lib/utils.js";
 import { IrisChatAttachIcon as $ } from "./iris-chat-icons.js";
 const z = ["type", "status", "lastActivity"], ee = O(
   "IrisChatMenu",

package/dist/components/flows/iris-chat/iris-chat-thread.js

@@ -3,12 +3,12 @@ import { useState as g } from "react";
 import { Cross as U, ChevronRight as z } from "impact-nova-icons";
 import { Popover as K, PopoverTrigger as H, PopoverContent as L, PopoverHeader as R, PopoverTitle as V, PopoverBody as q } from "../../feedback/popover/popover.js";
 import { ButtonIconTooltip as f } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { cn as c } from "../../../lib/utils.js";
 import { Alert as J, AlertIcon as Q, AlertTitle as X, AlertDescription as Y } from "../../feedback/alert/alert.js";
 import { Button as p } from "../../primitives/button/button.js";
 import { IrisAlanGradientIcon as _ } from "../../primitives/iris/iris-alan-gradient-icon.js";
 import { useImpactNovaI18n as b } from "../../../i18n/use-impact-nova-i18n.js";
 import { createComponent as d } from "../../../lib/primitives/create-component.js";
+import { cn as c } from "../../../lib/utils.js";
 import { IrisChatLikeIcon as Z, IrisChatDislikeIcon as E, IrisChatCopyIcon as $, IrisChatSpeakIcon as ee, IrisChatRetryIcon as te, IrisChatAttachIcon as ae, IrisChatSuggestIcon as se } from "./iris-chat-icons.js";
 import { useIrisChatOptional as re } from "./iris-chat-context.js";
 import { irisChatMessageVariants as ie } from "./iris-chat.variants.js";

package/dist/components/flows/iris-chat/iris-chat.js

@@ -4,7 +4,6 @@ import { Slot as P } from "@radix-ui/react-slot";
 import { Back as k, Cross as w, Draw as T } from "impact-nova-icons";
 import { Popover as y, PopoverTrigger as R, PopoverContent as M, PopoverHeader as O, PopoverTitle as D, PopoverBody as F } from "../../feedback/popover/popover.js";
 import { ButtonIconTooltip as L } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { cn as m } from "../../../lib/utils.js";
 import { Button as S } from "../../primitives/button/button.js";
 import { IrisButton as V } from "../../primitives/iris/iris.js";
 import { IrisAlanGradientIcon as N } from "../../primitives/iris/iris-alan-gradient-icon.js";
@@ -12,6 +11,7 @@ import { useImpactNovaI18n as p } from "../../../i18n/use-impact-nova-i18n.js";
 import { useComposedRefs as j } from "../../../lib/compose-refs.js";
 import { useControllableState as b } from "@radix-ui/react-use-controllable-state";
 import { createComponent as c } from "../../../lib/primitives/create-component.js";
+import { cn as m } from "../../../lib/utils.js";
 import { IrisChatProvider as A, useIrisChat as g, useIrisChatOptional as E } from "./iris-chat-context.js";
 import { IrisChatHamburgerIcon as G, IrisChatMinimizeIcon as q } from "./iris-chat-icons.js";
 import { irisChatRootVariants as J, irisChatHeaderVariants as K, irisChatPanelVariants as Q } from "./iris-chat.variants.js";

package/dist/components/forms/combobox/combobox.js

@@ -3,9 +3,9 @@ import { useId as Z, useMemo as z, useState as k, useCallback as c, useRef as T,
 import * as E from "@radix-ui/react-popover";
 import { Cross as Le } from "impact-nova-icons";
 import { Tooltip as Ae, TooltipTrigger as Ne, TooltipContent as Se } from "../../feedback/tooltip/tooltip.js";
-import { cn as O } from "../../../lib/utils.js";
 import { useImpactNovaI18n as Pe } from "../../../i18n/use-impact-nova-i18n.js";
 import { createComponent as Te } from "../../../lib/primitives/create-component.js";
+import { cn as O } from "../../../lib/utils.js";
 import { useFieldChrome as Ee } from "../../../lib/primitives/use-field-chrome.js";
 import { useOverlayNestedLayerDismiss as Oe, useOverlayPortalContainer as He } from "../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as Re } from "../../../lib/overlay/overlay-host.constants.js";

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,29 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
-import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function C({
+function w({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
-  totalCount: s,
+  totalCount: a,
   totalOptionsCount: g,
   formatSelectedCount: v,
-  resolveOptionLabel: a,
+  resolveOptionLabel: s,
   placeholder: c
 }) {
   const n = x(
-    "text-[14px] font-medium truncate min-w-0 block",
+    "text-[14px] font-normal truncate min-w-0 block",
     p ? "text-disabled-foreground" : "text-foreground"
   );
   if (u) {
     const e = o || [];
     let t = 0;
-    if (h(e) ? t = Math.max(0, (typeof s == "number" ? s : g) - e.excludedValues.length) : d(e) && (t = e.length), t === 0)
+    if (h(e) ? t = Math.max(0, (typeof a == "number" ? a : g) - e.excludedValues.length) : d(e) && (t = e.length), t === 0)
       return c;
     if (t === 1 && d(e)) {
-      const i = a(e[0]);
+      const i = s(e[0]);
       return /* @__PURE__ */ r(
         m,
         {
@@ -40,7 +39,7 @@ function C({
   const l = o;
   if (!l)
     return c;
-  const f = a(l);
+  const f = s(l);
   return /* @__PURE__ */ r(
     m,
     {
@@ -53,5 +52,5 @@ function C({
   );
 }
 export {
-  C as SelectTriggerValue
+  w as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,14 +1,13 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
-import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const R = ({
+const G = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -106,5 +105,5 @@ const R = ({
   ] });
 };
 export {
-  R as Submenu
+  G as Submenu
 };

package/dist/components/layout/breadcrumb/breadcrumb.js

@@ -4,9 +4,9 @@ import { Slot as y } from "@radix-ui/react-slot";
 import { ThreeDots as H } from "impact-nova-icons";
 import { ClickMeArrow as L } from "../../ui/local-raster-icons/rasterIcons.js";
 import { Tooltip as g, TooltipTrigger as w, TooltipContent as B } from "../../feedback/tooltip/tooltip.js";
-import { cn as n } from "../../../lib/utils.js";
 import { createComponent as s } from "../../../lib/primitives/create-component.js";
 import { createCompoundPart as W } from "../../../lib/primitives/create-compound.js";
+import { cn as n } from "../../../lib/utils.js";
 import { useImpactNovaI18n as x } from "../../../i18n/use-impact-nova-i18n.js";
 const C = h.createContext({}), N = (e, a) => {
   const r = e.split(/\s+/);

package/dist/impact-nova-components.css

@@ -2038,3 +2038,88 @@ html.iris-agent-session *:not(.iris-agent-cursor):not(.iris-agent-cursor *):not(
   box-shadow: none;
   background-color: var(--color-background);
 }
+
+/* Viewport next-page shimmer (`rowLoading` / `data-row-loading`).
+   AG Grid v36 owns `.ag-row::after` as a flex spacer — never override it.
+   Pseudos sit on cell regions (`.ag-grid-scrolling-cells`, pinned left/right). */
+@keyframes in-ag-row-shimmer-slide {
+  0% {
+    background-position: -1000px 0;
+  }
+
+  100% {
+    background-position: 1000px 0;
+  }
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells {
+  overflow: hidden;
+  pointer-events: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row {
+  pointer-events: none;
+  user-select: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells::before {
+  content: "" !important;
+  display: block !important;
+  position: absolute !important;
+  inset: 0;
+  background: color-mix(in srgb, var(--color-background) 40%, transparent) !important;
+  z-index: 1;
+  pointer-events: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells::after {
+  content: "" !important;
+  display: block !important;
+  position: absolute !important;
+  inset: 0;
+  background-color: transparent !important;
+  background-image: linear-gradient(
+    to right,
+    transparent 0%,
+    color-mix(in srgb, var(--color-primary) 25%, transparent) 50%,
+    transparent 100%
+  );
+  background-size: 1000px 100%;
+  background-repeat: repeat-x;
+  background-position: -1000px 0;
+  animation: in-ag-row-shimmer-slide 2s linear infinite;
+  z-index: 2;
+  pointer-events: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row .in-ag-editable-cell-highlight .bg-canvas-elevated,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row .in-ag-editable-cell-highlight .bg-canvas-elevated,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row .in-ag-editable-cell-highlight .bg-canvas-elevated {
+  background-color: var(--color-primary-soft) !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells::after {
+    animation: none;
+    background-position: 0 0;
+    opacity: 0.85;
+    background-image: none;
+    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  }
+}