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

package/dist/components/Chart/index.js

@@ -1,6 +1,6 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;min-width:0;padding:8px 8px 8px 12px;position:relative}.chart-skeleton .chart-skeleton-axis--x{bottom:0;left:-2px;position:absolute;right:8px}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-axis--y-right{margin-left:-2px}.chart-skeleton .chart-skeleton-plot--column-dense{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:3px;justify-content:space-between;padding:0 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bar--column-dense{border-radius:2px;flex:1;max-width:14px;min-width:4px}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-axis--y-right{margin-left:8px}.chart-skeleton .chart-skeleton-area-spline{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill{fill:url(#area-shimmer-gradient)}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--1{opacity:.85}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--2{opacity:.65}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--heatmap{align-items:stretch;flex-direction:row}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap{display:flex;flex:1;gap:8px;min-height:0;min-width:0;padding:0 8px 4px}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-col{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-cell{flex:1;min-height:0}.chart-skeleton .chart-skeleton-plot--treemap{display:flex;flex-direction:row;gap:4px;padding:0}.chart-skeleton .chart-skeleton-treemap-left{display:flex;flex:0 0 35%}.chart-skeleton .chart-skeleton-treemap-right{display:flex;flex:1;flex-direction:column;gap:4px}.chart-skeleton .chart-skeleton-treemap-top{display:flex;flex:1;flex-direction:row;gap:4px}.chart-skeleton .chart-skeleton-treemap-bottom{display:flex;flex:0 0 22%}.chart-skeleton .chart-skeleton-candles{align-items:stretch;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-around;min-height:0;padding:0 16px}.chart-skeleton .chart-skeleton-candle{flex:1;max-width:40px;min-width:20px;position:relative}.chart-skeleton .chart-skeleton-plot--scatter{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dots{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,#e8edf5,#d5dbe8 40%,#eceef4 60%,#e8edf5);background-size:200% 100%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--circle{border-radius:50%}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--square{border-radius:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--triangle{animation:none;background:#0000;border-bottom:8px solid #e8edf5;border-left:4px solid #e8edf5;border-right:4px solid #e8edf5;height:0;width:0}.chart-skeleton .chart-skeleton-plot--scatter3d{align-items:center;display:flex;justify-content:center;padding:12px}.chart-skeleton .chart-skeleton-plot--scatter3d .chart-skeleton-scatter3d{height:100%;max-height:100%;width:100%}.chart-skeleton .chart-skeleton-bubble-area{flex:1;min-height:0;min-width:0;position:relative}.chart-skeleton .chart-skeleton-bubble-area .chart-skeleton-bubble{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-end;max-width:48px;min-width:16px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-head{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-stem{flex-shrink:1;min-height:4px;width:2px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--1{opacity:.85}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--2{opacity:.65}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dot{background:#e8edf5;border-radius:50%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circles{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:220px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle{border-radius:50%;opacity:.85;position:absolute}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--left{left:30px;top:10px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--right{right:-9px;top:9px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),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(".chart-container{background:var(--iu-bg-surface-layer-bg);border-radius:8px;color:var(--iu-on-surface-body);display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px 0 var(--iu-legacy-box-shadow-tint)}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:var(--iu-on-surface-title);font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:var(--iu-border-disabled);height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:var(--iu-on-surface-label)!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}:is(.highcharts-xaxis,.highcharts-yaxis) .highcharts-axis-title{color:var(--iu-on-surface-label)!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;margin:60px 0}.chart-empty-state span{color:var(--iu-on-surface-caption);font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;min-width:0;padding:8px 8px 8px 12px;position:relative}.chart-skeleton .chart-skeleton-axis--x{bottom:0;left:-2px;position:absolute;right:8px}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-axis--y-right{margin-left:-2px}.chart-skeleton .chart-skeleton-plot--column-dense{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:3px;justify-content:space-between;padding:0 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bar--column-dense{border-radius:2px;flex:1;max-width:14px;min-width:4px}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-axis--y-right{margin-left:8px}.chart-skeleton .chart-skeleton-area-spline{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill{fill:url(#area-shimmer-gradient)}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--1{opacity:.85}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--2{opacity:.65}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--heatmap{align-items:stretch;flex-direction:row}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap{display:flex;flex:1;gap:8px;min-height:0;min-width:0;padding:0 8px 4px}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-col{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-cell{flex:1;min-height:0}.chart-skeleton .chart-skeleton-plot--treemap{display:flex;flex-direction:row;gap:4px;padding:0}.chart-skeleton .chart-skeleton-treemap-left{display:flex;flex:0 0 35%}.chart-skeleton .chart-skeleton-treemap-right{display:flex;flex:1;flex-direction:column;gap:4px}.chart-skeleton .chart-skeleton-treemap-top{display:flex;flex:1;flex-direction:row;gap:4px}.chart-skeleton .chart-skeleton-treemap-bottom{display:flex;flex:0 0 22%}.chart-skeleton .chart-skeleton-candles{align-items:stretch;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-around;min-height:0;padding:0 16px}.chart-skeleton .chart-skeleton-candle{flex:1;max-width:40px;min-width:20px;position:relative}.chart-skeleton .chart-skeleton-plot--scatter{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dots{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 60%,var(--iu-bg-surface-lighter) 100%);background-size:200% 100%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--circle{border-radius:50%}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--square{border-radius:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--triangle{animation:none;background:#0000;border-bottom:8px solid var(--iu-bg-surface-lighter);border-left:4px solid var(--iu-bg-surface-lighter);border-right:4px solid var(--iu-bg-surface-lighter);height:0;width:0}.chart-skeleton .chart-skeleton-plot--scatter3d{align-items:center;display:flex;justify-content:center;padding:12px}.chart-skeleton .chart-skeleton-plot--scatter3d .chart-skeleton-scatter3d{height:100%;max-height:100%;width:100%}.chart-skeleton .chart-skeleton-bubble-area{flex:1;min-height:0;min-width:0;position:relative}.chart-skeleton .chart-skeleton-bubble-area .chart-skeleton-bubble{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-end;max-width:48px;min-width:16px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-head{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-stem{flex-shrink:1;min-height:4px;width:2px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--1{opacity:.85}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--2{opacity:.65}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dot{background:var(--iu-bg-surface-lighter);border-radius:50%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),var(--iu-legacy-black-pure) calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),var(--iu-legacy-black-pure) calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),var(--iu-legacy-black-pure) calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),var(--iu-legacy-black-pure) calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circles{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:220px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle{border-radius:50%;opacity:.85;position:absolute}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--left{left:30px;top:10px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--right{right:-9px;top:9px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect, useMemo } from "react";
+import React__default, { useMemo, useState, useRef, useEffect } from "react";
 import Highcharts from "highcharts/esm/highcharts.js";
 import "highcharts/esm/highcharts-3d.js";
 import "highcharts/esm/highcharts-more.js";
@@ -12,18 +12,20 @@ import "highcharts/esm/modules/exporting.js";
 import "highcharts/esm/modules/export-data.js";
 import "highcharts/esm/modules/offline-exporting.js";
 import { ChartDropdown as ChartDropdown_default, CollapseNew as CollapseNew_default, ExpandIcon as ExpandIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/TableChartOutlined.js";
 import * as borderRadiusModule from "highcharts-border-radius";
 import * as highchartsReactModule from "highcharts-react-official";
 import { getAssetUrl } from "../../utils/assetBase.js";
 
+import { useImpactUiTheme } from "../../tokens/useImpactUiTheme.js";
 import { Button } from "../Button/index.js";
 import { Menu } from "../Menu/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/FileDownloadOutlined.js";
 import { ChartSkeleton } from "./ChartSkeleton.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
-const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
+const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("images/transparent-empty_state.svg"), ...props });
 const interopDefault = (mod) => {
   let value = mod;
   while (value && typeof value === "object" && !value.$$typeof && value.default) {
@@ -109,6 +111,26 @@ const Chart = ({
 }) => {
   var _a;
   const { t } = useTranslation();
+  const { getSemanticColor, resolvedMode } = useImpactUiTheme();
+  const themeColors = useMemo(
+    () => ({
+      surface: getSemanticColor("bg-surface-layer-bg"),
+      border: getSemanticColor("border-default"),
+      textBody: getSemanticColor("on-surface-body"),
+      textTitle: getSemanticColor("on-surface-title"),
+      textLabel: getSemanticColor("on-surface-label"),
+      textOnPrimary: getSemanticColor("on-primary-text"),
+      heatmapHigh: getSemanticColor("bg-primary-darker")
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [getSemanticColor, resolvedMode]
+  );
+  const getContrastTextColor = (fill) => {
+    const rgba = Highcharts.color(fill).rgba;
+    if (!rgba || rgba.some((v) => Number.isNaN(v))) return themeColors.textTitle;
+    const luminance = (rgba[0] * 299 + rgba[1] * 587 + rgba[2] * 114) / 1e3;
+    return luminance > 150 ? themeColors.textTitle : themeColors.textOnPrimary;
+  };
   const resolvedXAxisTitle = xAxisTitle ?? t("chart.xAxisTitle");
   const resolvedYAxisTitle = yAxisTitle ?? t("chart.yAxisTitle");
   const [isExpanded, setIsExpanded] = useState(false);
@@ -254,7 +276,8 @@ const Chart = ({
         },
         marginBottom: chartMarginBottom,
         width,
-        style: { fontFamily: "Manrope, sans-serif" },
+        backgroundColor: "transparent",
+        style: { fontFamily: "Manrope, sans-serif", color: themeColors.textBody },
         height: isExpanded ? window.innerHeight - 108 : height || "auto",
         options3d: is3D ? {
           enabled: true,
@@ -280,10 +303,12 @@ const Chart = ({
       },
       xAxis: {
         categories: xAxisCategories,
-        crosshair: true,
-        lineColor: "#D9DDE7",
+        crosshair: { color: themeColors.border },
+        lineColor: themeColors.border,
+        tickColor: themeColors.border,
         title: {
           text: resolvedXAxisTitle,
+          style: { color: themeColors.textLabel },
           align: "middle",
           reserveSpace: true,
           y: xAxisTitlePositionY ? xAxisTitlePositionY : showScrollX ? graphType === "scatter3d" ? 130 : 40 : 3
@@ -293,7 +318,8 @@ const Chart = ({
           // Highcharts will choose best rotation automatically
           rotation: void 0,
           style: {
-            whiteSpace: "nowrap"
+            whiteSpace: "nowrap",
+            color: themeColors.textLabel
           }
         },
         ...xAxisOptions || {}
@@ -305,14 +331,15 @@ const Chart = ({
             text: resolvedYAxisTitle,
             x: -12,
             align: "middle",
-            margin: 16
+            margin: 16,
+            style: { color: themeColors.textLabel }
           },
           lineWidth: 1,
-          lineColor: "#D9DDE7",
+          lineColor: themeColors.border,
           gridLineDashStyle: "Dash",
           gridLineWidth: 1,
-          gridLineColor: "#D9DDE7",
-          labels: {},
+          gridLineColor: themeColors.border,
+          labels: { style: { color: themeColors.textLabel } },
           opposite: false,
           ...yAxisOptions || {},
           ...yAxisLeftOptions || {}
@@ -323,14 +350,15 @@ const Chart = ({
               text: yAxisTitleRight ?? null,
               x: 12,
               align: "middle",
-              margin: 16
+              margin: 16,
+              style: { color: themeColors.textLabel }
             },
             lineWidth: 1,
-            lineColor: "#D9DDE7",
+            lineColor: themeColors.border,
             gridLineDashStyle: "Dash",
             gridLineWidth: 1,
-            gridLineColor: "#D9DDE7",
-            labels: {},
+            gridLineColor: themeColors.border,
+            labels: { style: { color: themeColors.textLabel } },
             opposite: true,
             ...yAxisOptions || {},
             ...yAxisRightOptions || {}
@@ -345,7 +373,7 @@ const Chart = ({
       tooltip: {
         useHTML: true,
         className: "custom-tooltip",
-        backgroundColor: "#ffffff",
+        backgroundColor: themeColors.surface,
         borderRadius: 8,
         borderWidth: 0,
         borderColor: "transparent",
@@ -359,7 +387,7 @@ const Chart = ({
         },
         style: {
           fontFamily: "'Manrope', sans-serif",
-          color: "#1F2B4D"
+          color: themeColors.textBody
         },
         positioner(labelWidth, labelHeight, point) {
           const chart = this.chart;
@@ -415,7 +443,29 @@ const Chart = ({
           stacking: stackedColumn ? "normal" : null
         },
         areaspline: { fillOpacity: 0.25 },
-        heatmap: { borderWidth: 1, borderColor: "#ffffff" },
+        heatmap: {
+          borderWidth: 1,
+          borderColor: themeColors.surface,
+          // 'contrast' lets Highcharts pick black/white per cell, so labels stay legible on both
+          // the near-surface low cells (dark in dark mode) and the blue high cells.
+          dataLabels: { style: { color: "contrast", textOutline: "none" } }
+        },
+        venn: {
+          // Labels sit on the coloured set fills. Highcharts' Venn series never resolves the
+          // 'contrast' colour (it stays black), so pick black/white per shape ourselves. An explicit
+          // `dataLabels.style.color` on the series still wins.
+          borderColor: themeColors.surface,
+          dataLabels: {
+            useHTML: true,
+            style: { textOutline: "none" },
+            formatter() {
+              var _a2, _b, _c;
+              const explicit = (_c = (_b = (_a2 = this.series.userOptions) == null ? void 0 : _a2.dataLabels) == null ? void 0 : _b.style) == null ? void 0 : _c.color;
+              const color = explicit || getContrastTextColor(this.point.color);
+              return `<span style="color:${color}">${this.point.name ?? ""}</span>`;
+            }
+          }
+        },
         series: {
           states: { hover: { backgroundColor: null } },
           ...plotOptionsEvents
@@ -428,7 +478,12 @@ const Chart = ({
           size: "100%",
           innerSize: "70%",
           borderRadius: 6,
-          dataLabels: { enabled: true, distance: 20 }
+          borderColor: themeColors.surface,
+          dataLabels: {
+            enabled: true,
+            distance: 20,
+            style: { color: themeColors.textBody, textOutline: "none" }
+          }
         },
         bar: {
           stacking: "normal",
@@ -442,7 +497,7 @@ const Chart = ({
         verticalAlign: "middle",
         floating: true,
         y: -10,
-        style: { fontSize: "24px", fontWeight: "500", color: "#1F2B4D" },
+        style: { fontSize: "24px", fontWeight: "500", color: themeColors.textBody },
         ...subtitleOptions || {}
       } : subtitleOptions && Object.keys(subtitleOptions).length ? subtitleOptions : void 0,
       credits: { enabled: false, ...creditsOptions || {} },
@@ -458,7 +513,7 @@ const Chart = ({
         x: legendXPosition,
         y: legendYPosition,
         itemStyle: {
-          color: "#60697D",
+          color: themeColors.textLabel,
           fontFamily: "Manrope, sans-serif",
           fontSize: "12px",
           fontWeight: "500",
@@ -466,10 +521,10 @@ const Chart = ({
           padding: "20px"
         },
         itemHoverStyle: {
-          color: "#0d152c"
+          color: themeColors.textTitle
         },
         navigation: {
-          activeColor: "#3E576F",
+          activeColor: themeColors.textLabel,
           animation: true,
           arrowSize: 12
         },
@@ -477,8 +532,8 @@ const Chart = ({
       },
       series: seriesOptions ?? seriesData,
       colorAxis: graphType === "heatmap" || graphType === "bubble" || graphType === "packedbubble" || graphType === "treemap" ? {
-        minColor: "#ffffff",
-        maxColor: "#658EC4",
+        minColor: themeColors.surface,
+        maxColor: themeColors.heatmapHigh,
         ...colorAxisOptions || {}
       } : colorAxisOptions && Object.keys(colorAxisOptions).length ? colorAxisOptions : void 0,
       ...additionalOptions || {}
@@ -512,7 +567,8 @@ const Chart = ({
       legendOptions,
       colorAxisOptions,
       seriesOptions,
-      additionalOptions
+      additionalOptions,
+      themeColors
     ]
   );
   return /* @__PURE__ */ jsx(Fragment, { children: showchart ? /* @__PURE__ */ jsxs(
@@ -544,7 +600,7 @@ const Chart = ({
             showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.changeType"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
-                icon: /* @__PURE__ */ jsx(ChartDropdown_default, {}),
+                icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChartDropdown_default), size: 16 }),
                 variant: "text",
                 onClick: (event) => {
                   setShowChartList((prev) => !prev);
@@ -571,7 +627,7 @@ const Chart = ({
             showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.expand"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
-                icon: isExpanded ? /* @__PURE__ */ jsx(CollapseNew_default, {}) : /* @__PURE__ */ jsx(ExpandIcon_default, {}),
+                icon: isExpanded ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CollapseNew_default), size: 16 }) : /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ExpandIcon_default), size: 16 }),
                 variant: "text",
                 onClick: () => {
                   if (isExpanded) exitFullscreen();

package/dist/components/Chatbot/bookMarkPanel.d.ts

@@ -1,4 +1,4 @@
 import { BookMarkPanelProps } from './Chatbot.types';
 
-export declare function BookMarkPanel({ preDefinedQuestions, addedByYouQuestions, onClose, }: BookMarkPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookMarkPanel({ preDefinedQuestions, addedByYouQuestions, onClose, }: BookMarkPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=bookMarkPanel.d.ts.map

package/dist/components/Chatbot/bookMarkPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bookMarkPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/bookMarkPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,wBAAgB,aAAa,CAAC,EAC5B,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,GACR,EAAE,kBAAkB,2CAyDpB"}
+{"version":3,"file":"bookMarkPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/bookMarkPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAC5B,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,GACR,EAAE,kBAAkB,+BA8DpB"}

package/dist/components/Chatbot/bookMarkPanel.js

@@ -1,13 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { BookmarkIcon as BookmarkIcon_default, Close as Close_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/Add.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/MoreVert.js";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
-const BookMarkIcon = getAssetUrl("icons/bookmarkIcon.svg");
-const CloseIcon = getAssetUrl("icons/close.svg");
 function BookMarkPanel({
   preDefinedQuestions,
   addedByYouQuestions,
@@ -18,12 +17,20 @@ function BookMarkPanel({
   return /* @__PURE__ */ jsx("div", { className: "book-mark-panel-container-wrapper", children: /* @__PURE__ */ jsxs("div", { className: "book-mark-panel-container", children: [
     /* @__PURE__ */ jsxs("div", { className: "book-mark-panel-header", children: [
       /* @__PURE__ */ jsxs("div", { className: "book-mark-panel-header-left", children: [
-        /* @__PURE__ */ jsx("img", { alt: t("chatBot.bookmark.alt"), src: BookMarkIcon }),
+        /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(BookmarkIcon_default), size: 20 }),
         /* @__PURE__ */ jsx("span", { className: "book-mark-panel-header-left-title", children: t("chatBot.bookmark.title") })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "book-mark-panel-header-right", children: [
         /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(default_1, {}), iconPlacement: "right", variant: "secondary", children: t("chatBot.bookmark.add") }),
-        /* @__PURE__ */ jsx("img", { alt: t("chatBot.closeAlt"), src: CloseIcon, onClick: onClose })
+        /* @__PURE__ */ jsx(
+          ImpactIcon,
+          {
+            icon: impactIconSource(Close_default),
+            size: 20,
+            style: { cursor: "pointer" },
+            onClick: onClose
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "book-mark-panel-tabs-container", children: /* @__PURE__ */ jsxs("div", { className: "bookmark-tabs", children: [

package/dist/components/Chatbot/chatBotFooter.d.ts

@@ -1,4 +1,4 @@
 import { ChatBotFooterProps } from './Chatbot.types';
 
-export declare function ChatBotFooter({ footerText }: ChatBotFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatBotFooter({ footerText }: ChatBotFooterProps): import("react").JSX.Element;
 //# sourceMappingURL=chatBotFooter.d.ts.map

package/dist/components/Chatbot/chatBotFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatBotFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatBotFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAM/D"}
+{"version":3,"file":"chatBotFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatBotFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,EAAE,kBAAkB,+BAM/D"}

package/dist/components/Chatbot/chatBotLandingScreen.d.ts

@@ -1,4 +1,4 @@
 import { ChatBotLandingScreenProps } from './Chatbot.types';
 
-export default function ChatBotLandingScreen({ onClose, isFullWidth }: ChatBotLandingScreenProps): import("react/jsx-runtime").JSX.Element;
+export default function ChatBotLandingScreen({ onClose, isFullWidth }: ChatBotLandingScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=chatBotLandingScreen.d.ts.map

package/dist/components/Chatbot/chatBotLandingScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatBotLandingScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatBotLandingScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,yBAAyB,2CAoB/F"}
+{"version":3,"file":"chatBotLandingScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatBotLandingScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,yBAAyB,+BAoB/F"}

package/dist/components/Chatbot/chatInput.d.ts

@@ -1,4 +1,4 @@
 import { ChatInputProps } from './Chatbot.types';
 
-export default function ChatInput({ inputValue, setInputValue, setIsNewChat, onSendIconClick, setUserChats, userChats, handleRefresh, handleSaveChat, handleMicClick, activeList, uniqueId, suggestionBanner, isStopIcon, onStopIconClick, minRows, newChatScreen, customScreen, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export default function ChatInput({ inputValue, setInputValue, setIsNewChat, onSendIconClick, setUserChats, userChats, handleRefresh, handleSaveChat, handleMicClick, activeList, uniqueId, suggestionBanner, isStopIcon, onStopIconClick, minRows, newChatScreen, customScreen, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, }: ChatInputProps): import("react").JSX.Element;
 //# sourceMappingURL=chatInput.d.ts.map

package/dist/components/Chatbot/chatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,iBAAiB,CAAC;AASnE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,OAAW,EACX,aAAqB,EACrB,YAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,EAAE,cAAc,2CAuKhB"}
+{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,iBAAiB,CAAC;AAKnE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,OAAW,EACX,aAAqB,EACrB,YAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,EAAE,cAAc,+BAwKhB"}

package/dist/components/Chatbot/chatInput.js

@@ -1,21 +1,19 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
+import { ChatBotRefreshIcon as ChatBotRefreshIcon_default, ChatBotMicIcon as ChatBotMicIcon_default, ChatBotSendIcon as ChatBotSendIcon_default, ChatbotStopIcon as ChatbotStopIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/SaveOutlined.js";
 import TextareaAutosize from "react-textarea-autosize";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { onResize } from "../../utils/onResize.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
 import Box from "../../node_modules/@mui/material/Box/Box.js";
 import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
-const chatbotBannerIcon = getAssetUrl("icons/chatbotBannerIcon.svg");
-const MicIcon = getAssetUrl("icons/chatBotMicIcon.svg");
-const RefreshIcon = getAssetUrl("icons/chatBotRefreshIcon.svg");
-const SendIcon = getAssetUrl("icons/chatBotSendIcon.svg");
-const ChatbotStopIcon = getAssetUrl("icons/chatbotStopIcon.svg");
 const COMPACT_INPUT_WIDTH = 480;
+const chatbotBannerIcon = getAssetUrl("icons/chatbotBannerIcon.svg");
 function ChatInput({
   inputValue,
   setInputValue,
@@ -105,7 +103,7 @@ function ChatInput({
             {
               disableRipple: true,
               size: "small",
-              sx: { color: "#60697D" },
+              sx: { color: "var(--iu-on-surface-label)" },
               onClick: onCloseSuggestionBanner,
               children: /* @__PURE__ */ jsx(default_1, { fontSize: "small", sx: { fontSize: "16px" } })
             }
@@ -141,7 +139,7 @@ function ChatInput({
                 handleRefresh && /* @__PURE__ */ jsx(
                   Button,
                   {
-                    icon: /* @__PURE__ */ jsx("img", { alt: "refresh", src: RefreshIcon }),
+                    icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatBotRefreshIcon_default), size: 16 }),
                     iconPlacement: "left",
                     size: isCompact ? "medium" : "large",
                     type: "default",
@@ -152,7 +150,7 @@ function ChatInput({
                 handleMicClick && /* @__PURE__ */ jsx(
                   Button,
                   {
-                    icon: /* @__PURE__ */ jsx("img", { alt: "mic", src: MicIcon }),
+                    icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatBotMicIcon_default), size: 16 }),
                     iconPlacement: "left",
                     size: isCompact ? "medium" : "large",
                     type: "default",
@@ -176,7 +174,7 @@ function ChatInput({
                   Button,
                   {
                     className: isStopIcon ? "stop-icon-button" : "",
-                    icon: !isStopIcon ? /* @__PURE__ */ jsx("img", { alt: "send", src: SendIcon }) : /* @__PURE__ */ jsx("img", { alt: "stop", src: ChatbotStopIcon }),
+                    icon: !isStopIcon ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatBotSendIcon_default), size: 16 }) : /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatbotStopIcon_default), size: 16 }),
                     iconPlacement: "left",
                     id: "chat-input-send-button",
                     size: isCompact ? "medium" : "large",

package/dist/components/Chatbot/chatbotModuleMenu.d.ts

@@ -1,4 +1,4 @@
 import { ChatbotModuleMenuProps } from './Chatbot.types';
 
-export declare function ChatbotModuleMenu({ hideMenuArrow, onModuleClick, moduleList, activeList, hideChildren, isModuleListLoading, hideSmartBotIcon, hideCenterOptions, threadList: threadListProp, activeThread: activeThreadProp, handleSavedChat, onClose, isFullWidth, handleCloseThread: handleCloseThreadProp, handleThreadClick, onMinimiseChatBot, dragHandleProps, isCollapsed, onToggleCollapse, }: ChatbotModuleMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatbotModuleMenu({ hideMenuArrow, onModuleClick, moduleList, activeList, hideChildren, isModuleListLoading, hideSmartBotIcon, hideCenterOptions, threadList: threadListProp, activeThread: activeThreadProp, handleSavedChat, onClose, isFullWidth, handleCloseThread: handleCloseThreadProp, handleThreadClick, onMinimiseChatBot, dragHandleProps, isCollapsed, onToggleCollapse, }: ChatbotModuleMenuProps): import("react").JSX.Element;
 //# sourceMappingURL=chatbotModuleMenu.d.ts.map

package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbotModuleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatbotModuleMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAS9D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAoB,EACpB,mBAAmB,EACnB,gBAAwB,EACxB,iBAAyB,EACzB,UAAU,EAAE,cAAmB,EAC/B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAmB,EACnB,gBAAgB,GACjB,EAAE,sBAAsB,2CAgOxB"}
+{"version":3,"file":"chatbotModuleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatbotModuleMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAK9D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAoB,EACpB,mBAAmB,EACnB,gBAAwB,EACxB,iBAAyB,EACzB,UAAU,EAAE,cAAmB,EAC/B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAmB,EACnB,gBAAgB,GACjB,EAAE,sBAAsB,+BAgOxB"}

package/dist/components/Chatbot/chatbotModuleMenu.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { ChatHomeIcon as ChatHomeIcon_default, Close as Close_default, ExpandIcon as ExpandIcon_default, Collapse as Collapse_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1$4 from "../../node_modules/@mui/icons-material/Clear.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowDown.js";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
@@ -7,14 +8,11 @@ import default_1$2 from "../../node_modules/@mui/icons-material/RemoveRounded.js
 import default_1$3 from "../../node_modules/@mui/icons-material/SaveOutlined.js";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Loader } from "../Loader/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
 const ActiveIcon = getAssetUrl("icons/activeModuleIcon.svg");
-const HomeIcon = getAssetUrl("icons/chat-home-icon.svg");
-const CloseThreadIcon = getAssetUrl("icons/close.svg");
 const SmartBotIcon = getAssetUrl("icons/smartBotAlan.svg");
-const CollapseIcon = getAssetUrl("icons/Collapse.svg");
-const ExpandIcon = getAssetUrl("icons/expand-icon.svg");
 function ChatbotModuleMenu({
   hideMenuArrow,
   onModuleClick,
@@ -150,7 +148,7 @@ function ChatbotModuleMenu({
                   handleThreadClick == null ? void 0 : handleThreadClick(thread, idx);
                 }
               },
-              children: thread === "Home" ? /* @__PURE__ */ jsx("img", { alt: t("chatBot.moduleMenu.homeAlt"), draggable: false, src: HomeIcon }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              children: thread === "Home" ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatHomeIcon_default), size: 16 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 thread,
                 /* @__PURE__ */ jsx(
                   "span",
@@ -166,11 +164,11 @@ function ChatbotModuleMenu({
                       }
                     },
                     children: /* @__PURE__ */ jsx(
-                      "img",
+                      ImpactIcon,
                       {
-                        alt: t("chatBot.moduleMenu.closeThreadAlt"),
-                        draggable: false,
-                        src: CloseThreadIcon,
+                        icon: impactIconSource(Close_default),
+                        size: 12,
+                        style: { cursor: "pointer" },
                         onClick: (e) => {
                           handleCloseThread(e, idx);
                         }
@@ -212,13 +210,10 @@ function ChatbotModuleMenu({
             {
               "aria-label": isCollapsed ? "Expand chatbot" : "Collapse chatbot",
               icon: /* @__PURE__ */ jsx(
-                "img",
+                ImpactIcon,
                 {
-                  alt: "",
-                  draggable: false,
-                  height: isCollapsed ? 24 : 26,
-                  src: isCollapsed ? ExpandIcon : CollapseIcon,
-                  width: isCollapsed ? 24 : 26
+                  icon: impactIconSource(isCollapsed ? ExpandIcon_default : Collapse_default),
+                  size: isCollapsed ? 24 : 26
                 }
               ),
               size: "small",

package/dist/components/Chatbot/constant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/constant.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,eAAO,MAAM,SAAS,EAAE,OAAO,EAS9B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,OAAO,EAA4C,CAAC;AACnF,eAAO,MAAM,eAAe,EAAE,OAI7B,CAAC"}
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/constant.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM/C,eAAO,MAAM,SAAS,EAAE,OAAO,EAS9B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,OAAO,EAAsD,CAAC;AAC7F,eAAO,MAAM,eAAe,EAAE,OAI7B,CAAC"}

package/dist/components/Chatbot/constant.js

@@ -1,23 +1,23 @@
-import { getAssetUrl } from "../../utils/assetBase.js";
-const NotificationIcon = getAssetUrl("icons/bell.svg");
-const BookMarkIcon = getAssetUrl("icons/bookmarkIcon.svg");
-const HistoryIcon = getAssetUrl("icons/historyIcon.svg");
-const NewChatIcon = getAssetUrl("icons/newChatIcon.svg");
-const PageIcon = getAssetUrl("icons/pageIcon.svg");
+import { createElement } from "react";
+import { BookmarkIcon as BookmarkIcon_default, HistoryIcon as HistoryIcon_default, PageIcon as PageIcon_default, Bell as Bell_default, NewChatIcon as NewChatIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
+function menuIcon(IconComponent, size = 20) {
+  return createElement(ImpactIcon, { icon: impactIconSource(IconComponent), size });
+}
 const menuItems = [
-  { key: "bookmark", icon: BookMarkIcon },
-  { key: "history", icon: HistoryIcon },
-  { key: "page", icon: PageIcon },
+  { key: "bookmark", icon: menuIcon(BookmarkIcon_default) },
+  { key: "history", icon: menuIcon(HistoryIcon_default) },
+  { key: "page", icon: menuIcon(PageIcon_default) },
   {
     key: "notification",
-    icon: NotificationIcon,
+    icon: menuIcon(Bell_default),
     iconClassName: "chatbot-component-menu-container-icon-notification"
   }
 ];
-const mandatoryTabList = [{ key: "history", icon: HistoryIcon }];
+const mandatoryTabList = [{ key: "history", icon: menuIcon(HistoryIcon_default) }];
 const newChatMenuItem = {
   key: "newchat",
-  icon: NewChatIcon,
+  icon: menuIcon(NewChatIcon_default),
   className: "chatbot-component-menu-container-icon-new-chat"
 };
 export {

package/dist/components/Chatbot/conversationScreen.d.ts

@@ -1,4 +1,4 @@
 import { ConversationScreenProps } from './Chatbot.types';
 
-export declare function ConversationScreen({ userChats, setUserChats, onSendIconClick, conversation, isAssistantThinking, activeList, onLikeClick, onDislikeClick, inputText, handleRefresh, handleSaveChat, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, footerText, isCollapsed, }: ConversationScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationScreen({ userChats, setUserChats, onSendIconClick, conversation, isAssistantThinking, activeList, onLikeClick, onDislikeClick, inputText, handleRefresh, handleSaveChat, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, footerText, isCollapsed, }: ConversationScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=conversationScreen.d.ts.map

package/dist/components/Chatbot/conversationScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversationScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/conversationScreen.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,uBAAuB,EAAsB,MAAM,iBAAiB,CAAC;AAEhG,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,GACZ,EAAE,uBAAuB,2CAwNzB"}
+{"version":3,"file":"conversationScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/conversationScreen.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,uBAAuB,EAAsB,MAAM,iBAAiB,CAAC;AAEhG,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,GACZ,EAAE,uBAAuB,+BAwNzB"}

package/dist/components/Chatbot/customScreen.d.ts

@@ -1,4 +1,4 @@
 import { CustomScreenProps } from './Chatbot.types';
 
-export declare function CustomScreen({ onClose, customScreenJsx, userChats, setUserChats, onSendIconClick, activeList, handleRefresh, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, isFullWidth, footerText, }: CustomScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomScreen({ onClose, customScreenJsx, userChats, setUserChats, onSendIconClick, activeList, handleRefresh, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, isFullWidth, footerText, }: CustomScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=customScreen.d.ts.map

package/dist/components/Chatbot/customScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/customScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,2CA0CnB"}
+{"version":3,"file":"customScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/customScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,+BA0CnB"}

package/dist/components/Chatbot/historyPanel.d.ts

@@ -1,4 +1,4 @@
 import { HistoryPanelProps } from './Chatbot.types';
 
-export declare function HistoryPanel({ historyPanelData, isConversationLoading, onClose, onSearchChange, onSelectConversation, onToggleGroup, openGroups, onMenuAction, activeConversationId, }: HistoryPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function HistoryPanel({ historyPanelData, isConversationLoading, onClose, onSearchChange, onSelectConversation, onToggleGroup, openGroups, onMenuAction, activeConversationId, }: HistoryPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=historyPanel.d.ts.map