impact-ui 5.0.2-alpha.1 → 5.0.2-beta.1

package/dist/components/Checkbox/WithDropDown.d.ts

@@ -3,5 +3,5 @@ import { WithDropDownProps } from './Checkbox.types';
 /**
  * Checkbox with dropdown menu for additional options
  */
-export default function WithDropDown({ defaultChecked, checked, onChange, isRequired, isDisabled, label, dropDownData, onDropDownCheckBoxClick, ...args }: WithDropDownProps): import("react/jsx-runtime").JSX.Element;
+export default function WithDropDown({ defaultChecked, checked, onChange, isRequired, isDisabled, label, dropDownData, onDropDownCheckBoxClick, ...args }: WithDropDownProps): import("react").JSX.Element;
 //# sourceMappingURL=WithDropDown.d.ts.map

package/dist/components/Checkbox/WithDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WithDropDown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,UAAkB,EAClB,KAAK,EACL,YAAY,EACZ,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAwFnB"}
+{"version":3,"file":"WithDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WithDropDown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,UAAkB,EAClB,KAAK,EACL,YAAY,EACZ,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAwFnB"}

package/dist/components/Checkbox/WithoutFormLabel.d.ts

@@ -3,5 +3,5 @@ import { WithoutFormLabelProps } from './Checkbox.types';
 /**
  * Checkbox without MUI FormControlLabel wrapper for custom layouts
  */
-export default function WithoutFormLabel({ defaultChecked, checked, onChange, isDisabled, label, isRequired, ...args }: WithoutFormLabelProps): import("react/jsx-runtime").JSX.Element;
+export default function WithoutFormLabel({ defaultChecked, checked, onChange, isDisabled, label, isRequired, ...args }: WithoutFormLabelProps): import("react").JSX.Element;
 //# sourceMappingURL=WithoutFormLabel.d.ts.map

package/dist/components/Checkbox/WithoutFormLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithoutFormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WithoutFormLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,KAAK,EACL,UAAkB,EAClB,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAyCvB"}
+{"version":3,"file":"WithoutFormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WithoutFormLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,KAAK,EACL,UAAkB,EAClB,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAyCvB"}

