impact-ui 5.0.1-beta.1 → 5.0.1-beta.2

package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HalloweenStyleIntroProvider.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAOlE,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,+BAA+B;IAC9C,0EAA0E;IAC1E,IAAI,EAAE,CAAC,YAAY,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,sBAAsB,IAAI,+BAA+B,GAAG,IAAI,CAE/E;AAED,UAAU,gCAAgC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,+BA4GzF"}
+{"version":3,"file":"HalloweenStyleIntroProvider.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAYlE,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,+BAA+B;IAC9C,0EAA0E;IAC1E,IAAI,EAAE,CAAC,YAAY,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,sBAAsB,IAAI,+BAA+B,GAAG,IAAI,CAE/E;AAED,UAAU,gCAAgC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,+BAiIzF"}

package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.js

@@ -1,9 +1,9 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-halloween-style-intro{background:#000;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;opacity:1;position:fixed;transition:opacity .5s ease-out;z-index:2147483000}.ia-halloween-style-intro--exiting{opacity:0;pointer-events:none}.ia-halloween-style-intro__frame{background:#000;border:0;display:block;flex:1;height:100%;width:100%}.ia-halloween-style-intro__skip{background:#00000073;border:1px solid #ffffff59;border-radius:8px;color:#f5f5f5;cursor:pointer;font:500 13px/1.2 Manrope,system-ui,sans-serif;margin:0;padding:8px 14px;position:absolute;right:12px;top:12px;z-index:1}.ia-halloween-style-intro__skip:hover{background:#000000a6}.ia-halloween-style-intro__skip:focus-visible{outline:2px solid #fff;outline-offset:2px}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useMemo, useContext, createContext } from "react";
+import { useState, useRef, useCallback, useEffect, useMemo, useContext, createContext } from "react";
 import { createPortal } from "react-dom";
-import { HALLOWEEN_INTRO_PLAY_EVENT } from "./halloweenIntro.constants.js";
-import { getHalloweenIntroSrcDoc, HALLOWEEN_INTRO_DURATION_MS } from "./halloweenIntroHtml.js";
+import { HALLOWEEN_INTRO_BEGIN_MESSAGE, HALLOWEEN_INTRO_PLAY_EVENT } from "./halloweenIntro.constants.js";
+import { getHalloweenIntroSrcDoc, HALLOWEEN_INTRO_DURATION_MS, HALLOWEEN_INTRO_HINT_HOLD_MS } from "./halloweenIntroHtml.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
 const HalloweenStyleIntroContext = createContext(null);
@@ -15,6 +15,11 @@ function HalloweenStyleIntroProvider({ children }) {
   const { t } = useTranslation();
   const [session, setSession] = useState(null);
   const [isExiting, setIsExiting] = useState(false);
+  const iframeRef = useRef(null);
+  const postIntroBegin = useCallback(() => {
+    var _a, _b;
+    (_b = (_a = iframeRef.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage(HALLOWEEN_INTRO_BEGIN_MESSAGE, "*");
+  }, []);
   const dismiss = useCallback(() => {
     setIsExiting(true);
   }, []);
@@ -78,6 +83,18 @@ function HalloweenStyleIntroProvider({ children }) {
       document.documentElement.style.overflow = previousOverflow;
     };
   }, [dismiss, session]);
+  useEffect(() => {
+    if (!session) {
+      return;
+    }
+    postIntroBegin();
+    const afterHint = window.setTimeout(postIntroBegin, HALLOWEEN_INTRO_HINT_HOLD_MS + 50);
+    const retry = window.setTimeout(postIntroBegin, 400);
+    return () => {
+      window.clearTimeout(afterHint);
+      window.clearTimeout(retry);
+    };
+  }, [postIntroBegin, session]);
   const overlay = session && srcDoc && createPortal(
     /* @__PURE__ */ jsxs(
       "div",
@@ -90,10 +107,12 @@ function HalloweenStyleIntroProvider({ children }) {
           /* @__PURE__ */ jsx(
             "iframe",
             {
+              ref: iframeRef,
               allow: "autoplay",
               className: "ia-halloween-style-intro__frame",
               srcDoc,
-              title: t("themingPanel.halloweenIntro.ariaLabel")
+              title: t("themingPanel.halloweenIntro.ariaLabel"),
+              onLoad: postIntroBegin
             }
           )
         ]

package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.d.ts

@@ -5,4 +5,9 @@ export declare const HALLOWEEN_INTRO_PLAY_EVENT = "impact-ui-request-halloween-i
 export interface HalloweenIntroPlayDetail {
     resolvedMode: ThemeMode;
 }
+/** Posted into the intro iframe to start playback (pairs with Apply click / iframe load). */
+export declare const HALLOWEEN_INTRO_BEGIN_MESSAGE: {
+    readonly source: "impact-ui-halloween-intro";
+    readonly type: "begin";
+};
 //# sourceMappingURL=halloweenIntro.constants.d.ts.map

package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"halloweenIntro.constants.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntro.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,sCAAsC,CAAC;AAE9E,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,SAAS,CAAC;CACzB"}
+{"version":3,"file":"halloweenIntro.constants.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntro.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,sCAAsC,CAAC;AAE9E,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,SAAS,CAAC;CACzB;AAED,6FAA6F;AAC7F,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC"}

package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.js

@@ -1,4 +1,9 @@
 const HALLOWEEN_INTRO_PLAY_EVENT = "impact-ui-request-halloween-intro";
+const HALLOWEEN_INTRO_BEGIN_MESSAGE = {
+  source: "impact-ui-halloween-intro",
+  type: "begin"
+};
 export {
+  HALLOWEEN_INTRO_BEGIN_MESSAGE,
   HALLOWEEN_INTRO_PLAY_EVENT
 };

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.d.ts

@@ -1,8 +1,15 @@
 import { ThemeMode } from '../../styles/tokens/tokens.generated';
 
-/** Fallback dismiss — HTML signals complete at `T.out` (~16.9s), not the trailing black hold. */
-export declare const HALLOWEEN_INTRO_DURATION_MS = 18000;
-/** Autoplay embed mode (no click-to-start) when rendered via `iframe` `srcDoc`. */
+/** Story time when blow-out finishes (`T.out` in Final devil HTML). */
+export declare const HALLOWEEN_INTRO_STORY_OUT_SEC = 16.9;
+/** Story seconds per second of video playback in Final devil HTML (`20 / 18`). */
+export declare const HALLOWEEN_INTRO_STORY_SCALE: number;
+/** Seconds of black hold after blow-out (`T.out`) before the overlay dismisses. */
+export declare const HALLOWEEN_INTRO_BLACK_HOLD_SEC = 0;
+/** How long the hint (“Best with sound”) stays visible before embed autoplay. */
+export declare const HALLOWEEN_INTRO_HINT_HOLD_MS = 1200;
+/** Fallback dismiss — hint + video time through black hold + safety buffer. */
+export declare const HALLOWEEN_INTRO_DURATION_MS: number;
 export declare function prepareHalloweenIntroHtml(html: string): string;
 export declare function getHalloweenIntroSrcDoc(resolvedMode: ThemeMode): string;
 //# sourceMappingURL=halloweenIntroHtml.d.ts.map

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"halloweenIntroHtml.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntroHtml.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAKlE,iGAAiG;AACjG,eAAO,MAAM,2BAA2B,QAAS,CAAC;AAOlD,mFAAmF;AACnF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO9D;AAED,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,CAEvE"}
+{"version":3,"file":"halloweenIntroHtml.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntroHtml.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAKlE,uEAAuE;AACvE,eAAO,MAAM,6BAA6B,OAAO,CAAC;AAElD,kFAAkF;AAClF,eAAO,MAAM,2BAA2B,QAAU,CAAC;AAEnD,mFAAmF;AACnF,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,iFAAiF;AACjF,eAAO,MAAM,4BAA4B,OAAQ,CAAC;AAKlD,+EAA+E;AAC/E,eAAO,MAAM,2BAA2B,QAIvC,CAAC;AA+DF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA+E9D;AAED,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,CAEvE"}

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.js

@@ -1,21 +1,141 @@
-import halloweenCandleLightHtml from "../../assets/halloween_candle_light.html.js";
-import halloweenNightHtml from "../../assets/halloween_night.html.js";
-const HALLOWEEN_INTRO_DURATION_MS = 18e3;
+import halloweenDevilLightHtml from "../../assets/halloween_devil_morning_final.html.js";
+import halloweenDevilDarkHtml from "../../assets/halloween_devil_night_Final.html.js";
+const HALLOWEEN_INTRO_STORY_OUT_SEC = 16.9;
+const HALLOWEEN_INTRO_STORY_SCALE = 20 / 18;
+const HALLOWEEN_INTRO_BLACK_HOLD_SEC = 0;
+const HALLOWEEN_INTRO_HINT_HOLD_MS = 1200;
+const HALLOWEEN_INTRO_STORY_COMPLETE_SEC = HALLOWEEN_INTRO_STORY_OUT_SEC + HALLOWEEN_INTRO_BLACK_HOLD_SEC;
+const HALLOWEEN_INTRO_DURATION_MS = Math.ceil(
+  HALLOWEEN_INTRO_HINT_HOLD_MS + HALLOWEEN_INTRO_STORY_COMPLETE_SEC / HALLOWEEN_INTRO_STORY_SCALE * 1e3 + 800
+);
 const INTRO_HTML = {
-  dark: halloweenNightHtml,
-  light: halloweenCandleLightHtml
+  dark: halloweenDevilDarkHtml,
+  light: halloweenDevilLightHtml
 };
+const LEGACY_EMBED_FLAG = "const EMBED = new URLSearchParams(location.search).has('embed');";
+const EMBED_COMPLETE_AT = `T.out + ${HALLOWEEN_INTRO_BLACK_HOLD_SEC}`;
+const EMBED_POST_COMPLETE_STORY = `
+          if (EMBED && started && !introCompleteSent && t * STORY_SCALE >= ${EMBED_COMPLETE_AT}) {
+            introCompleteSent = true;
+            try { window.parent.postMessage({ source: 'impact-ui-halloween-intro', type: 'complete' }, '*'); } catch (_) {}
+          }`;
+const EMBED_POST_COMPLETE_LEGACY = `
+          if (EMBED && started && !introCompleteSent && t >= ${EMBED_COMPLETE_AT}) {
+            introCompleteSent = true;
+            try { window.parent.postMessage({ source: 'impact-ui-halloween-intro', type: 'complete' }, '*'); } catch (_) {}
+          }`;
+const EMBED_AUTOPLAY_BLOCK = `
+        requestAnimationFrame(frame);
+        if (EMBED) {
+          const embedHintMs = ${HALLOWEEN_INTRO_HINT_HOLD_MS};
+          const runEmbedIntro = () => {
+            if (started) return;
+            hint.classList.add('gone');
+            begin();
+          };
+          setTimeout(runEmbedIntro, embedHintMs);
+          addEventListener('message', (e) => {
+            const d = e.data;
+            if (d && d.source === 'impact-ui-halloween-intro' && d.type === 'begin') runEmbedIntro();
+          });
+          addEventListener('pointerdown', runEmbedIntro, { once: true });
+        } else {
+        addEventListener('pointerdown', begin);
+        addEventListener('keydown', (e) => {
+          if (e.key === 'm' || e.key === 'M') {
+            muted = !muted;
+            if (outGain) outGain.gain.setTargetAtTime(muted ? 0 : 1, actx.currentTime, 0.05);
+          } else if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            begin();
+          }
+        });
+        }`;
+const HINT_HTML = '<p id="hint">Best experienced with sound.</p>';
+const FINAL_AUTOPLAY_TAIL = /\s*requestAnimationFrame\(frame\);\s*\n\s*addEventListener\('pointerdown', begin\);\s*\n\s*addEventListener\('keydown', e => \{[\s\S]*?\n\s*\}\);\s*\n(\s*\})/;
+const LEGACY_AUTOPLAY_TAIL = /\s*requestAnimationFrame\(frame\);\s*\n\s*addEventListener\('pointerdown', begin\);\s*\n\s*addEventListener\('keydown', \(e\) => \{[\s\S]*?\n\s*\}\);\s*\n(\s*\})/;
 function prepareHalloweenIntroHtml(html) {
-  return html.replace(
-    "const EMBED = new URLSearchParams(location.search).has('embed');",
-    "const EMBED = true;"
-  ).replace(/introCompleteSent && t >= T\.end/, "introCompleteSent && t >= T.out");
+  if (html.includes(LEGACY_EMBED_FLAG)) {
+    return html.replace(LEGACY_EMBED_FLAG, "const EMBED = true;").replace(
+      /introCompleteSent && t >= T\.end/,
+      `introCompleteSent && t >= ${EMBED_COMPLETE_AT}`
+    );
+  }
+  let out = html.replace(/<p id="hint">[^<]*<\/p>/, HINT_HTML);
+  if (!out.includes("const EMBED = true")) {
+    out = out.replace(
+      /(RENDER = QS\.has\('render'\) \|\| EXPORT;[^\n]*\n)/,
+      `$1      const EMBED = true;
+`
+    );
+  }
+  if (!out.includes("introCompleteSent")) {
+    out = out.replace(
+      /let frames = 0,\s*\n\s*acc = 0,\s*\n\s*tuned = false,\s*\n\s*last = 0;/,
+      `let frames = 0,
+          acc = 0,
+          tuned = false,
+          last = 0,
+          introCompleteSent = false;`
+    );
+    out = out.replace(
+      /let frames = 0, acc = 0, tuned = false, last = 0;/,
+      "let frames = 0, acc = 0, tuned = false, last = 0, introCompleteSent = false;"
+    );
+  }
+  if (!out.includes("impact-ui-halloween-intro")) {
+    if (out.includes("update(t * STORY_SCALE)")) {
+      out = out.replace(
+        /(update\(t \* STORY_SCALE\);\s*composer\.render\(\);)/,
+        `$1${EMBED_POST_COMPLETE_STORY}`
+      );
+    } else {
+      out = out.replace(
+        /(update\(t\);\s*\n\s*composer\.render\(\);)\s*\n(\s*if \(started && !tuned)/,
+        `$1${EMBED_POST_COMPLETE_LEGACY}
+$2`
+      );
+    }
+  }
+  if (!out.includes("runEmbedIntro")) {
+    if (FINAL_AUTOPLAY_TAIL.test(out)) {
+      out = out.replace(FINAL_AUTOPLAY_TAIL, `${EMBED_AUTOPLAY_BLOCK}
+$1`);
+    } else {
+      out = out.replace(LEGACY_AUTOPLAY_TAIL, `${EMBED_AUTOPLAY_BLOCK}
+$1`);
+    }
+  }
+  if (out.includes("update(t * STORY_SCALE)")) {
+    out = out.replace(
+      /out: 16\.9, end: 20\.0/,
+      `out: 16.9, end: ${HALLOWEEN_INTRO_STORY_COMPLETE_SEC}`
+    );
+    if (!out.includes("!EMBED && t >= LOOP")) {
+      out = out.replace(
+        /if \(t >= LOOP\) \{ if \(actx\) \{ cycleStart \+= LOOP;/,
+        "if (!EMBED && t >= LOOP) { if (actx) { cycleStart += LOOP;"
+      );
+    }
+    if (!out.includes("!(EMBED && introCompleteSent)")) {
+      out = out.replace(
+        /last = now;\s*\n\s*requestAnimationFrame\(frame\);/,
+        `last = now;
+    if (!(EMBED && introCompleteSent)) requestAnimationFrame(frame);`
+      );
+    }
+  }
+  return out;
 }
 function getHalloweenIntroSrcDoc(resolvedMode) {
   return prepareHalloweenIntroHtml(INTRO_HTML[resolvedMode]);
 }
 export {
+  HALLOWEEN_INTRO_BLACK_HOLD_SEC,
   HALLOWEEN_INTRO_DURATION_MS,
+  HALLOWEEN_INTRO_HINT_HOLD_MS,
+  HALLOWEEN_INTRO_STORY_OUT_SEC,
+  HALLOWEEN_INTRO_STORY_SCALE,
   getHalloweenIntroSrcDoc,
   prepareHalloweenIntroHtml
 };

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=halloweenIntroHtml.test.d.ts.map

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halloweenIntroHtml.test.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntroHtml.test.ts"],"names":[],"mappings":""}

package/dist/components/Header/Header.types.d.ts

@@ -3,6 +3,7 @@ import { Locale } from '../../i18n/types';
 import { RootComponentProps } from '../../types';
 import { AvatarProps } from '../Avatar/Avatar.types';
 import { ProfileMenuItem } from '../ProfileMenu/ProfileMenu.types';
+import { ThemingPanelSettings } from '../ThemingPanel/ThemingPanel.types';
 
 /**
  * @deprecated Avatar menu uses {@link ProfileMenu}. Prefer `onLogoutClick` and related profile handlers.
@@ -29,6 +30,10 @@ export interface HeaderProps extends RootComponentProps {
     onLogoutClick?: () => void;
     /** Extra profile menu rows (icon + label + handler), shown below Themes */
     profileMenuItems?: ProfileMenuItem[];
+    /** Called when the user applies changes in Profile menu → Themes → Appearance */
+    onAppearanceApply?: (settings: ThemingPanelSettings) => void;
+    /** Called when the user cancels Appearance without applying (not fired on Apply) */
+    onAppearanceCancel?: () => void;
     /** Called when the logo is clicked */
     handleLogoClick?: () => void;
     /** Show the notification icon */

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

@@ -1 +1 @@
-{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5D,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ export type { HeaderProps, HeaderDropMenuOption } from './Header.types';
 /**
  * App header with logo, title, actions (help, message, notification, chatbot) and avatar menu.
  */
-export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, userEmail, showProfileMenu, onLogoutClick, profileMenuItems, userMenuPopup, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react").JSX.Element;
+export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, userEmail, showProfileMenu, onLogoutClick, onAppearanceApply, onAppearanceCancel, profileMenuItems, userMenuPopup, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react").JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }

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":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAc9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAe,EACf,SAAS,EACT,eAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,+BAmWb;yBAxYe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAc9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAe,EACf,SAAS,EACT,eAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,+BAqWb;yBA5Ye,MAAM"}

package/dist/components/Header/index.js

@@ -39,6 +39,8 @@ function Header({
   userEmail,
   showProfileMenu = true,
   onLogoutClick,
+  onAppearanceApply,
+  onAppearanceCancel,
   profileMenuItems,
   userMenuPopup,
   isChatBotDisabled = false,
@@ -369,6 +371,8 @@ function Header({
               open: avatarMenuOpen,
               userEmail,
               userName: userName ?? "User",
+              onAppearanceApply,
+              onAppearanceCancel,
               onClose: closeAvatarMenu,
               onLogoutClick
             }

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact-form-required-mark{color:var(--iu-legacy-red-badge)}.impact_inputbox_container label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-disabled-2);border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid var(--iu-bg-primary)}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:var(--iu-legacy-inactive-input-bg);border:1px solid var(--iu-border-disabled)}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid var(--iu-border-disabled)!important;pointer-events:none!important}:is(.impact_inputbox_container,.impact_inputbox_container_with_icons) .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 4px;background-size:10px;color:var(--iu-legacy-gray-badge);font-size:12px;line-height:16px;margin-left:0;margin-top:6px;min-width:100%;overflow:hidden;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;width:0}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid var(--iu-legacy-red-badge)}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:var(--iu-legacy-red-badge)}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid var(--iu-legacy-red-badge)!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:var(--iu-legacy-red-badge)!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--iu-bg-primary)}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid var(--iu-bg-primary)!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-disabled-2);border-radius:8px;box-sizing:border-box;color:var(--iu-on-surface-body);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:var(--iu-on-surface-label);height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid var(--iu-bg-primary)}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper :is(.left-input-icon,.right-input-icon){align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:var(--iu-on-surface-caption)!important;font-family:Manrope,sans-serif!important;margin-left:0!important;opacity:.7;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid var(--iu-bg-error)!important;color:var(--iu-bg-error)}.input-with-error .impact-input-wrapper svg{color:var(--iu-legacy-red-badge);height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:var(--iu-legacy-red-badge)}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:var(--iu-bg-error)!important}.input-with-disabled .impact-input-wrapper{background:var(--iu-bg-disabled-1);border:1px solid var(--iu-border-disabled);pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid var(--iu-border-disabled)}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:var(--iu-on-disabled)!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:var(--iu-on-disabled);font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:var(--iu-on-surface-body);font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:var(--iu-legacy-red-badge)!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) :is(.left-input-icon,.right-input-icon){cursor:not-allowed;opacity:.5;pointer-events:none}')),document.head.appendChild(i)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact-form-required-mark{color:var(--iu-legacy-red-badge)}.impact_inputbox_container label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-disabled-2);border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid var(--iu-bg-primary)}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:var(--iu-bg-disabled-1);border:1px solid var(--iu-border-disabled)}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root .MuiInputBase-input{background:#0000;color:var(--iu-on-disabled);cursor:not-allowed}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root.Mui-disabled .MuiInputBase-input{-webkit-text-fill-color:var(--iu-on-disabled)}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{background:var(--iu-bg-disabled-1)!important;border:1px solid var(--iu-border-disabled)!important;pointer-events:none!important}:is(.impact_inputbox_container,.impact_inputbox_container_with_icons) .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 4px;background-size:10px;color:var(--iu-legacy-gray-badge);font-size:12px;line-height:16px;margin-left:0;margin-top:6px;min-width:100%;overflow:hidden;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;width:0}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid var(--iu-legacy-red-badge)}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:var(--iu-legacy-red-badge)}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid var(--iu-legacy-red-badge)!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:var(--iu-legacy-red-badge)!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--iu-bg-primary)}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid var(--iu-bg-primary)!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-disabled-2);border-radius:8px;box-sizing:border-box;color:var(--iu-on-surface-body);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:var(--iu-on-surface-label);height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid var(--iu-bg-primary)}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper :is(.left-input-icon,.right-input-icon){align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:var(--iu-on-surface-caption)!important;font-family:Manrope,sans-serif!important;margin-left:0!important;opacity:.7;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid var(--iu-bg-error)!important;color:var(--iu-bg-error)}.input-with-error .impact-input-wrapper svg{color:var(--iu-legacy-red-badge);height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:var(--iu-legacy-red-badge)}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:var(--iu-bg-error)!important}.input-with-disabled .impact-input-wrapper{background:var(--iu-bg-disabled-1);border:1px solid var(--iu-border-disabled);pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid var(--iu-border-disabled)}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:var(--iu-on-disabled)!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:var(--iu-on-disabled);font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:var(--iu-on-surface-body);font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:var(--iu-legacy-red-badge)!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) :is(.left-input-icon,.right-input-icon){cursor:not-allowed;opacity:.5;pointer-events:none}')),document.head.appendChild(i)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import InputWithIcon from "./InputWithIcon.js";

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationChipsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationChipsList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IACvE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;CAC1E;AAiCD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,eAAe,GAChB,EAAE,0BAA0B,+BAkF5B"}
+{"version":3,"file":"NotificationChipsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationChipsList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IACvE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;CAC1E;AAiCD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,eAAe,GAChB,EAAE,0BAA0B,+BAoF5B"}

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.js

