impact-ui 5.0.0-alpha.1 → 5.0.0-beta.2

package/dist/components/Chips/chipLeadingIcon.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon, RadioButtonFilledDisable as RadioButtonFilledDisable_default, RadioButtonChipDisable as RadioButtonChipDisable_default, RadioButtonFilledChip as RadioButtonFilledChip_default, RadioButtonChipHover as RadioButtonChipHover_default, RadioButton as RadioButton_default, CheckMarkActiveDisable as CheckMarkActiveDisable_default, CheckMarkChipDisable as CheckMarkChipDisable_default, CheckMarkChipHover as CheckMarkChipHover_default, CheckMarkChip as CheckMarkChip_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { impactIconSource } from "../ImpactIcon/index.js";
+const CHIP_ICON_SIZE = 16;
+function chipIcon(icon, className) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      "aria-hidden": true,
+      className,
+      icon: impactIconSource(icon),
+      size: CHIP_ICON_SIZE,
+      variant: "light"
+    }
+  );
+}
+function hoverStack(restIcon, hoverIcon) {
+  return /* @__PURE__ */ jsxs("span", { className: "impact-chip-icon-stack", children: [
+    chipIcon(restIcon, "impact-chip-icon-rest"),
+    chipIcon(hoverIcon, "impact-chip-icon-hover-only")
+  ] });
+}
+function getChipLeadingIcon(type, isActive, disabled) {
+  if (type === "default") {
+    return void 0;
+  }
+  if (type === "single") {
+    if (disabled) {
+      return chipIcon(isActive ? RadioButtonFilledDisable_default : RadioButtonChipDisable_default);
+    }
+    if (isActive) {
+      return chipIcon(RadioButtonFilledChip_default);
+    }
+    return hoverStack(RadioButton_default, RadioButtonChipHover_default);
+  }
+  if (disabled) {
+    return chipIcon(isActive ? CheckMarkActiveDisable_default : CheckMarkChipDisable_default);
+  }
+  if (isActive) {
+    return chipIcon(CheckMarkChipHover_default);
+  }
+  return hoverStack(CheckMarkChip_default, CheckMarkChipHover_default);
+}
+export {
+  getChipLeadingIcon
+};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,mBAAmB,CAAC;AAE3B,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,KAAK,oHAiCjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,mBAAmB,CAAC;AAE3B,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,KAAK,oHAsCjB,CAAC"}

package/dist/components/Chips/index.js