package/dist/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-form-checkbox-container{align-items:center;display:flex;flex-direction:row;gap:0;margin:0!important}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container{background:#fff;border:1px solid #c3c8d4;border-radius:4px;box-sizing:border-box;height:16px;margin-right:6px;padding:0!important;width:16px}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{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-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-disabled.Mui-focusVisible,.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:focus:not(.Mui-focusVisible){box-shadow:none;outline:none}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){border:1px solid #4259ee}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container>svg{fill:#0000;height:16px;width:16px}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked>svg,.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked>svg{display:none}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:#eceefd}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:#f8f9fb url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedTickDisabled.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #b3bdf8}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkbox-dash.svg) no-repeat!important;background-position:50%!important;background-size:10px!important;border:1px solid #4259ee!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-focusVisible{background-color:#eceefd!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-disabled{background:#f8f9fb url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedDashDisable.svg) no-repeat!important;background-position:50%!important;background-size:10px!important;border:1px solid #b3bdf8!important}.impact-form-checkbox-container .MuiFormControlLabel-root{margin-left:0}.impact-form-checkbox-container .MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked>svg{display:none;fill:#eceefd}.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled:not(.Mui-checked){background-color:#f8f9fb;border:1px solid #d9dde7;pointer-events:none}.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled{pointer-events:none}.impact-form-checkbox-container .MuiCheckbox-root.MuiTypography-root{font-family:Manrope,sans-serif;font-weight:500}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover:not(.Mui-disabled),.impact-form-checkbox-container .MuiFormControlLabel-root:hover .impact_checkbox_custom:not(.Mui-disabled){border:1px solid #4259ee!important}.impact-form-checkbox-container .MuiCheckbox-root.checkbox_custom:hover:after{background:#fff}.impact-form-checkbox-container .MuiCheckbox-root.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked:after{display:none}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-checked.Mui-disabled>svg,.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.impact_checkbox_dash.Mui-checked.Mui-disabled>svg{fill:#0000}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-disabled:after{background:#f8f9fb;border:1px solid #d9dde7}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover:not(.Mui-disabled){background-color:#fff0!important}.impact-form-checkbox-container .MuiTypography-root:hover .impact_checkbox_custom{display:none!important}.impact-form-checkbox-container .MuiFormControlLabel-asterisk{color:#da1e28}.impact-form-checkbox-container .impact-checkbox-label-with-required{align-items:flex-start;display:flex;gap:4px}.impact-form-checkbox-container .impact-checkbox-label-with-required span{color:#ec4c5c}.impact-form-checkbox-container .MuiFormControlLabel-label{align-items:center;color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-form-checkbox-container .impact-checkbox-label{color:#60697d;display:inline-block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-form-checkbox-container .impact-checkbox-label.checked{color:#0d152c}.impact-form-checkbox-container .impact-checkbox-label.disabled{color:#b4bac7}.impact-form-checkbox-container.checked .MuiFormControlLabel-label{color:#0d152c}.MuiFormControlLabel-label.Mui-disabled{color:#b4bac7!important}.impact-form-checkbox{align-items:center;display:flex}.impact-form-checkbox .impact-form-checkbox-dropdown-trigger{align-items:center;display:flex;gap:4px}.impact-form-checkbox .MuiCheckbox-root.impact-checkbox-container{cursor:pointer;margin-right:0}.impact-arrow-button{color:#60697d;cursor:pointer;font-size:12px!important;height:12px!important;width:12px!important}.impact-arrow-button.disabled{color:#b4bac7;cursor:not-allowed;pointer-events:none}.impact-arrow-button.up{transform:rotate(180deg)}.impact-form-checkbox-dropdown-trigger.disabled{cursor:not-allowed;pointer-events:none}.ia-styles.ia-checkbox-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 0 4px #0000001f;margin-left:0;margin-top:4px;max-height:180px;max-width:240px;min-width:180px;padding:8px 6px;width:240px}.ia-styles.ia-checkbox-menu .MuiList-root{display:flex;flex-direction:column;gap:2px;padding:0}.ia-styles.ia-checkbox-menu .MuiButtonBase-root{align-items:center;border:2px solid #0000;border-radius:8px;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;height:35px;line-height:20px;padding:8px 12px 8px 16px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-focusVisible{background:#fff;border:2px solid #4259ee;border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-selected:hover{background-color:#eceefd}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-form-checkbox-container{align-items:center;display:flex;flex-direction:row;gap:0;margin:0!important}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:4px;box-sizing:border-box;height:16px;margin-right:6px;padding:0!important;position:relative;width:16px}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg);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-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-disabled.Mui-focusVisible,.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:focus:not(.Mui-focusVisible){box-shadow:none;outline:none}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){border:1px solid var(--iu-bg-primary)}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container>svg{fill:#0000;height:16px;width:16px}.impact-form-checkbox-container :is(.MuiCheckbox-root.dashed-variant.Mui-checked,.MuiCheckbox-root.default-variant.Mui-checked)>svg{display:none}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked{background-color:var(--iu-bg-primary-subtle);border:1px solid var(--iu-bg-primary)}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked:before{background-color:var(--iu-bg-primary);content:\"\";height:10px;left:50%;mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M3.2 7.4.4 4.6l1-1 1.8 1.8 5.4-5 1 1z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M3.2 7.4.4 4.6l1-1 1.8 1.8 5.4-5 1 1z'/%3E%3C/svg%3E\");mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:1}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:var(--iu-bg-primary-subtle)}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background-color:var(--iu-bg-disabled-1);border:1px solid var(--iu-border-primary-lighter)}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled:before{background-color:var(--iu-border-primary-lighter);content:\"\";height:10px;left:50%;mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M3.2 7.4.4 4.6l1-1 1.8 1.8 5.4-5 1 1z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M3.2 7.4.4 4.6l1-1 1.8 1.8 5.4-5 1 1z'/%3E%3C/svg%3E\");mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:1}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked{background-color:var(--iu-bg-primary-subtle)!important;border:1px solid var(--iu-bg-primary)!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked:before{background-color:var(--iu-bg-primary);content:\"\";height:10px;left:50%;mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Crect width='8' height='2' x='1' rx='1'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Crect width='8' height='2' x='1' rx='1'/%3E%3C/svg%3E\");mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:1}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-focusVisible{background-color:var(--iu-bg-primary-subtle)!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-disabled{background-color:var(--iu-bg-disabled-1)!important;border:1px solid var(--iu-border-primary-lighter)!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-disabled:before{background-color:var(--iu-border-primary-lighter);content:\"\";height:10px;left:50%;mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Crect width='8' height='2' x='1' rx='1'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Crect width='8' height='2' x='1' rx='1'/%3E%3C/svg%3E\");mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:1}.impact-form-checkbox-container .MuiFormControlLabel-root{margin-left:0}.impact-form-checkbox-container .MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked>svg{display:none;fill:var(--iu-bg-primary-subtle)}.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled,.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled:not(.Mui-checked){background-color:var(--iu-bg-disabled-1);border:1px solid var(--iu-border-disabled);pointer-events:none}.impact-form-checkbox-container .MuiCheckbox-root.MuiTypography-root{font-family:Manrope,sans-serif;font-weight:500}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover:not(.Mui-disabled),.impact-form-checkbox-container .MuiFormControlLabel-root:hover .impact_checkbox_custom:not(.Mui-disabled){border:1px solid var(--iu-bg-primary)!important}.impact-form-checkbox-container .MuiCheckbox-root.checkbox_custom:hover:after{background:var(--iu-bg-surface-layer-bg)}.impact-form-checkbox-container .MuiCheckbox-root.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked:after{display:none}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-checked.Mui-disabled>svg,.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.impact_checkbox_dash.Mui-checked.Mui-disabled>svg{fill:var(--iu-bg-disabled-1)}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-disabled:after{background:var(--iu-bg-disabled-1);border:1px solid var(--iu-legacy-dark-gray)}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover:not(.Mui-disabled){background-color:#fff0!important}.impact-form-checkbox-container .MuiTypography-root:hover .impact_checkbox_custom{display:none!important}.impact-form-checkbox-container .MuiFormControlLabel-asterisk{color:var(--iu-legacy-red-badge)}.impact-form-checkbox-container .impact-checkbox-label-with-required{align-items:flex-start;display:flex;gap:4px}.impact-form-checkbox-container .impact-checkbox-label-with-required span{color:var(--iu-legacy-red-badge)}.impact-form-checkbox-container .MuiFormControlLabel-label{align-items:center;color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-form-checkbox-container .impact-checkbox-label{color:var(--iu-on-surface-caption);display:inline-block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-form-checkbox-container .impact-checkbox-label.checked{color:var(--iu-on-surface-title)}.impact-form-checkbox-container .impact-checkbox-label.disabled{color:var(--iu-on-disabled)}.MuiFormControlLabel-label.Mui-disabled{color:var(--iu-on-disabled)!important}.impact-form-checkbox{align-items:center;display:flex}.impact-form-checkbox .impact-form-checkbox-dropdown-trigger{align-items:center;display:flex;gap:4px}.impact-form-checkbox .MuiCheckbox-root.impact-checkbox-container{cursor:pointer;margin-right:0}.impact-arrow-button{color:var(--iu-on-surface-label);cursor:pointer;font-size:12px!important;height:12px!important;width:12px!important}.impact-arrow-button.disabled{color:var(--iu-on-disabled);cursor:not-allowed;pointer-events:none}.impact-arrow-button.up{transform:rotate(180deg)}.impact-form-checkbox-dropdown-trigger.disabled{cursor:not-allowed;pointer-events:none}.ia-styles.ia-checkbox-menu .MuiPaper-root{background:var(--iu-select-options-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated,0 1px 6px 0 #1a277c24);margin-left:0;margin-top:4px;max-height:180px;max-width:240px;min-width:180px;padding:8px 6px;width:240px}.ia-styles.ia-checkbox-menu .MuiList-root{display:flex;flex-direction:column;gap:2px;padding:0}.ia-styles.ia-checkbox-menu .MuiButtonBase-root{align-items:center;border:2px solid #0000;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;height:35px;line-height:20px;padding:8px 12px 8px 16px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-focusVisible{background:var(--iu-bg-surface-layer-bg);border:2px solid var(--iu-bg-primary);border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root:hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-selected{background-color:var(--iu-bg-primary-subtle);border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-selected:hover{background-color:var(--iu-bg-primary-subtle)}.ia-styles.ia-checkbox-menu .MuiButtonBase-root{border-radius:8px;color:var(--iu-on-surface-body)}.css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:var(--iu-bg-primary-subtle);border-radius:8px}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import Dashed from "./Dashed.js";

package/dist/components/Chips/chipLeadingIcon.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { ChipsProps } from './Chips.types';
+
+/** Leading indicator for single / multi chip types (replaces CDN background-image icons). */
+export declare function getChipLeadingIcon(type: NonNullable<ChipsProps['type']>, isActive: boolean, disabled: boolean | undefined): ReactElement | undefined;
+//# sourceMappingURL=chipLeadingIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipLeadingIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/chipLeadingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA2BhD,6FAA6F;AAC7F,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EACrC,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,GAC5B,YAAY,GAAG,SAAS,CAsB1B"}

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,oHAuCjB,CAAC"}

package/dist/components/Chips/index.js

@@ -1,12 +1,14 @@
-!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 .MuiChip-filled.Mui-disabled:focus-visible,.impact-chip-container .MuiChip-filled.ia-btn-disabled:focus-visible,.impact-chip-container .MuiChip-filled.ia-switch-disabled:focus-visible,.impact-chip-container .MuiChip-filled.impact-select-disabled:focus-visible,.impact-chip-container .MuiChip-filled.impact_input_disabled:focus-visible,.impact-chip-container .MuiChip-filled.route-disabled:focus-visible,.impact-chip-container .MuiChip-filled:disabled:focus-visible,.impact-chip-container .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(
   ({ label, onClick, disabled, type = "default", isActive = false, className = "", ...args }, ref) => {
     const containerClass = useMemo(() => {
-      let retVal = `impact-chip-container ${type}`;
+      const typeClass = type === "default" ? "plain" : type;
+      let retVal = `impact-chip-container ${typeClass}`;
       if (className) {
         retVal += ` ${className}`;
       }
@@ -15,6 +17,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 +31,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

@@ -4,7 +4,7 @@ declare const CommentsContext: import('react').Context<CommentsContextValue | nu
 export declare function CommentsProvider({ commentProps, children }: {
     commentProps: any;
     children: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useComments(): CommentsContextValue | null;
 export { CommentsContext };
 export default CommentsProvider;

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,2CAwlB1D;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

@@ -4,5 +4,5 @@ export default function CommentsPanel({ className, style, onClose, visibleSortOp
     style: any;
     onClose: any;
     visibleSortOptions: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=CommentsPanel.impl.d.ts.map

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,kDA+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-link-button-color);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-link-button-color)}.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/datePickerDropdown.d.ts

@@ -35,5 +35,5 @@ export interface DatePickerDropdownProps {
     allButtonsHidden?: boolean;
     [key: string]: unknown;
 }
-export declare function DatePickerDropdown({ onDatesChange, focused, setFocused, selectedDate, setSelectedDate, showWeekNumbers, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, setIsOpen, withPortal, portalContainer, containerRef, showMonthYearSelect, customYears, minDate, maxDate, isOutsideRange, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, placement, dropdownRef, allButtonsHidden, ...calendarProps }: DatePickerDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerDropdown({ onDatesChange, focused, setFocused, selectedDate, setSelectedDate, showWeekNumbers, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, setIsOpen, withPortal, portalContainer, containerRef, showMonthYearSelect, customYears, minDate, maxDate, isOutsideRange, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, placement, dropdownRef, allButtonsHidden, ...calendarProps }: DatePickerDropdownProps): React.JSX.Element;
 //# sourceMappingURL=datePickerDropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"datePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAIhC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,eAA6E,EAC7E,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,GAAG,aAAa,EACjB,EAAE,uBAAuB,2CA8QzB"}
+{"version":3,"file":"datePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAIhC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,eAA6E,EAC7E,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,GAAG,aAAa,EACjB,EAAE,uBAAuB,qBA8QzB"}

package/dist/components/DatePicker/datePickerFooter.d.ts

@@ -16,5 +16,5 @@ export interface DatePickerFooterProps {
     hideSecondaryButton?: boolean;
     hidePrimaryButton?: boolean;
 }
-export declare function DatePickerFooter({ tertiaryButtonProps, secondaryButtonProps, primaryButtonProps, isPrimaryButtonDisabled, isTertiaryButtonDisabled, setSelectedDate, setFocused, onTertiaryButtonClick, onSecondaryButtonClick, onPrimaryButtonClick, setIsOpen, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, }: DatePickerFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerFooter({ tertiaryButtonProps, secondaryButtonProps, primaryButtonProps, isPrimaryButtonDisabled, isTertiaryButtonDisabled, setSelectedDate, setFocused, onTertiaryButtonClick, onSecondaryButtonClick, onPrimaryButtonClick, setIsOpen, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, }: DatePickerFooterProps): import("react").JSX.Element;
 //# sourceMappingURL=datePickerFooter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"datePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,uBAA8B,EAC9B,wBAA+B,EAC/B,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,qBAAqB,2CAwDvB"}
+{"version":3,"file":"datePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,uBAA8B,EAC9B,wBAA+B,EAC/B,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,qBAAqB,+BAwDvB"}

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
         ]
       }
     );