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

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: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)}}();
+!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.chart-slot-component{gap:16px}.chart-container.hide-scroll-x-scrollbar .highcharts-scrolling{scrollbar-width:none}.chart-container.hide-scroll-x-scrollbar .highcharts-scrolling::-webkit-scrollbar{display:none}.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)}}();
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default, { useMemo, useState, useRef, useEffect } from "react";
+import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import Highcharts from "highcharts/esm/highcharts.js";
 import "highcharts/esm/highcharts-3d.js";
 import "highcharts/esm/highcharts-more.js";
@@ -12,20 +12,18 @@ 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("images/transparent-empty_state.svg"), ...props });
+const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
 const interopDefault = (mod) => {
   let value = mod;
   while (value && typeof value === "object" && !value.$$typeof && value.default) {
@@ -59,6 +57,7 @@ const Chart = ({
   selectedChart,
   chartMenuProps,
   showScrollX = false,
+  hideScrollXScrollbar = false,
   topLeftOptions = null,
   cardContainer = true,
   subtitleText = "",
@@ -103,7 +102,9 @@ const Chart = ({
   hoveredXAxisIndex = null,
   exportingOptions = {},
   aboveChartComponent = null,
+  belowChartComponent = null,
   isEmpty = false,
+  onChartInfo = null,
   isLoading = false,
   shimmerDirection = "auto",
   topSubHeader = null,
@@ -111,26 +112,6 @@ 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);
@@ -141,6 +122,29 @@ const Chart = ({
   const [downloadMenuAnchor, setDownloadMenuAnchor] = useState(null);
   const chartComponentRef = useRef(null);
   const containerRef = useRef(null);
+  const emitChartInfo = useCallback(() => {
+    var _a2, _b, _c;
+    if (!onChartInfo) return;
+    const chart = (_a2 = chartComponentRef.current) == null ? void 0 : _a2.chart;
+    if (!chart || !((_b = chart.xAxis) == null ? void 0 : _b[0])) return;
+    const xAxis = chart.xAxis[0];
+    const categories = xAxis.categories || [];
+    const pointPositions = categories.map((cat, i) => ({
+      category: cat,
+      x: xAxis.toPixels(i, false)
+    }));
+    const scrollingContainer = ((_c = containerRef.current) == null ? void 0 : _c.querySelector(".highcharts-scrolling")) || null;
+    onChartInfo({
+      plotLeft: chart.plotLeft,
+      plotWidth: chart.plotWidth,
+      plotTop: chart.plotTop,
+      plotHeight: chart.plotHeight,
+      chartWidth: chart.chartWidth,
+      categories,
+      pointPositions,
+      scrollingContainer
+    });
+  }, [onChartInfo]);
   const getBuiltInDownloadOptions = () => {
     var _a2, _b;
     const chart = (_a2 = chartComponentRef.current) == null ? void 0 : _a2.chart;
@@ -276,8 +280,7 @@ const Chart = ({
         },
         marginBottom: chartMarginBottom,
         width,
-        backgroundColor: "transparent",
-        style: { fontFamily: "Manrope, sans-serif", color: themeColors.textBody },
+        style: { fontFamily: "Manrope, sans-serif" },
         height: isExpanded ? window.innerHeight - 108 : height || "auto",
         options3d: is3D ? {
           enabled: true,
@@ -303,12 +306,10 @@ const Chart = ({
       },
       xAxis: {
         categories: xAxisCategories,
-        crosshair: { color: themeColors.border },
-        lineColor: themeColors.border,
-        tickColor: themeColors.border,
+        crosshair: true,
+        lineColor: "#D9DDE7",
         title: {
           text: resolvedXAxisTitle,
-          style: { color: themeColors.textLabel },
           align: "middle",
           reserveSpace: true,
           y: xAxisTitlePositionY ? xAxisTitlePositionY : showScrollX ? graphType === "scatter3d" ? 130 : 40 : 3
@@ -318,8 +319,7 @@ const Chart = ({
           // Highcharts will choose best rotation automatically
           rotation: void 0,
           style: {
-            whiteSpace: "nowrap",
-            color: themeColors.textLabel
+            whiteSpace: "nowrap"
           }
         },
         ...xAxisOptions || {}
@@ -331,15 +331,14 @@ const Chart = ({
             text: resolvedYAxisTitle,
             x: -12,
             align: "middle",
-            margin: 16,
-            style: { color: themeColors.textLabel }
+            margin: 16
           },
           lineWidth: 1,
-          lineColor: themeColors.border,
+          lineColor: "#D9DDE7",
           gridLineDashStyle: "Dash",
           gridLineWidth: 1,
-          gridLineColor: themeColors.border,
-          labels: { style: { color: themeColors.textLabel } },
+          gridLineColor: "#D9DDE7",
+          labels: {},
           opposite: false,
           ...yAxisOptions || {},
           ...yAxisLeftOptions || {}
@@ -350,15 +349,14 @@ const Chart = ({
               text: yAxisTitleRight ?? null,
               x: 12,
               align: "middle",
-              margin: 16,
-              style: { color: themeColors.textLabel }
+              margin: 16
             },
             lineWidth: 1,
-            lineColor: themeColors.border,
+            lineColor: "#D9DDE7",
             gridLineDashStyle: "Dash",
             gridLineWidth: 1,
-            gridLineColor: themeColors.border,
-            labels: { style: { color: themeColors.textLabel } },
+            gridLineColor: "#D9DDE7",
+            labels: {},
             opposite: true,
             ...yAxisOptions || {},
             ...yAxisRightOptions || {}
@@ -373,7 +371,7 @@ const Chart = ({
       tooltip: {
         useHTML: true,
         className: "custom-tooltip",
-        backgroundColor: themeColors.surface,
+        backgroundColor: "#ffffff",
         borderRadius: 8,
         borderWidth: 0,
         borderColor: "transparent",
@@ -387,7 +385,7 @@ const Chart = ({
         },
         style: {
           fontFamily: "'Manrope', sans-serif",
-          color: themeColors.textBody
+          color: "#1F2B4D"
         },
         positioner(labelWidth, labelHeight, point) {
           const chart = this.chart;
@@ -443,29 +441,7 @@ const Chart = ({
           stacking: stackedColumn ? "normal" : null
         },
         areaspline: { fillOpacity: 0.25 },
-        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>`;
-            }
-          }
-        },
+        heatmap: { borderWidth: 1, borderColor: "#ffffff" },
         series: {
           states: { hover: { backgroundColor: null } },
           ...plotOptionsEvents
@@ -478,12 +454,7 @@ const Chart = ({
           size: "100%",
           innerSize: "70%",
           borderRadius: 6,
-          borderColor: themeColors.surface,
-          dataLabels: {
-            enabled: true,
-            distance: 20,
-            style: { color: themeColors.textBody, textOutline: "none" }
-          }
+          dataLabels: { enabled: true, distance: 20 }
         },
         bar: {
           stacking: "normal",
@@ -497,7 +468,7 @@ const Chart = ({
         verticalAlign: "middle",
         floating: true,
         y: -10,
-        style: { fontSize: "24px", fontWeight: "500", color: themeColors.textBody },
+        style: { fontSize: "24px", fontWeight: "500", color: "#1F2B4D" },
         ...subtitleOptions || {}
       } : subtitleOptions && Object.keys(subtitleOptions).length ? subtitleOptions : void 0,
       credits: { enabled: false, ...creditsOptions || {} },
@@ -513,7 +484,7 @@ const Chart = ({
         x: legendXPosition,
         y: legendYPosition,
         itemStyle: {
-          color: themeColors.textLabel,
+          color: "#60697D",
           fontFamily: "Manrope, sans-serif",
           fontSize: "12px",
           fontWeight: "500",
@@ -521,10 +492,10 @@ const Chart = ({
           padding: "20px"
         },
         itemHoverStyle: {
-          color: themeColors.textTitle
+          color: "#0d152c"
         },
         navigation: {
-          activeColor: themeColors.textLabel,
+          activeColor: "#3E576F",
           animation: true,
           arrowSize: 12
         },
@@ -532,8 +503,8 @@ const Chart = ({
       },
       series: seriesOptions ?? seriesData,
       colorAxis: graphType === "heatmap" || graphType === "bubble" || graphType === "packedbubble" || graphType === "treemap" ? {
-        minColor: themeColors.surface,
-        maxColor: themeColors.heatmapHigh,
+        minColor: "#ffffff",
+        maxColor: "#658EC4",
         ...colorAxisOptions || {}
       } : colorAxisOptions && Object.keys(colorAxisOptions).length ? colorAxisOptions : void 0,
       ...additionalOptions || {}
@@ -567,15 +538,27 @@ const Chart = ({
       legendOptions,
       colorAxisOptions,
       seriesOptions,
-      additionalOptions,
-      themeColors
+      additionalOptions
     ]
   );
+  useEffect(() => {
+    var _a2;
+    const chart = (_a2 = chartComponentRef.current) == null ? void 0 : _a2.chart;
+    if (!chart) return;
+    const onEvent = () => emitChartInfo();
+    Highcharts.addEvent(chart, "load", onEvent);
+    Highcharts.addEvent(chart, "redraw", onEvent);
+    emitChartInfo();
+    return () => {
+      Highcharts.removeEvent(chart, "load", onEvent);
+      Highcharts.removeEvent(chart, "redraw", onEvent);
+    };
+  }, [emitChartInfo, graphData]);
   return /* @__PURE__ */ jsx(Fragment, { children: showchart ? /* @__PURE__ */ jsxs(
     "div",
     {
       ref: containerRef,
-      className: `chart-container ${isExpanded ? "expanded" : ""} ${isAnimating ? "animating" : ""} ${cardContainer ? "card-container" : ""} ${aboveChartComponent ? "above-chart-component" : ""}`,
+      className: `chart-container ${isExpanded ? "expanded" : ""} ${isAnimating ? "animating" : ""} ${cardContainer ? "card-container" : ""} ${aboveChartComponent || belowChartComponent ? "chart-slot-component" : ""} ${hideScrollXScrollbar ? "hide-scroll-x-scrollbar" : ""}`,
       style: width ? { width } : {},
       children: [
         showHeader && /* @__PURE__ */ jsxs("div", { className: "chart-container-header", children: [
@@ -600,7 +583,7 @@ const Chart = ({
             showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.changeType"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
-                icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChartDropdown_default), size: 16 }),
+                icon: /* @__PURE__ */ jsx(ChartDropdown_default, {}),
                 variant: "text",
                 onClick: (event) => {
                   setShowChartList((prev) => !prev);
@@ -627,7 +610,7 @@ const Chart = ({
             showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.expand"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
-                icon: isExpanded ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CollapseNew_default), size: 16 }) : /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ExpandIcon_default), size: 16 }),
+                icon: isExpanded ? /* @__PURE__ */ jsx(CollapseNew_default, {}) : /* @__PURE__ */ jsx(ExpandIcon_default, {}),
                 variant: "text",
                 onClick: () => {
                   if (isExpanded) exitFullscreen();
@@ -697,6 +680,7 @@ const Chart = ({
           },
           safeStringify(graphData, "graph") + isExpanded
         ),
+        belowChartComponent && belowChartComponent,
         !isLoading && customLegend && /* @__PURE__ */ jsx(
           "div",
           {

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.Element;
+export declare function BookMarkPanel({ preDefinedQuestions, addedByYouQuestions, onClose, }: BookMarkPanelProps): import("react/jsx-runtime").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":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAC5B,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,GACR,EAAE,kBAAkB,+BA8DpB"}
+{"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"}

package/dist/components/Chatbot/bookMarkPanel.js

@@ -1,12 +1,13 @@
 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,
@@ -17,20 +18,12 @@ 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(ImpactIcon, { icon: impactIconSource(BookmarkIcon_default), size: 20 }),
+        /* @__PURE__ */ jsx("img", { alt: t("chatBot.bookmark.alt"), src: BookMarkIcon }),
         /* @__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(
-          ImpactIcon,
-          {
-            icon: impactIconSource(Close_default),
-            size: 20,
-            style: { cursor: "pointer" },
-            onClick: onClose
-          }
-        )
+        /* @__PURE__ */ jsx("img", { alt: t("chatBot.closeAlt"), src: CloseIcon, 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.Element;
+export declare function ChatBotFooter({ footerText }: ChatBotFooterProps): import("react/jsx-runtime").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,+BAM/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,2CAM/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.Element;
+export default function ChatBotLandingScreen({ onClose, isFullWidth }: ChatBotLandingScreenProps): import("react/jsx-runtime").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,+BAoB/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,2CAoB/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.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-runtime").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":"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"}
+{"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"}

package/dist/components/Chatbot/chatInput.js

@@ -1,19 +1,21 @@
 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 COMPACT_INPUT_WIDTH = 480;
 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;
 function ChatInput({
   inputValue,
   setInputValue,
@@ -103,7 +105,7 @@ function ChatInput({
             {
               disableRipple: true,
               size: "small",
-              sx: { color: "var(--iu-on-surface-label)" },
+              sx: { color: "#60697D" },
               onClick: onCloseSuggestionBanner,
               children: /* @__PURE__ */ jsx(default_1, { fontSize: "small", sx: { fontSize: "16px" } })
             }
@@ -139,7 +141,7 @@ function ChatInput({
                 handleRefresh && /* @__PURE__ */ jsx(
                   Button,
                   {
-                    icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatBotRefreshIcon_default), size: 16 }),
+                    icon: /* @__PURE__ */ jsx("img", { alt: "refresh", src: RefreshIcon }),
                     iconPlacement: "left",
                     size: isCompact ? "medium" : "large",
                     type: "default",
@@ -150,7 +152,7 @@ function ChatInput({
                 handleMicClick && /* @__PURE__ */ jsx(
                   Button,
                   {
-                    icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatBotMicIcon_default), size: 16 }),
+                    icon: /* @__PURE__ */ jsx("img", { alt: "mic", src: MicIcon }),
                     iconPlacement: "left",
                     size: isCompact ? "medium" : "large",
                     type: "default",
@@ -174,7 +176,7 @@ function ChatInput({
                   Button,
                   {
                     className: isStopIcon ? "stop-icon-button" : "",
-                    icon: !isStopIcon ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatBotSendIcon_default), size: 16 }) : /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatbotStopIcon_default), size: 16 }),
+                    icon: !isStopIcon ? /* @__PURE__ */ jsx("img", { alt: "send", src: SendIcon }) : /* @__PURE__ */ jsx("img", { alt: "stop", src: ChatbotStopIcon }),
                     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.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-runtime").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":"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"}
+{"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"}

package/dist/components/Chatbot/chatbotModuleMenu.js

@@ -1,6 +1,5 @@
 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";
@@ -8,11 +7,14 @@ 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,
@@ -148,7 +150,7 @@ function ChatbotModuleMenu({
                   handleThreadClick == null ? void 0 : handleThreadClick(thread, idx);
                 }
               },
-              children: thread === "Home" ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(ChatHomeIcon_default), size: 16 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              children: thread === "Home" ? /* @__PURE__ */ jsx("img", { alt: t("chatBot.moduleMenu.homeAlt"), draggable: false, src: HomeIcon }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 thread,
                 /* @__PURE__ */ jsx(
                   "span",
@@ -164,11 +166,11 @@ function ChatbotModuleMenu({
                       }
                     },
                     children: /* @__PURE__ */ jsx(
-                      ImpactIcon,
+                      "img",
                       {
-                        icon: impactIconSource(Close_default),
-                        size: 12,
-                        style: { cursor: "pointer" },
+                        alt: t("chatBot.moduleMenu.closeThreadAlt"),
+                        draggable: false,
+                        src: CloseThreadIcon,
                         onClick: (e) => {
                           handleCloseThread(e, idx);
                         }
@@ -210,10 +212,13 @@ function ChatbotModuleMenu({
             {
               "aria-label": isCollapsed ? "Expand chatbot" : "Collapse chatbot",
               icon: /* @__PURE__ */ jsx(
-                ImpactIcon,
+                "img",
                 {
-                  icon: impactIconSource(isCollapsed ? ExpandIcon_default : Collapse_default),
-                  size: isCollapsed ? 24 : 26
+                  alt: "",
+                  draggable: false,
+                  height: isCollapsed ? 24 : 26,
+                  src: isCollapsed ? ExpandIcon : CollapseIcon,
+                  width: 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":"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"}
+{"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"}