@@ -1,6 +1,7 @@
-!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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact-chip-container .MuiChip-filled{background:#fff;border:1px solid #d9dde7;border-radius:12px;cursor:pointer;height:32px;min-width:83px;padding:6px 12px}.impact-chip-container .MuiChip-filled:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-chip-container .MuiChip-filled:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-chip-container :is(.MuiChip-filled.Mui-disabled:focus-visible,.MuiChip-filled.ia-btn-disabled:focus-visible,.MuiChip-filled.ia-switch-disabled:focus-visible,.MuiChip-filled.impact-select-disabled:focus-visible,.MuiChip-filled.impact_input_disabled:focus-visible,.MuiChip-filled.route-disabled:focus-visible,.MuiChip-filled:disabled:focus-visible,.MuiChip-filled[aria-disabled=true]:focus-visible){box-shadow:none;outline:none}.impact-chip-container .MuiChip-filled:hover{background:#eceefd;border-color:#3649c6}.impact-chip-container .MuiChip-filled:hover .MuiChip-label{color:#3649c6}.impact-chip-container .MuiChip-filled.Mui-focusVisible{background:#fff}.impact-chip-container .MuiChip-filled:active{background:#fff;border-color:#4259ee}.impact-chip-container .MuiChip-filled .MuiChip-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-inline:4px}.impact-chip-container .Mui-disabled{background:#f8f9fb;border-color:#d9dde7;border:1px solid #d9dde7!important;opacity:1}.impact-chip-container .Mui-disabled .MuiChip-label{color:#b4bac7}.impact-chip-container.single:not(.selected) .MuiChip-filled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/radioButton.svg);background-position:left 12px center;background-repeat:no-repeat;flex-direction:row-reverse}.impact-chip-container.single:not(.selected) .MuiChip-filled .MuiChip-label{margin-bottom:1px;margin-left:20px}.impact-chip-container.single:not(.selected) .MuiChip-filled:hover{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/radioButtonChipHover.svg)}.impact-chip-container.single:not(.selected) .Mui-disabled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/radioButtonChipDisable.svg)}.impact-chip-container.single.selected .MuiChip-filled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/radioButtonFilledChip.svg);background-position:left 12px center;background-repeat:no-repeat}.impact-chip-container.single.selected .MuiChip-filled .MuiChip-label{margin-bottom:1px;margin-left:20px}.impact-chip-container.single.selected .Mui-disabled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/radioButtonFilledDisable.svg);background-position:left 12px center;background-repeat:no-repeat;border:1px solid #b3bdf8!important}.impact-chip-container.single.selected .Mui-disabled .MuiChip-label{color:#b3bdf8!important}.impact-chip-container.multi .MuiChip-filled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkMarkChip.svg);background-position:left 12px center;background-repeat:no-repeat;flex-direction:row-reverse}.impact-chip-container.multi .MuiChip-filled .MuiChip-label{margin-bottom:1px;margin-left:16px}.impact-chip-container.multi .MuiChip-filled:hover{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkMarkChipHover.svg)}.impact-chip-container.multi .Mui-disabled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkMarkChipDisable.svg)}.impact-chip-container.multi.selected .MuiChip-filled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkMarkChipHover.svg)}.impact-chip-container.multi.selected .Mui-disabled{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkMarkActiveDisable.svg);background-position:left 12px center;background-repeat:no-repeat;border:1px solid #b3bdf8!important}.impact-chip-container.multi.selected .Mui-disabled .MuiChip-label{color:#b3bdf8!important}.impact-chip-container.selected .MuiChip-filled{border-color:#4259ee;flex-direction:row-reverse}.impact-chip-container.selected .MuiChip-filled .MuiChip-label{color:#4259ee}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!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-chip-container .MuiChip-filled{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:12px;cursor:pointer;height:32px;min-width:83px;padding:6px 12px}.impact-chip-container .MuiChip-filled: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-chip-container .MuiChip-filled:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-chip-container :is(.MuiChip-filled.Mui-disabled:focus-visible,.MuiChip-filled.ia-btn-disabled:focus-visible,.MuiChip-filled.ia-switch-disabled:focus-visible,.MuiChip-filled.impact-select-disabled:focus-visible,.MuiChip-filled.impact_input_disabled:focus-visible,.MuiChip-filled.route-disabled:focus-visible,.MuiChip-filled:disabled:focus-visible,.MuiChip-filled[aria-disabled=true]:focus-visible){box-shadow:none;outline:none}.impact-chip-container .MuiChip-filled:hover{background:var(--iu-bg-primary-subtle);border-color:var(--iu-bg-primary-darker)}.impact-chip-container .MuiChip-filled:hover .MuiChip-label{color:var(--iu-bg-primary-darker)}.impact-chip-container .MuiChip-filled.Mui-focusVisible{background:var(--iu-bg-surface-layer-bg)}.impact-chip-container .MuiChip-filled:active{background:var(--iu-bg-surface-layer-bg);border-color:var(--iu-bg-primary)}.impact-chip-container .MuiChip-filled .MuiChip-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-inline:4px}.impact-chip-container .MuiChip-filled .MuiChip-icon{color:inherit;margin-left:0;margin-right:4px}.impact-chip-container .Mui-disabled{background:var(--iu-bg-disabled-1);border-color:var(--iu-border-disabled);border:1px solid var(--iu-border-default)!important;opacity:1}.impact-chip-container .Mui-disabled .MuiChip-label{color:var(--iu-on-disabled)}.impact-chip-container.single.selected .Mui-disabled{border:1px solid var(--iu-bg-primary-lighter)!important}.impact-chip-container.single.selected .Mui-disabled .MuiChip-label{color:var(--iu-bg-primary-lighter)!important}.impact-chip-container.multi.selected .Mui-disabled{border:1px solid var(--iu-bg-primary-lighter)!important}.impact-chip-container.multi.selected .Mui-disabled .MuiChip-label{color:var(--iu-bg-primary-lighter)!important}.impact-chip-container .impact-chip-icon-stack{align-items:center;display:inline-flex;height:16px;justify-content:center;width:16px}.impact-chip-container .impact-chip-icon-stack .impact-chip-icon-hover-only,.impact-chip-container.single:not(.selected) .MuiChip-filled:not(.Mui-disabled):hover .impact-chip-icon-stack .impact-chip-icon-rest{display:none}.impact-chip-container.single:not(.selected) .MuiChip-filled:not(.Mui-disabled):hover .impact-chip-icon-stack .impact-chip-icon-hover-only{display:inline-flex}.impact-chip-container.multi:not(.selected) .MuiChip-filled:not(.Mui-disabled):hover .impact-chip-icon-stack .impact-chip-icon-rest{display:none}.impact-chip-container.multi:not(.selected) .MuiChip-filled:not(.Mui-disabled):hover .impact-chip-icon-stack .impact-chip-icon-hover-only{display:inline-flex}.impact-chip-container.selected .MuiChip-filled{background-color:var(--iu-bg-primary-subtle);border-color:var(--iu-bg-primary)}.impact-chip-container.selected .MuiChip-filled .MuiChip-label{color:var(--iu-bg-primary)}.impact-chip-container.selected .MuiChip-filled .MuiChip-icon,.impact-chip-container.selected .MuiChip-filled .MuiChip-icon .impact-icon,.impact-chip-container.selected .MuiChip-filled .MuiChip-icon svg{color:var(--iu-action-primary-icon)}')),document.head.appendChild(i)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
+import { getChipLeadingIcon } from "./chipLeadingIcon.js";
 
 import Chip from "../../node_modules/@mui/material/Chip/Chip.js";
 const Chips = forwardRef(
@@ -15,6 +16,10 @@ const Chips = forwardRef(
       }
       return retVal.trim();
     }, [type, isActive, className]);
+    const leadingIcon = useMemo(
+      () => getChipLeadingIcon(type, isActive, disabled),
+      [type, isActive, disabled]
+    );
     const chipProps = {
       label,
       disabled,
@@ -25,7 +30,7 @@ const Chips = forwardRef(
       },
       ...args
     };
-    return /* @__PURE__ */ jsx("div", { ref, className: containerClass, children: /* @__PURE__ */ jsx(Chip, { ...chipProps }) });
+    return /* @__PURE__ */ jsx("div", { ref, className: containerClass, children: /* @__PURE__ */ jsx(Chip, { ...chipProps, icon: leadingIcon ?? chipProps.icon }) });
   }
 );
 Chips.displayName = "Chips";