@@ -94,11 +94,13 @@ function NotificationChipsList({
             if (!chip) {
               return null;
             }
+            const isActive = activeLabel === chip.label;
             return /* @__PURE__ */ jsx(
               Badge,
               {
-                color: activeLabel === chip.label ? "info" : void 0,
+                color: isActive ? "info" : void 0,
                 label: getBadgeLabel(chip, notificationList),
+                size: "small",
                 variant: "stroke",
                 onClick: () => {
                   handleClick(chip);

package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode("@keyframes impact-notification-sync-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.impact-notification-sync-icon--rotating{animation:impact-notification-sync-spin 1s linear infinite}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-container{background-color:var(--iu-bg-surface-layer-bg);color:var(--iu-on-surface-body);height:100%;transition:width .2s ease-in;width:600px}.impact-notification-container .impact-notification-header{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-bottom:1px solid var(--iu-border-default);display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact-notification-container .impact-notification-header .impact-notification-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:700;line-height:20px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns{align-items:center;display:flex;gap:12px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button{align-items:center;background-color:var(--iu-bg-surface-lighter);border:none;border-radius:8px;color:var(--iu-on-surface-icon);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button .impact-icon{color:inherit}.impact-notification-container .impact-notification-body-container{height:calc(100% - 96px);padding:20px 10px}.impact-notification-container .notification-body-container-full{height:calc(100% - 40px)}.impact-notification-container .impact-notification-body-header-container{align-items:baseline;display:flex;flex-direction:row;gap:12px}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer{height:100%;width:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel{height:calc(100% - 156px);overflow:hidden;padding:20px 6px 0;position:absolute;width:calc(100% - 32px)}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel{height:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel .MuiBox-root:has(.empty-state-container){height:100%}.impact-notification-container .impact-notification-body-header-container .ia-styles.ia-btn{flex-shrink:0}.impact-notification-container .impact-notification-task-list-filter-container{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-primary-lighter);border-radius:12px;min-height:128px;padding:16px;position:absolute;right:0;top:65px;width:379px;z-index:99999}.impact-notification-container .impact-notification-task-list-filter-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.impact-notification-container .impact-notification-task-list-title{align-items:center;display:flex;gap:4px;margin-bottom:8px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text{color:var(--iu-on-surface-body);font-size:16px;font-weight:600;line-height:24px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text-sub{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px}.impact-notification-container .impact-notification-task-list-filter-item-badge .MuiChip-root.impact_badges_only_label_subtle{background-color:var(--iu-bg-surface-lighter);border:1px solid var(--iu-bg-disabled-2);cursor:pointer}.impact-notification-container .impact-notification-task-list-filter-item-badge .MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:var(--iu-on-surface-caption)}.impact-notification-container .impact-notification-task-list-filter-item-badge.selected .MuiChip-root.impact_badges_only_label_subtle{background-color:var(--iu-bg-primary-subtle);border:1px solid var(--iu-bg-primary);cursor:pointer}.impact-notification-container .impact-notification-task-list-filter-item-badge.selected .MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:var(--iu-bg-primary)}.impact-notification-container .body-header-container-full .ia-tabContainer .impact-tab-panel{height:calc(100% - 100px)}.impact-notification-container .impact-notification-footer-container{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;gap:8px;height:56px;justify-content:flex-end;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact-notification-task-list-container{height:100vh}.impact-notification-task-list-container.empty-state-container{height:100%}.impact-notification-task-list-container .impact-notification-task-list-header{align-items:center;border-bottom:1px solid var(--iu-border-default);box-sizing:border-box;display:flex;justify-content:space-between;min-height:55px;padding-bottom:20px}.impact-notification-task-list-container .impact-notification-task-list-search-container{position:relative}.impact-notification-task-list-container .impact-notification-task-list-search-container .impact-input-wrapper{height:27px;min-width:100%!important;transition:width .2s ease-in-out;width:35px}.impact-notification-task-list-container .impact-notification-task-list-search-container .right-input-icon{position:relative;right:7px;top:1px}.impact-notification-task-list-container .search-expand .impact-input-wrapper{width:240px}.impact-notification-task-list-container .search-expand .right-input-icon{left:0}.impact-notification-task-list-container .impact-notification-task-list-chips{display:flex;flex-basis:90%;gap:4px;overflow:hidden}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item{display:flex;gap:4px}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item .MuiChip-label{font-size:12px!important}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item-hidden{display:flex;gap:4px;overflow:hidden;transition:width .2s ease-in;width:0}.impact-notification-task-list-container .impact-notification-task-list-chips .list-item-full-width{width:100%}.impact-notification-task-list-container .impact-notification-task-list-actions{align-items:center;display:flex;gap:4px}.impact-notification-list-container{height:100%;padding-top:20px}.impact-notification-list-container .impact-notification-list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.impact-notification-list-container .impact-notification-list-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px}.impact-notification-list-container .impact-notification-list-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-notification-list-container .impact-notification-list-items-container{display:flex;flex-direction:column;gap:8px;height:calc(100% - 280px);overflow-y:auto;padding-bottom:20px;scroll-behavior:smooth}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item{align-items:flex-start;background-color:var(--iu-notification-read-read-card-bg);border-radius:12px;display:flex;flex-direction:row;gap:8px;padding:16px 12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-right{transition:width .4s ease-in-out;width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-3{max-width:76%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-2{max-width:84%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-1{max-width:92%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-0{max-width:100%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-checkbox{padding-top:5px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon .impact-notification-list-item-icon-line{height:15px;width:2px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success{background-color:var(--iu-bg-success-subtle);border:1px solid var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail{background-color:var(--iu-bg-error-subtle);border:1px solid var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending{background-color:var(--iu-bg-warning-subtle);border:1px solid var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-width:0;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover){cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left{flex:1;max-width:100%;transition:max-width .3s ease-out}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right){align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons{align-items:center;display:flex;gap:12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn{align-items:center;cursor:pointer;display:flex}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn img,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn img{height:16px;width:16px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn:hover .impact-notification-title-icon path{fill:var(--iu-bg-primary)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{justify-content:flex-end}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{overflow:hidden;width:0}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:none!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:has(.impact-notification-list-item-delete-btn) .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-schedule{align-items:center;color:var(--iu-legacy-gray-badge);display:flex;flex-direction:row;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:flex-start;line-height:15px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description span{color:var(--iu-bg-primary);cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-action-btns{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover) .impact-notification-list-item-header-right{width:0!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card:hover .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .list-item-selected{background-color:var(--iu-bg-primary-subtle)}.impact-notification-list-container .impact-notification-list-items-container .list-item-read{background-color:var(--iu-notification-read-read-bg);border-left:3px solid var(--iu-bg-primary)}.impact-notification-list-empty-state-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-icon{height:72px;width:72px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-title{color:var(--iu-on-surface-title);font-size:20px;font-weight:800;line-height:28px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-description{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:21px}.impact-notification-container-expand{width:800px}.impact-notification-list-item-bookmark-btn.ia-styles.ia-btn.ia-btn-text svg path{fill:var(--iu-bg-primary)!important}.impact-notification-list-header .impact-notification-list-title-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-header .impact-notification-list-title-loader .css-58ftfq-MuiSkeleton-root{width:40px!important}.impact-notification-list-loader-container .css-70qvj9{left:calc(50% - 157px);position:absolute;top:calc(50% - 15px)}.impact-notification-list-action-btns-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-action-btns-loader .css-1366qbr{position:absolute;right:calc(50% - 150px)}.impact-notification-list-item-date{color:var(--iu-on-surface-label)}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode("@keyframes impact-notification-sync-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.impact-notification-sync-icon--rotating{animation:impact-notification-sync-spin 1s linear infinite}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-container{background-color:var(--iu-bg-surface-layer-bg);color:var(--iu-on-surface-body);height:100%;transition:width .2s ease-in;width:600px}.impact-notification-container .impact-notification-header{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-bottom:1px solid var(--iu-border-default);display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact-notification-container .impact-notification-header .impact-notification-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:700;line-height:20px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns{align-items:center;display:flex;gap:12px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button{align-items:center;background-color:var(--iu-bg-surface-lighter);border:none;border-radius:8px;color:var(--iu-on-surface-icon);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button .impact-icon{color:inherit}.impact-notification-container .impact-notification-body-container{height:calc(100% - 96px);padding:20px 10px}.impact-notification-container .notification-body-container-full{height:calc(100% - 40px)}.impact-notification-container .impact-notification-body-header-container{align-items:baseline;display:flex;flex-direction:row;gap:12px}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer{height:100%;width:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel{height:calc(100% - 156px);overflow:hidden;padding:20px 6px 0;position:absolute;width:calc(100% - 32px)}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel{height:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel .MuiBox-root:has(.empty-state-container){height:100%}.impact-notification-container .impact-notification-body-header-container .ia-styles.ia-btn{flex-shrink:0}.impact-notification-container .impact-notification-task-list-filter-container{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-primary-lighter);border-radius:12px;min-height:128px;padding:16px;position:absolute;right:0;top:65px;width:379px;z-index:99999}.impact-notification-container .impact-notification-task-list-filter-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.impact-notification-container .impact-notification-task-list-title{align-items:center;display:flex;gap:4px;margin-bottom:8px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text{color:var(--iu-on-surface-body);font-size:16px;font-weight:600;line-height:24px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text-sub{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px}.impact-notification-container .impact-notification-task-list-filter-item-badge{display:flex}.impact-notification-container .body-header-container-full .ia-tabContainer .impact-tab-panel{height:calc(100% - 100px)}.impact-notification-container .impact-notification-footer-container{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;gap:8px;height:56px;justify-content:flex-end;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact-notification-task-list-container{height:100vh}.impact-notification-task-list-container.empty-state-container{height:100%}.impact-notification-task-list-container .impact-notification-task-list-header{align-items:center;border-bottom:1px solid var(--iu-border-default);box-sizing:border-box;display:flex;justify-content:space-between;min-height:55px;padding-bottom:20px}.impact-notification-task-list-container .impact-notification-task-list-search-container{position:relative}.impact-notification-task-list-container .impact-notification-task-list-search-container .impact-input-wrapper{height:27px;min-width:100%!important;transition:width .2s ease-in-out;width:35px}.impact-notification-task-list-container .impact-notification-task-list-search-container .right-input-icon{position:relative;right:7px;top:1px}.impact-notification-task-list-container .search-expand .impact-input-wrapper{width:240px}.impact-notification-task-list-container .search-expand .right-input-icon{left:0}.impact-notification-task-list-container .impact-notification-task-list-chips{display:flex;flex-basis:90%;gap:4px;overflow:hidden}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item{display:flex;gap:4px}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item .MuiChip-label{font-size:12px!important}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item-hidden{display:flex;gap:4px;overflow:hidden;transition:width .2s ease-in;width:0}.impact-notification-task-list-container .impact-notification-task-list-chips .list-item-full-width{width:100%}.impact-notification-task-list-container .impact-notification-task-list-actions{align-items:center;display:flex;gap:4px}.impact-notification-list-container{height:100%;padding-top:20px}.impact-notification-list-container .impact-notification-list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.impact-notification-list-container .impact-notification-list-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px}.impact-notification-list-container .impact-notification-list-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-notification-list-container .impact-notification-list-items-container{display:flex;flex-direction:column;gap:8px;height:calc(100% - 280px);overflow-y:auto;padding-bottom:20px;scroll-behavior:smooth}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item{align-items:flex-start;background-color:var(--iu-notification-read-read-card-bg);border-radius:12px;display:flex;flex-direction:row;gap:8px;padding:16px 12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-right{transition:width .4s ease-in-out;width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-3{max-width:76%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-2{max-width:84%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-1{max-width:92%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-0{max-width:100%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-checkbox{padding-top:5px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon .impact-notification-list-item-icon-line{height:15px;width:2px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success{background-color:var(--iu-bg-success-subtle);border:1px solid var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail{background-color:var(--iu-bg-error-subtle);border:1px solid var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending{background-color:var(--iu-bg-warning-subtle);border:1px solid var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-width:0;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover){cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left{flex:1;max-width:100%;transition:max-width .3s ease-out}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right){align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons{align-items:center;display:flex;gap:12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn{align-items:center;cursor:pointer;display:flex}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn img,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn img{height:16px;width:16px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn:hover .impact-notification-title-icon path{fill:var(--iu-bg-primary)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{justify-content:flex-end}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{overflow:hidden;width:0}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:none!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:has(.impact-notification-list-item-delete-btn) .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-schedule{align-items:center;color:var(--iu-legacy-gray-badge);display:flex;flex-direction:row;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:flex-start;line-height:15px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description span{color:var(--iu-bg-primary);cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-action-btns{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover) .impact-notification-list-item-header-right{width:0!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card:hover .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .list-item-selected{background-color:var(--iu-bg-primary-subtle)}.impact-notification-list-container .impact-notification-list-items-container .list-item-read{background-color:var(--iu-notification-read-read-bg);border-left:3px solid var(--iu-bg-primary)}.impact-notification-list-empty-state-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-icon{height:72px;width:72px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-title{color:var(--iu-on-surface-title);font-size:20px;font-weight:800;line-height:28px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-description{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:21px}.impact-notification-container-expand{width:800px}.impact-notification-list-item-bookmark-btn.ia-styles.ia-btn.ia-btn-text svg path{fill:var(--iu-bg-primary)!important}.impact-notification-list-header .impact-notification-list-title-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-header .impact-notification-list-title-loader .css-58ftfq-MuiSkeleton-root{width:40px!important}.impact-notification-list-loader-container .css-70qvj9{left:calc(50% - 157px);position:absolute;top:calc(50% - 15px)}.impact-notification-list-action-btns-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-action-btns-loader .css-1366qbr{position:absolute;right:calc(50% - 150px)}.impact-notification-list-item-date{color:var(--iu-on-surface-label)}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useCallback } from "react";
 import default_1 from "../../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";

package/dist/components/Notification/NotificationBody/NotificationTaskList.js

@@ -200,12 +200,14 @@ function NotificationTaskList({
                     return /* @__PURE__ */ jsx(
                       "div",
                       {
-                        className: `impact-notification-task-list-filter-item-badge ${isSelected ? "selected" : ""}`,
+                        className: "impact-notification-task-list-filter-item-badge",
                         children: /* @__PURE__ */ jsx(
                           Badge,
                           {
+                            color: isSelected ? "info" : void 0,
                             label: item.label,
-                            variant: "subtle",
+                            size: "small",
+                            variant: "stroke",
                             onClick: () => {
                               setSelectedFilter((prev) => {
                                 if (isMultiSelectFilter) {