package/dist/components/CommentsPanel/CommentsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsContext.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsContext.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,QAAA,MAAM,eAAe,sDAAmD,CAAC;AAEzE,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE;;;CAAA,+BAwlB1D;AAED,wBAAgB,WAAW,IAAI,oBAAoB,GAAG,IAAI,CAEzD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CommentsContext.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsContext.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,QAAA,MAAM,eAAe,sDAAmD,CAAC;AAEzE,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE;;;CAAA,+BA4lB1D;AAED,wBAAgB,WAAW,IAAI,oBAAoB,GAAG,IAAI,CAEzD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,eAAe,gBAAgB,CAAC"}

package/dist/components/CommentsPanel/CommentsContext.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { Comment as Comment_default, CheckTickAll as CheckTickAll_default, DeleteBlack as DeleteBlack_default, EditBlack as EditBlack_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Menu } from "../Menu/index.js";
 import { Prompt } from "../Prompt/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
@@ -136,13 +137,13 @@ function CommentsProvider({ commentProps, children }) {
               setSelectedComment(null);
             },
             value: "mark-as-unread",
-            icon: isRead ? /* @__PURE__ */ jsx(Comment_default, {}) : /* @__PURE__ */ jsx(CheckTickAll_default, {})
+            icon: isRead ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Comment_default), size: 16 }) : /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CheckTickAll_default), size: 16 })
           });
         }
         if (!config.disableDeleteThread && author == (commentProps == null ? void 0 : commentProps.author)) {
           options.push({
             label: t("commentsPanel.deleteThread"),
-            icon: /* @__PURE__ */ jsx(DeleteBlack_default, {}),
+            icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(DeleteBlack_default), size: 16 }),
             onClick: () => {
               setThreadToDelete({
                 cellId: selectedComment == null ? void 0 : selectedComment.id,
@@ -161,7 +162,7 @@ function CommentsProvider({ commentProps, children }) {
         if (!config.disableEditComment) {
           options.push({
             label: t("commentsPanel.edit"),
-            icon: /* @__PURE__ */ jsx(EditBlack_default, {}),
+            icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(EditBlack_default), size: 16 }),
             onClick: () => {
               if (selectedComment) {
                 setEditingComment(selectedComment);
@@ -175,7 +176,7 @@ function CommentsProvider({ commentProps, children }) {
         if (!config.disableDeleteComment) {
           options.push({
             label: t("commentsPanel.delete"),
-            icon: /* @__PURE__ */ jsx(DeleteBlack_default, {}),
+            icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(DeleteBlack_default), size: 16 }),
             onClick: () => {
               setCommentToDelete({
                 cellId: popup == null ? void 0 : popup.cellId,

package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsPanel.impl.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsPanel.impl.tsx"],"names":[],"mappings":"AAqBA,OAAO,6BAA6B,CAAC;AAgBrC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE;;;;;CAAA,sCA+ZtF"}
+{"version":3,"file":"CommentsPanel.impl.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsPanel.impl.tsx"],"names":[],"mappings":"AAsBA,OAAO,6BAA6B,CAAC;AAgBrC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE;;;;;CAAA,sCAiatF"}

package/dist/components/CommentsPanel/CommentsPanel.impl.js

@@ -1,7 +1,7 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.comment-panel-main-container{background-color:#fff;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:all .2s ease-in-out;visibility:hidden;width:0}.comment-panel-main-container .comment-panel-header{align-items:center;background-color:#eceefd;display:flex;justify-content:space-between;padding:12px 16px}.comment-panel-main-container .comment-panel-header h2{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.comment-panel-main-container .comment-panel-header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;cursor:pointer;height:12px;width:12px}.comment-panel-main-container .comment-panel-header .close_icon:hover{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;color:#3649c6}.comment-panel-main-container .comment-panel-body{bottom:0;left:0;padding-top:8px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-search-panel{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.comment-panel-main-container .comment-panel-search-panel .left-input-icon{padding-top:2px}.comment-panel-main-container .comment-panel-search-panel .ia-styles.ia-btn.ia-btn-small{padding:14px!important}.comment-panel-main-container .comment-panel-search-panel .impact_inputbox_container_with_icons{width:279px}.comment-panel-main-container .comment-panel-content{bottom:0;display:flex;flex-direction:column;gap:0;left:0;line-height:20px;overflow:auto;padding:8px 12px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-item{background-color:initial;cursor:pointer;padding:16px;position:relative}.comment-panel-main-container .comment-panel-item:not(:last-child){margin-bottom:16px}.comment-panel-main-container .comment-panel-item:not(:last-child):after{background:#d9dde7;bottom:-8px;content:"";height:1px;left:16px;position:absolute;right:16px}.comment-panel-main-container .comment-panel-item.active{background-color:#eceefd;border-radius:16px}.comment-panel-main-container .comment-panel-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-left{align-items:flex-start;display:flex;gap:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info{display:flex;flex-direction:column;gap:2px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:first-child{color:#31416e;font-size:14px;font-weight:600;line-height:21px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:last-child{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right{align-items:baseline;display:flex}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon{padding:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon svg{height:16px;width:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-button{background-color:initial;padding:8px}.comment-panel-main-container .comment-panel-item-content{color:#1f2b4d;display:-webkit-box;font-size:14px;font-weight:500;line-clamp:3;-webkit-line-clamp:3;line-height:20px;-webkit-box-orient:vertical;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comment-panel-main-container .comment-panel-item-footer{background:none;border:none;color:#4259ee;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:0;text-align:left}.comment-panel-main-container .comment-panel-item-footer-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px;width:100%}.comment-panel-main-container .comment-panel-item-footer-link{color:#4259ee}.comment-panel-main-container .comment-panel-item-footer-muted{color:#7a8294;cursor:default}.comment-panel-main-container .impact_emptystate{border:none;border-radius:0;bottom:0;left:0;margin:0;min-height:auto;padding:0;position:absolute;right:0;top:2px;width:auto}.comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:inherit;width:285px}.comment-panel-main-container.display-comment-panel{border-radius:8px;gap:8px;min-height:480px;opacity:1;padding:0;visibility:visible;width:355px;z-index:999}.comment-panel-main-container.display-comment-panel .comment-panel-header{border-bottom:none}.comment-panel-main-container.display-comment-panel .comment-panel-header .close_icon{padding:0}.header-comments-dropdown{border-radius:8px;box-shadow:0 4px 16px #00000029;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;min-height:300px;position:relative;top:auto}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.comment-panel-main-container{background-color:var(--iu-bg-surface-layer-bg);box-shadow:var(--iu-effect-shadow-drop-4);display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:all .2s ease-in-out;visibility:hidden;width:0}.comment-panel-main-container .comment-panel-header{align-items:center;background-color:var(--iu-bg-primary-subtle);display:flex;justify-content:space-between;padding:12px 16px}.comment-panel-main-container .comment-panel-header h2{color:var(--iu-on-surface-title);font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.comment-panel-main-container .comment-panel-header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;cursor:pointer;height:12px;width:12px}.comment-panel-main-container .comment-panel-header .close_icon:hover{background:var(--iu-bg-primary-subtle) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;color:var(--iu-bg-primary-darker)}.comment-panel-main-container .comment-panel-body{bottom:0;left:0;padding-top:8px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-search-panel{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.comment-panel-main-container .comment-panel-search-panel .left-input-icon{padding-top:2px}.comment-panel-main-container .comment-panel-search-panel .ia-styles.ia-btn.ia-btn-small{padding:14px!important}.comment-panel-main-container .comment-panel-search-panel .impact_inputbox_container_with_icons{width:279px}.comment-panel-main-container .comment-panel-content{bottom:0;display:flex;flex-direction:column;gap:0;left:0;line-height:20px;overflow:auto;padding:8px 12px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-item{background-color:initial;cursor:pointer;padding:16px;position:relative}.comment-panel-main-container .comment-panel-item:not(:last-child){margin-bottom:16px}.comment-panel-main-container .comment-panel-item:not(:last-child):after{background:var(--iu-border-default);bottom:-8px;content:"";height:1px;left:16px;position:absolute;right:16px}.comment-panel-main-container .comment-panel-item.active{background-color:var(--iu-bg-primary-subtle);border-radius:16px}.comment-panel-main-container .comment-panel-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-left{align-items:flex-start;display:flex;gap:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info{display:flex;flex-direction:column;gap:2px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:first-child{color:var(--iu-on-surface-subtitle);font-size:14px;font-weight:600;line-height:21px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:last-child{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right{align-items:baseline;display:flex}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon{padding:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon svg{height:16px;width:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-button{background-color:initial;padding:8px}.comment-panel-main-container .comment-panel-item-content{color:var(--iu-on-surface-body);display:-webkit-box;font-size:14px;font-weight:500;line-clamp:3;-webkit-line-clamp:3;line-height:20px;-webkit-box-orient:vertical;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comment-panel-main-container .comment-panel-item-footer{background:none;border:none;color:var(--iu-bg-primary);cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:0;text-align:left}.comment-panel-main-container .comment-panel-item-footer-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px;width:100%}.comment-panel-main-container .comment-panel-item-footer-link{color:var(--iu-bg-primary)}.comment-panel-main-container .comment-panel-item-footer-muted{color:var(--iu-on-surface-caption);cursor:default}.comment-panel-main-container .impact_emptystate{border:none;border-radius:0;bottom:0;left:0;margin:0;min-height:auto;padding:0;position:absolute;right:0;top:2px;width:auto}.comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.comment-panel-main-container .impact_emptystate .impact_paragraph{color:var(--iu-on-surface-caption);font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:inherit;width:285px}.comment-panel-main-container.display-comment-panel{border:1px solid var(--iu-border-default);border-radius:8px;gap:8px;min-height:480px;opacity:1;padding:0;visibility:visible;width:355px;z-index:999}.comment-panel-main-container.display-comment-panel .comment-panel-header{border-bottom:none}.comment-panel-main-container.display-comment-panel .comment-panel-header .close_icon{padding:0}.header-comments-dropdown{border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:var(--iu-on-surface-caption);font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;min-height:300px;position:relative;top:auto}.comments-portal-container{background:var(--iu-comments_reply-bg);border:1px solid var(--iu-border-default)}[data-iu-theme=dark] .comment-panel-main-container.display-comment-panel,[data-iu-theme=dark] .comments-portal-container{border-color:var(--iu-border-default-subtle)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from "react";
-import { Search as Search_default, MaterialSymbolsSort as MaterialSymbolsSort_default, MoreHorizontal as MoreHorizontal_default, SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default, Search as Search_default, MaterialSymbolsSort as MaterialSymbolsSort_default, MoreHorizontal as MoreHorizontal_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import moment from "moment";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { getUserAvatarColor } from "../../utils/avatarColor.js";
@@ -10,6 +10,7 @@ import { Avatar } from "../Avatar/index.js";
 import { Badge } from "../Badge/index.js";
 import { Button } from "../Button/index.js";
 import { EmptyState } from "../EmptyState/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Input } from "../Input/index.js";
 import { Menu } from "../Menu/index.js";
 import { useComments } from "./CommentsContext.js";
@@ -135,7 +136,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
     if (option.value === "opt3" && onShowResolvedCommentsRequest) {
       setIsLoadingResolvedComments(true);
       try {
-        await onShowResolvedCommentsRequest();
+        await Promise.resolve(onShowResolvedCommentsRequest());
       } finally {
         setIsLoadingResolvedComments(false);
       }
@@ -193,7 +194,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
             /* @__PURE__ */ jsx(
               Input,
               {
-                leftIcon: /* @__PURE__ */ jsx(Search_default, {}),
+                leftIcon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Search_default), size: 16 }),
                 placeholder: t("commentsPanel.searchPlaceholder"),
                 type: "text",
                 value: searchTerm,
@@ -207,7 +208,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
               {
                 className: "sortIcon",
                 disabled: false,
-                icon: /* @__PURE__ */ jsx(MaterialSymbolsSort_default, { fontSize: "small" }),
+                icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(MaterialSymbolsSort_default), size: 16 }),
                 iconPlacement: "left",
                 size: "small",
                 type: "default",
@@ -295,7 +296,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
                                 display: "inline-block",
                                 width: 8,
                                 height: 8,
-                                backgroundColor: "#E15554",
+                                backgroundColor: "var(--iu-bg-error)",
                                 borderRadius: "100%",
                                 verticalAlign: "middle",
                                 margin: "4px 0px 4px 6px"
@@ -312,7 +313,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
                         {
                           className: "comment-panel-action-button",
                           disabled: false,
-                          icon: /* @__PURE__ */ jsx(MoreHorizontal_default, { fontSize: "small" }),
+                          icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(MoreHorizontal_default), size: 16 }),
                           iconPlacement: "left",
                           size: "small",
                           type: "text",
@@ -357,7 +358,9 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
                       Button,
                       {
                         variant: "url",
-                        onClick: () => onCommentItemClick(key, value),
+                        onClick: () => {
+                          onCommentItemClick(key, value);
+                        },
                         children: replyCount === 1 ? t("commentsPanel.reply", { count: replyCount }) : t("commentsPanel.replies", { count: replyCount })
                       }
                     ) : /* @__PURE__ */ jsx("span", { className: "comment-panel-item-footer comment-panel-item-footer-muted", children: t("commentsPanel.noReplies") }),

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

@@ -60,7 +60,7 @@ export interface CommentsContextValue {
     handleMenuClose: () => void;
     registerCommentItemClickHandler: (handler: (id: string) => void) => void;
     onCommentItemClick: (...args: unknown[]) => void;
-    onShowResolvedCommentsRequest?: () => void;
+    onShowResolvedCommentsRequest?: () => void | Promise<void>;
     onExitResolvedCommentsView?: () => void;
     clearCommentError: () => void;
     [key: string]: unknown;

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

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

package/dist/components/CreateItemFlow/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".field .field-label{color:#666;font-size:14px;margin-bottom:8px}.form-section .field{margin-bottom:24px}.form-section .field:last-child{margin-bottom:0}.left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.left-panel-content .left-panel-title h1{margin-bottom:16px}.right-content .ia-stepper.progress .progress-steps{margin-bottom:32px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".field .field-label{color:var(--iu-on-surface-label);font-size:14px;margin-bottom:8px}.left-panel-content .left-panel-title h1{color:var(--iu-on-surface-title)}.left-panel-content .left-panel-title p{color:var(--iu-on-surface-label)}.form-section .field{margin-bottom:24px}.form-section .field:last-child{margin-bottom:0}.left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.left-panel-content .left-panel-title h1{margin-bottom:16px}.right-content .ia-stepper.progress .progress-steps{margin-bottom:32px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { memo, useMemo } from "react";
 import { getAssetUrl } from "../../utils/assetBase.js";

package/dist/components/DatePicker/datePickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAY7C,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,eAAO,MAAM,eAAe,sGAsQ3B,CAAC"}
+{"version":3,"file":"datePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAa7C,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,eAAO,MAAM,eAAe,sGA4Q3B,CAAC"}

package/dist/components/DatePicker/datePickerInput.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, useEffect } from "react";
+import { CalendarDisable as CalendarDisable_default, Calendar as Calendar_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import moment from "moment";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
 const FORMAT_MAP = {
   "DD-MM-YYYY": { day: [0, 2], month: [3, 5], year: [6, 10] },
@@ -216,11 +218,12 @@ const DatePickerInput = forwardRef(
       }
     };
     const showError = Boolean(isError ?? errorState);
+    const calendarIcon = customIcon ?? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "datePicker-input-calendar-icon", children: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(isDisabled ? CalendarDisable_default : Calendar_default), size: 14 }) });
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref: inputContainerRef,
-        className: `datePicker-input-container ${isDisabled ? "datePicker-input-disabled" : ""} ${showError ? "impact-datePicker-error" : ""} ${customIcon ? "datePicker-input-container-custom-icon" : ""}`.trim(),
+        className: `datePicker-input-container datePicker-input-container-custom-icon ${isDisabled ? "datePicker-input-disabled" : ""} ${showError ? "impact-datePicker-error" : ""}`.trim(),
         children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -243,7 +246,7 @@ const DatePickerInput = forwardRef(
               ...rest
             }
           ),
-          customIcon
+          calendarIcon
         ]
       }
     );

package/dist/components/DatePicker/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n@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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact-datepicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-datepicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-datepicker-main-container.label-flex-column{flex-direction:column}.impact-datepicker-main-container.label-flex-column .datePicker-label{margin-bottom:6px}.impact-datepicker-main-container .datePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-datepicker-main-container .datePicker-container{position:relative}.impact-datepicker-main-container .datePicker-input-container{height:32px;width:240px}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendar.svg) no-repeat;background-color:#fff;background-position:center right 12px;background-size:14px;border:1px solid #c3c8d4;border-radius:8px;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding-left:12px;width:100%}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:hover{border:1px solid #4259ee;cursor:pointer}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus{border:1px solid #4259ee;outline:none}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus::placeholder{color:#4259ee}.impact-datepicker-main-container .datePicker-input-container-custom-icon{display:flex;position:relative}.impact-datepicker-main-container .datePicker-input-container-custom-icon .impact-datepicker-date-input{background:#fff!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input{background-color:#f2f4fb;border:1px solid #d9dde7;pointer-events:none!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input:hover{border:1px solid #d9dde7}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input{border:1px solid red!important}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:hover{border:1px solid red!important;cursor:pointer}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus{border:1px solid red!important;outline:none}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus::placeholder{color:red}.impact-date-picker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;left:0;position:absolute;top:35px;width:269px;z-index:99}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-top{bottom:calc(100% + 4px);top:auto}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-portal{left:0;position:relative;top:0}.impact-date-picker-dropdown-container .DayPicker{width:269px!important}.impact-date-picker-dropdown-container .DayPicker>div{width:269px}.impact-date-picker-dropdown-container .DayPicker>div>div{width:269px!important}.impact-date-picker-dropdown-container .DayPicker__withBorder{box-shadow:none}.impact-date-picker-dropdown-container .DayPicker_focusRegion{width:269px!important}.impact-date-picker-dropdown-container .DayPicker_transitionContainer{min-height:266px;width:269px!important}.impact-date-picker-dropdown-container .CalendarMonthGrid__horizontal{left:0}.impact-date-picker-dropdown-container .CalendarMonthGrid_month__hidden,.impact-date-picker-dropdown-container .CalendarMonthGrid_month__horizontal{width:269px}.impact-date-picker-dropdown-container .CalendarMonth{padding:20px!important}.impact-date-picker-dropdown-container .CalendarMonth_caption{padding-bottom:28px;padding-top:0}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px;top:17px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:20px;top:17px}.impact-date-picker-dropdown-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li small{line-height:20px}.impact-date-picker-dropdown-container .DayPicker_weekHeader{left:0;padding:0 12px;top:50px;width:269px}.impact-date-picker-dropdown-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:1px}.impact-date-picker-dropdown-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:80%}.impact-date-picker-dropdown-container .DayPickerNavigation{position:relative;z-index:2}.impact-date-picker-dropdown-container .DayPickerNavigation__horizontal{height:0}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-date-picker-dropdown-container .DayPickerNavigation__bottom{height:auto}.impact-date-picker-dropdown-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-date-picker-dropdown-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-date-picker-dropdown-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default svg{display:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-date-picker-dropdown-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-date-picker-dropdown-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:22px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:22px;transform:rotate(-90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-date-picker-dropdown-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-date-picker-dropdown-container :is(.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault){width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-date-picker-dropdown-container .CalendarMonth_table{border-collapse:initial;border-spacing:10px 8px;padding-top:8px}.impact-date-picker-dropdown-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-date-picker-dropdown-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-date-picker-dropdown-container .CalendarDay__selected,.impact-date-picker-dropdown-container .CalendarDay__selected:active,.impact-date-picker-dropdown-container .CalendarDay__selected:hover{background:#4259ee!important;border-radius:8px;color:#fff}.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li{display:inline-block;margin-left:10px;text-align:center;width:20px!important}.datePicker-buttons-container{display:flex;gap:16px;justify-content:flex-end;padding:10px 19px;position:relative}.datePicker-buttons-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:90%}.datePicker-buttons-container.datePicker-buttons-container--hidden{display:none}.showWeekNumbers .DayPicker_weekHeader:after{left:25px}.showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.showWeekNumbers .CalendarMonth_table tbody{position:relative}.showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:calc(100% - 6px);left:-5px;position:absolute;top:6px;width:1px;z-index:1}.showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-portal-container{position:absolute;z-index:9999}.impact-datepicker-full-width-main-container .datePicker-input-container{width:100%}.date-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:23px;position:relative;top:-6px;width:188px;z-index:9999}.date-picker-show-month-year-select-container .date-picker-month-select-container{width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:105px;width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-picker-show-month-year-select-container .date-picker-year-select-container{width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-picker-month-select-dropdown,.date-picker-year-select-dropdown{min-width:115px!important;width:115px!important}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n@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-datepicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-datepicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-datepicker-main-container.label-flex-column{flex-direction:column}.impact-datepicker-main-container.label-flex-column .datePicker-label{margin-bottom:6px}.impact-datepicker-main-container .datePicker-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-datepicker-main-container .datePicker-container{position:relative}.impact-datepicker-main-container .datePicker-input-container{height:32px;position:relative;width:240px}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input{background-color:var(--iu-bg-surface-layer-bg);border:none;border:1px solid var(--iu-bg-disabled-2);border-radius:8px;box-sizing:border-box;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding-left:12px;padding-right:36px;width:100%}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:hover{border:1px solid var(--iu-bg-primary);cursor:pointer}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus{border:1px solid var(--iu-bg-primary);outline:none}.impact-datepicker-main-container .datePicker-input-container .impact-datepicker-date-input:focus::placeholder{color:var(--iu-bg-primary)}.impact-datepicker-main-container .datePicker-input-container-custom-icon{display:flex;position:relative}.impact-datepicker-main-container .datePicker-input-container-custom-icon .impact-datepicker-date-input{background-color:var(--iu-bg-surface-layer-bg)}.impact-datepicker-main-container .datePicker-input-calendar-icon{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.impact-datepicker-main-container .datePicker-input-calendar-icon .impact-icon{color:var(--iu-on-surface-icon)}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input{background-color:var(--iu-legacy-inactive-input-bg);border:1px solid var(--iu-border-disabled);pointer-events:none!important}.impact-datepicker-main-container .datePicker-input-disabled .impact-datepicker-date-input:hover{border:1px solid var(--iu-border-disabled)}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input{border:1px solid var(--iu-bg-error)!important}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:hover{border:1px solid var(--iu-bg-error)!important;cursor:pointer}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus{border:1px solid var(--iu-bg-error)!important;outline:none}.impact-datepicker-main-container .impact-datePicker-error .impact-datepicker-date-input:focus::placeholder{color:var(--iu-bg-error)}.impact-date-picker-dropdown-container{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:0 1px 6px 0 var(--iu-legacy-box-shadow-tint);box-sizing:border-box;left:0;overflow:hidden;position:absolute;top:35px;width:269px;z-index:99}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-top{bottom:calc(100% + 4px);top:auto}.impact-date-picker-dropdown-container.impact-date-picker-dropdown-portal{left:0;position:relative;top:0}.impact-date-picker-dropdown-container :is(.CalendarMonthGrid,.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable),.impact-date-picker-dropdown-container :is(.DayPicker,.DayPicker__horizontal,.DayPicker__vertical){background:var(--iu-bg-surface-layer-bg)!important}.impact-date-picker-dropdown-container .CalendarMonth{background:var(--iu-bg-surface-layer-bg)}.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range,.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range:active,.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range:hover{background:#0000!important;border-color:var(--iu-border-default);color:var(--iu-bg-disabled-2)!important}.impact-date-picker-dropdown-container .CalendarDay__default{background:#0000!important;border:none!important;color:var(--iu-on-surface-body)!important}.impact-date-picker-dropdown-container .CalendarDay__outside{background:#0000!important;border:0!important;color:var(--iu-bg-disabled-2)!important}.impact-date-picker-dropdown-container .CalendarDay__outside:hover{background:#0000!important}.impact-date-picker-dropdown-container .CalendarDay__blocked_minimum_nights,.impact-date-picker-dropdown-container .CalendarDay__blocked_minimum_nights:active,.impact-date-picker-dropdown-container .CalendarDay__blocked_minimum_nights:hover{background:#0000!important;border-color:var(--iu-border-default);color:var(--iu-bg-disabled-2)!important}.impact-date-picker-dropdown-container .CalendarDay__hovered_offset{background:var(--iu-effect-mix-primary-alpha-20)!important;border-color:var(--iu-border-default);color:var(--iu-on-surface-body)!important}.impact-date-picker-dropdown-container .CalendarDay__selected,.impact-date-picker-dropdown-container .CalendarDay__selected:active,.impact-date-picker-dropdown-container .CalendarDay__selected:hover{color:var(--iu-primitive-color-grey-500)!important}.impact-date-picker-dropdown-container .DayPicker{box-sizing:border-box;max-width:269px;width:100%!important}.impact-date-picker-dropdown-container .DayPicker>div{box-sizing:border-box;max-width:269px;width:100%}.impact-date-picker-dropdown-container .DayPicker>div>div{box-sizing:border-box;max-width:269px;width:100%!important}.impact-date-picker-dropdown-container .DayPicker__withBorder{box-shadow:none}.impact-date-picker-dropdown-container .DayPicker_focusRegion{box-sizing:border-box;max-width:269px;width:100%!important}.impact-date-picker-dropdown-container .DayPicker_transitionContainer{border:.5px solid var(--iu-border-default);box-sizing:border-box;max-width:269px;min-height:266px;overflow:hidden;width:100%!important}.impact-date-picker-dropdown-container .CalendarMonthGrid__horizontal{left:0}.impact-date-picker-dropdown-container .CalendarMonthGrid_month__hidden,.impact-date-picker-dropdown-container .CalendarMonthGrid_month__horizontal{box-sizing:border-box;max-width:269px;width:100%}.impact-date-picker-dropdown-container .CalendarMonth{padding:20px!important}.impact-date-picker-dropdown-container .CalendarMonth_caption{padding-bottom:28px;padding-top:0}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px;top:17px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:20px;top:17px}.impact-date-picker-dropdown-container .CalendarMonth_caption{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li small{line-height:20px}.impact-date-picker-dropdown-container .DayPicker_weekHeader{box-sizing:border-box;left:0;max-width:269px;padding:0 12px;top:50px;width:100%}.impact-date-picker-dropdown-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:1px}.impact-date-picker-dropdown-container .DayPicker_weekHeader:after{background-color:var(--iu-border-default);bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:80%}.impact-date-picker-dropdown-container .DayPickerNavigation{position:relative;z-index:2}.impact-date-picker-dropdown-container .DayPickerNavigation__horizontal{height:0}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-date-picker-dropdown-container .DayPickerNavigation__bottom{height:auto}.impact-date-picker-dropdown-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-date-picker-dropdown-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button: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-date-picker-dropdown-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__default svg{display:none}.impact-date-picker-dropdown-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-date-picker-dropdown-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-date-picker-dropdown-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-date-picker-dropdown-container .DayPickerNavigation_leftButton__horizontalDefault{left:22px}.impact-date-picker-dropdown-container .DayPickerNavigation_rightButton__horizontalDefault{right:22px;transform:rotate(-90deg)}.impact-date-picker-dropdown-container .DayPickerNavigation_button__verticalDefault{background:var(--iu-bg-surface-layer-bg);box-shadow:0 0 5px 2px var(--iu-legacy-shadow-light);display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-date-picker-dropdown-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-date-picker-dropdown-container :is(.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault){width:100%}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__vertical{fill:var(--iu-on-surface-label);height:42px;width:42px}.impact-date-picker-dropdown-container .DayPickerNavigation_svg__disabled{fill:var(--iu-legacy-off-white)}.impact-date-picker-dropdown-container .CalendarMonth_table{border-collapse:initial;border-spacing:10px 8px;padding-top:8px}.impact-date-picker-dropdown-container .CalendarDay__default{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-date-picker-dropdown-container .CalendarDay__default:hover{background:var(--iu-bg-primary-subtle)!important;border-radius:8px;color:var(--iu-bg-primary);outline:1px solid var(--iu-bg-primary-lighter)}.impact-date-picker-dropdown-container .CalendarDay__selected,.impact-date-picker-dropdown-container .CalendarDay__selected:active,.impact-date-picker-dropdown-container .CalendarDay__selected:hover{background:var(--iu-bg-primary)!important;border-radius:8px;color:var(--iu-primitive-color-grey-500)}.impact-date-picker-dropdown-container .CalendarDay__blocked_out_of_range{color:var(--iu-bg-disabled-2)!important}.impact-date-picker-dropdown-container .DayPicker_weekHeader_li{display:inline-block;margin-left:10px;text-align:center;width:20px!important}.datePicker-buttons-container{display:flex;gap:16px;justify-content:flex-end;padding:10px 19px;position:relative}.datePicker-buttons-container:before{content:"";height:1px;left:10px;position:absolute;top:0;width:90%}.datePicker-buttons-container.datePicker-buttons-container--hidden{display:none}.showWeekNumbers .DayPicker_weekHeader:after{left:25px}.showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.showWeekNumbers .CalendarMonth_table tbody{position:relative}.showWeekNumbers .CalendarMonth_table tbody:before{background-color:var(--iu-border-default);content:"";height:calc(100% - 6px);left:-5px;position:absolute;top:6px;width:1px;z-index:1}.showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:var(--iu-legacy-stepper-font);display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-portal-container{position:absolute;z-index:9999}.impact-datepicker-full-width-main-container .datePicker-input-container{width:100%}.date-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:23px;position:relative;top:-6px;width:188px;z-index:9999}.date-picker-show-month-year-select-container .date-picker-month-select-container{width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:105px;width:105px}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-picker-show-month-year-select-container .date-picker-year-select-container{width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-picker-show-month-year-select-container .date-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-picker-month-select-dropdown,.date-picker-year-select-dropdown{min-width:115px!important;width:115px!important}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useState, useEffect, useCallback, useMemo } from "react";
 import moment from "moment";
@@ -200,7 +200,7 @@ const DatePicker = forwardRef(
           label && /* @__PURE__ */ jsxs("div", { className: "datePicker-label", children: [
             label,
             " ",
-            isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+            isRequired && /* @__PURE__ */ jsx("span", { className: "impact-form-required-mark", children: "*" })
           ] }),
           /* @__PURE__ */ jsxs("div", { ref: datePickerMainContainerRef, className: "datePicker-container", children: [
             /* @__PURE__ */ jsx(

package/dist/components/DateRangePicker/dateRangePickerInput.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { Calendar as Calendar_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import moment from "moment";
-import { getAssetUrl } from "../../utils/assetBase.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
-const calendarIcon = getAssetUrl("icons/calendar.svg");
 function DateRangePickerInput({
   inputContainerRef,
   startDateString,
@@ -403,17 +403,16 @@ function DateRangePickerInput({
               top: "50%",
               transform: "translateY(-50%)",
               cursor: isDisabled ? "" : "pointer",
-              width: 14,
-              height: 14,
-              background: `url(${calendarIcon}) no-repeat center/contain`,
-              opacity: isDisabled ? 0.5 : 1
+              opacity: isDisabled ? 0.5 : 1,
+              display: "inline-flex"
             },
             onClick: (e) => {
               e.stopPropagation();
               if (startDateInputRef.current && !isDisabled) {
                 startDateInputRef.current.focus();
               }
-            }
+            },
+            children: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Calendar_default), size: 14 })
           }
         )
       ]