ui-beyable 1.0.36-beta.2 → 1.0.36-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { IKpiList, IKpiItem } from './types';
3
3
  declare function KpiList({ children }: IKpiList): JSX.Element;
4
- declare function KpiItem({ name, value, append, unit, variation, variationNbDecimal, variationPosition, variationStatus, size, tooltip, tooltipHTML }: IKpiItem): JSX.Element;
4
+ declare function KpiItem({ name, description, value, prepend, append, unit, variation, variationNbDecimal, variationPosition, variationStatus, size, tooltip, tooltipHTML }: IKpiItem): JSX.Element;
5
5
  export { KpiList, KpiItem };
@@ -4,7 +4,9 @@ interface IKpiList {
4
4
  }
5
5
  interface IKpiItem {
6
6
  name: React.ReactNode | string;
7
+ description: React.ReactNode | string;
7
8
  value: number;
9
+ prepend?: React.ReactNode | string;
8
10
  append?: React.ReactNode | string;
9
11
  unit?: string;
10
12
  variation?: number;
package/lib/esm/index.js CHANGED
@@ -2993,8 +2993,8 @@ function EmptyState(_a) {
2993
2993
  primaryAction)));
2994
2994
  }
2995
2995
 
2996
- var css_248z$8 = ".Kpi-module_list_wrapper__-ItHd{margin-bottom:-12px;margin-left:-12px}.Kpi-module_list__ijR67{align-items:stretch;display:flex}.Kpi-module_item__IZXRc{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;margin-bottom:12px;margin-left:12px;padding:0 22px;position:relative}.Kpi-module_item__IZXRc:after,.Kpi-module_item__IZXRc:before{content:\"\";display:block;margin-top:16px}.Kpi-module_item_s__Yc4HP{flex:0 1 calc(16.66667% - 12px)}.Kpi-module_item_m__yj-l1{flex:0 1 calc(20% - 12px)}.Kpi-module_item_l__lurOA{flex:0 1 calc(25% - 12px)}.Kpi-module_item_title__IHpB-{color:var(--grey-3);font-size:14px;font-weight:500;line-height:1.1;margin-bottom:6px}.Kpi-module_item_value__xJTg3{align-items:center;display:flex;font-size:28px;font-weight:500;white-space:nowrap}.Kpi-module_item_variation__7R5ix{border-radius:30px;display:inline-block;font-size:14px;font-weight:500;line-height:16px;margin-top:6px;padding:3px 8px}.Kpi-module_item_value__xJTg3 .Kpi-module_item_variation__7R5ix{margin-left:8px;margin-top:0}.Kpi-module_item_variation_up__3f0oP{background-color:var(--color-success-light);color:var(--color-success)}.Kpi-module_item_variation_down__I3ZXd{background-color:var(--color-alert-light);color:var(--color-alert)}.Kpi-module_item_variation_warning__JXyTG{background-color:var(--color-warning-light);color:var(--color-warning)}.Kpi-module_item_variation_neutral__PoXN0{background-color:var(--color-main-light);color:var(--color-main)}.Kpi-module_item_value_append__o8jUJ{flex:0 0 auto;margin-left:auto;padding-left:8px}.Kpi-module_tabs_border__n-CqI{border-bottom:1px solid var(--main-border-color);margin-bottom:26px}.Kpi-module_tabs__XiwIU{display:flex;gap:50px}.Kpi-module_tab_common__DEs-3{cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;min-width:80px;padding-bottom:18px;position:relative}.Kpi-module_tab_common__DEs-3:after{border-radius:3px 3px 0 0;bottom:-1px;content:\"\";height:3px;left:0;position:absolute;right:0;transition:background .2s}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:26px}@media (max-width:1439px){.Kpi-module_tabs__XiwIU{gap:40px}.Kpi-module_tabs__XiwIU .Kpi-module_item_title__IHpB-{font-size:13px}.Kpi-module_tab_common__DEs-3{padding-bottom:14px}}@media (max-width:1367px){.Kpi-module_tabs__XiwIU{gap:35px}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:24px}}.Kpi-module_tab__bGBF9:focus:after,.Kpi-module_tab__bGBF9:hover:after{background-color:var(--main-border-color)}.Kpi-module_tab_active__gxE47:after{background-color:var(--turquoise)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktwaS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGdDQUNJLG1CQUFvQixDQUNwQixpQkFDSixDQUNBLHdCQUVJLG1CQUFvQixDQURwQixZQUVKLENBQ0Esd0JBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FJbEIsa0JBQW1CLENBRG5CLGdCQUFpQixDQURwQixjQUFlLENBRFosaUJBSUosQ0FDQSw2REFFSSxVQUFXLENBQ2QsYUFBYyxDQUNYLGVBQ0osQ0FPQSwwQkFBVSwrQkFBdUMsQ0FDakQsMEJBQVUseUJBQXVDLENBQ2pELDBCQUFVLHlCQUF1QyxDQUdqRCw4QkFJSSxtQkFBb0IsQ0FIcEIsY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGVBQWdCLENBRWhCLGlCQUNKLENBQ0EsOEJBS0ksa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsa0JBR0osQ0FDQSxrQ0FFSSxrQkFBbUIsQ0FEbkIsb0JBQXFCLENBSXJCLGNBQWUsQ0FDZixlQUFnQixDQUZoQixnQkFBaUIsQ0FHakIsY0FBZSxDQUpmLGVBS0osQ0FDQSxnRUFDSSxlQUFnQixDQUNoQixZQUNKLENBT0EscUNBRUksMkNBQTRDLENBRDVDLDBCQUVKLENBQ0EsdUNBRUkseUNBQTBDLENBRDFDLHdCQUVKLENBQ0EsMENBRUksMkNBQTRDLENBRDVDLDBCQUVKLENBQ0EsMENBRUksd0NBQXlDLENBRHpDLHVCQUVKLENBRUEscUNBQ0ksYUFBYyxDQUNkLGdCQUFpQixDQUNqQixnQkFDSixDQUdBLCtCQUNJLGdEQUFpRCxDQUNqRCxrQkFDSixDQUNBLHdCQUNJLFlBQWEsQ0FDYixRQUNKLENBQ0EsOEJBRUksY0FBZSxDQUlmLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsd0JBQXlCLENBSnpCLGNBQWUsQ0FIZixtQkFBb0IsQ0FFcEIsaUJBTUosQ0FDQSxvQ0FPSSx5QkFBMEIsQ0FGMUIsV0FBWSxDQUpaLFVBQVcsQ0FLWCxVQUFXLENBSFgsTUFBTyxDQURQLGlCQUFrQixDQUVsQixPQUFRLENBSVIseUJBQ0osQ0FDQSxzREFDSSxjQUNKLENBQ0EsMEJBQ0ksd0JBQ0ksUUFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDQSw4QkFDSSxtQkFDSixDQUNKLENBQ0EsMEJBQ0ksd0JBQ0ksUUFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDSixDQUtBLHNFQUVJLHlDQUNKLENBS0Esb0NBQ0ksaUNBQ0oiLCJmaWxlIjoiS3BpLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBLUEkgTGlzdCAqL1xyXG4ubGlzdF93cmFwcGVyIHtcclxuICAgIG1hcmdpbi1ib3R0b206IC0xMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0xMnB4O1xyXG59XHJcbi5saXN0IHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcclxufVxyXG4uaXRlbSB7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS13aGl0ZSk7XHJcbiAgICBib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0cGFkZGluZzogMCAyMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEycHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xyXG59XHJcbi5pdGVtOjpiZWZvcmUsXHJcbi5pdGVtOjphZnRlciB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgbWFyZ2luLXRvcDogMTZweDtcclxufVxyXG5cclxuLml0ZW1fcyxcclxuLml0ZW1fbSxcclxuLml0ZW1fbCB7XHJcbiAgICBjb21wb3NlczogaXRlbTtcclxufVxyXG4uaXRlbV9zIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNikgLSAxMnB4KTsgfVxyXG4uaXRlbV9tIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNSkgLSAxMnB4KTsgfVxyXG4uaXRlbV9sIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNCkgLSAxMnB4KTsgfVxyXG5cclxuLyogSXRlbSBjb250ZW50ICovXHJcbi5pdGVtX3RpdGxlIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBsaW5lLWhlaWdodDogMS4xO1xyXG4gICAgY29sb3I6IHZhcigtLWdyZXktMyk7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA2cHg7XHJcbn1cclxuLml0ZW1fdmFsdWUge1xyXG4gICAgZm9udC1zaXplOiAyOHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG4uaXRlbV92YXJpYXRpb24ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMzBweDtcclxuICAgIHBhZGRpbmc6IDNweCA4cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTZweDtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBtYXJnaW4tdG9wOiA2cHg7XHJcbn1cclxuLml0ZW1fdmFsdWUgLml0ZW1fdmFyaWF0aW9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbn1cclxuLml0ZW1fdmFyaWF0aW9uX3VwLFxyXG4uaXRlbV92YXJpYXRpb25fZG93bixcclxuLml0ZW1fdmFyaWF0aW9uX3dhcm5pbmcsXHJcbi5pdGVtX3ZhcmlhdGlvbl9uZXV0cmFsIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtX3ZhcmlhdGlvbjtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fdXAge1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itc3VjY2Vzcy1saWdodCk7XHJcbn1cclxuLml0ZW1fdmFyaWF0aW9uX2Rvd24ge1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0KTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0LWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fd2FybmluZyB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3Itd2FybmluZyk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13YXJuaW5nLWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fbmV1dHJhbCB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItbWFpbik7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1tYWluLWxpZ2h0KTtcclxufVxyXG5cclxuLml0ZW1fdmFsdWVfYXBwZW5kIHtcclxuICAgIGZsZXg6IDAgMCBhdXRvO1xyXG4gICAgbWFyZ2luLWxlZnQ6IGF1dG87XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcclxufVxyXG5cclxuLyogVGFicyAqL1xyXG4udGFic19ib3JkZXIge1xyXG4gICAgYm9yZGVyLWJvdHRvbTogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuICAgIG1hcmdpbi1ib3R0b206IDI2cHg7XHJcbn1cclxuLnRhYnMge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGdhcDogNTBweDtcclxufVxyXG4udGFiX2NvbW1vbiB7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMThweDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIG1pbi13aWR0aDogODBweDtcclxuXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XHJcbn1cclxuLnRhYl9jb21tb246OmFmdGVyIHtcclxuICAgIGNvbnRlbnQ6IFwiXCI7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBib3R0b206IC0xcHg7XHJcbiAgICBoZWlnaHQ6IDNweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xyXG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAyMDBtcztcclxufVxyXG4udGFicyAuaXRlbV92YWx1ZSB7XHJcbiAgICBmb250LXNpemU6IDI2cHg7XHJcbn1cclxuQG1lZGlhIChtYXgtd2lkdGg6IDE0MzlweCkge1xyXG4gICAgLnRhYnMge1xyXG4gICAgICAgIGdhcDogNDBweDtcclxuICAgIH1cclxuICAgIC50YWJzIC5pdGVtX3RpdGxlIHtcclxuICAgICAgICBmb250LXNpemU6IDEzcHg7XHJcbiAgICB9XHJcbiAgICAudGFiX2NvbW1vbiB7XHJcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDE0cHg7XHJcbiAgICB9XHJcbn1cclxuQG1lZGlhIChtYXgtd2lkdGg6IDEzNjdweCkge1xyXG4gICAgLnRhYnMge1xyXG4gICAgICAgIGdhcDogMzVweDtcclxuICAgIH1cclxuICAgIC50YWJzIC5pdGVtX3ZhbHVlIHtcclxuICAgICAgICBmb250LXNpemU6IDI0cHg7XHJcbiAgICB9XHJcbn1cclxuXHJcbi50YWIge1xyXG4gICAgY29tcG9zZXM6IHRhYl9jb21tb247XHJcbn1cclxuLnRhYjpob3Zlcjo6YWZ0ZXIsXHJcbi50YWI6Zm9jdXM6OmFmdGVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxufVxyXG5cclxuLnRhYl9hY3RpdmUge1xyXG4gICAgY29tcG9zZXM6IHRhYl9jb21tb247XHJcbn1cclxuLnRhYl9hY3RpdmU6OmFmdGVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXR1cnF1b2lzZSk7XHJcbn1cclxuIl19 */";
2997
- var styles$6 = {"list_wrapper":"Kpi-module_list_wrapper__-ItHd","list":"Kpi-module_list__ijR67","item":"Kpi-module_item__IZXRc","item_s":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","item_m":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","item_l":"Kpi-module_item_l__lurOA Kpi-module_item__IZXRc","item_title":"Kpi-module_item_title__IHpB-","item_value":"Kpi-module_item_value__xJTg3","item_variation":"Kpi-module_item_variation__7R5ix","item_variation_up":"Kpi-module_item_variation_up__3f0oP Kpi-module_item_variation__7R5ix","item_variation_down":"Kpi-module_item_variation_down__I3ZXd Kpi-module_item_variation__7R5ix","item_variation_warning":"Kpi-module_item_variation_warning__JXyTG Kpi-module_item_variation__7R5ix","item_variation_neutral":"Kpi-module_item_variation_neutral__PoXN0 Kpi-module_item_variation__7R5ix","item_value_append":"Kpi-module_item_value_append__o8jUJ","tabs_border":"Kpi-module_tabs_border__n-CqI","tabs":"Kpi-module_tabs__XiwIU","tab_common":"Kpi-module_tab_common__DEs-3","tab":"Kpi-module_tab__bGBF9 Kpi-module_tab_common__DEs-3","tab_active":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3","listWrapper":"Kpi-module_list_wrapper__-ItHd","itemS":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","itemM":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","itemL":"Kpi-module_item_l__lurOA Kpi-module_item__IZXRc","itemTitle":"Kpi-module_item_title__IHpB-","itemValue":"Kpi-module_item_value__xJTg3","itemVariation":"Kpi-module_item_variation__7R5ix","itemVariationUp":"Kpi-module_item_variation_up__3f0oP Kpi-module_item_variation__7R5ix","itemVariationDown":"Kpi-module_item_variation_down__I3ZXd Kpi-module_item_variation__7R5ix","itemVariationWarning":"Kpi-module_item_variation_warning__JXyTG Kpi-module_item_variation__7R5ix","itemVariationNeutral":"Kpi-module_item_variation_neutral__PoXN0 Kpi-module_item_variation__7R5ix","itemValueAppend":"Kpi-module_item_value_append__o8jUJ","tabsBorder":"Kpi-module_tabs_border__n-CqI","tabCommon":"Kpi-module_tab_common__DEs-3","tabActive":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3"};
2996
+ var css_248z$8 = ".Kpi-module_list_wrapper__-ItHd{margin-bottom:-12px;margin-left:-12px}.Kpi-module_list__ijR67{align-items:stretch;display:flex}.Kpi-module_item__IZXRc{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;margin-bottom:12px;margin-left:12px;padding:0 22px;position:relative}.Kpi-module_item__IZXRc:after,.Kpi-module_item__IZXRc:before{content:\"\";display:block;margin-top:16px}.Kpi-module_item_s__Yc4HP{flex:0 1 calc(16.66667% - 12px)}.Kpi-module_item_m__yj-l1{flex:0 1 calc(20% - 12px)}.Kpi-module_item_l__lurOA{flex:0 1 calc(25% - 12px)}.Kpi-module_item_header__fnbNT{color:var(--grey-3);line-height:1.1;margin-bottom:6px}.Kpi-module_item_title__IHpB-{font-size:14px;font-weight:500}.Kpi-module_item_description__kTqWF{font-size:14px;margin-top:2px}.Kpi-module_item_value__xJTg3{align-items:center;display:flex;font-size:28px;font-weight:500;white-space:nowrap}.Kpi-module_item_variation__7R5ix{border-radius:30px;display:inline-block;font-size:14px;font-weight:500;line-height:16px;margin-top:6px;padding:3px 8px}.Kpi-module_item_value__xJTg3 .Kpi-module_item_variation__7R5ix{margin-left:8px;margin-top:0}.Kpi-module_item_variation_up__3f0oP{background-color:var(--color-success-light);color:var(--color-success)}.Kpi-module_item_variation_down__I3ZXd{background-color:var(--color-alert-light);color:var(--color-alert)}.Kpi-module_item_variation_warning__JXyTG{background-color:var(--color-warning-light);color:var(--color-warning)}.Kpi-module_item_variation_neutral__PoXN0{background-color:var(--color-main-light);color:var(--color-main)}.Kpi-module_item_value_prepend__Xexah{flex:0 0 auto;padding-right:8px}.Kpi-module_item_value_append__o8jUJ{flex:0 0 auto;margin-left:auto;padding-left:8px}.Kpi-module_tabs_border__n-CqI{border-bottom:1px solid var(--main-border-color);margin-bottom:26px}.Kpi-module_tabs__XiwIU{display:flex;gap:50px}.Kpi-module_tab_common__DEs-3{cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;min-width:80px;padding-bottom:18px;position:relative}.Kpi-module_tab_common__DEs-3:after{border-radius:3px 3px 0 0;bottom:-1px;content:\"\";height:3px;left:0;position:absolute;right:0;transition:background .2s}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:26px}@media (max-width:1439px){.Kpi-module_tabs__XiwIU{gap:40px}.Kpi-module_tabs__XiwIU .Kpi-module_item_title__IHpB-{font-size:13px}.Kpi-module_tab_common__DEs-3{padding-bottom:14px}}@media (max-width:1367px){.Kpi-module_tabs__XiwIU{gap:35px}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:24px}}.Kpi-module_tab__bGBF9:focus:after,.Kpi-module_tab__bGBF9:hover:after{background-color:var(--main-border-color)}.Kpi-module_tab_active__gxE47:after{background-color:var(--turquoise)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktwaS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGdDQUNJLG1CQUFvQixDQUNwQixpQkFDSixDQUNBLHdCQUVJLG1CQUFvQixDQURwQixZQUVKLENBQ0Esd0JBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FJbEIsa0JBQW1CLENBRG5CLGdCQUFpQixDQURwQixjQUFlLENBRFosaUJBSUosQ0FDQSw2REFFSSxVQUFXLENBQ2QsYUFBYyxDQUNYLGVBQ0osQ0FPQSwwQkFBVSwrQkFBdUMsQ0FDakQsMEJBQVUseUJBQXVDLENBQ2pELDBCQUFVLHlCQUF1QyxDQUdqRCwrQkFDSSxtQkFBb0IsQ0FFcEIsZUFBZ0IsQ0FEaEIsaUJBRUosQ0FDQSw4QkFDSSxjQUFlLENBQ2YsZUFDSixDQUNBLG9DQUNJLGNBQWUsQ0FDZixjQUNKLENBQ0EsOEJBS0ksa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsa0JBR0osQ0FDQSxrQ0FFSSxrQkFBbUIsQ0FEbkIsb0JBQXFCLENBSXJCLGNBQWUsQ0FDZixlQUFnQixDQUZoQixnQkFBaUIsQ0FHakIsY0FBZSxDQUpmLGVBS0osQ0FDQSxnRUFDSSxlQUFnQixDQUNoQixZQUNKLENBT0EscUNBRUksMkNBQTRDLENBRDVDLDBCQUVKLENBQ0EsdUNBRUkseUNBQTBDLENBRDFDLHdCQUVKLENBQ0EsMENBRUksMkNBQTRDLENBRDVDLDBCQUVKLENBQ0EsMENBRUksd0NBQXlDLENBRHpDLHVCQUVKLENBRUEsc0NBQ0ksYUFBYyxDQUNkLGlCQUNKLENBQ0EscUNBQ0ksYUFBYyxDQUNkLGdCQUFpQixDQUNqQixnQkFDSixDQUdBLCtCQUNJLGdEQUFpRCxDQUNqRCxrQkFDSixDQUNBLHdCQUNJLFlBQWEsQ0FDYixRQUNKLENBQ0EsOEJBRUksY0FBZSxDQUlmLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsd0JBQXlCLENBSnpCLGNBQWUsQ0FIZixtQkFBb0IsQ0FFcEIsaUJBTUosQ0FDQSxvQ0FPSSx5QkFBMEIsQ0FGMUIsV0FBWSxDQUpaLFVBQVcsQ0FLWCxVQUFXLENBSFgsTUFBTyxDQURQLGlCQUFrQixDQUVsQixPQUFRLENBSVIseUJBQ0osQ0FDQSxzREFDSSxjQUNKLENBQ0EsMEJBQ0ksd0JBQ0ksUUFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDQSw4QkFDSSxtQkFDSixDQUNKLENBQ0EsMEJBQ0ksd0JBQ0ksUUFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDSixDQUtBLHNFQUVJLHlDQUNKLENBS0Esb0NBQ0ksaUNBQ0oiLCJmaWxlIjoiS3BpLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBLUEkgTGlzdCAqL1xyXG4ubGlzdF93cmFwcGVyIHtcclxuICAgIG1hcmdpbi1ib3R0b206IC0xMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0xMnB4O1xyXG59XHJcbi5saXN0IHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcclxufVxyXG4uaXRlbSB7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS13aGl0ZSk7XHJcbiAgICBib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0cGFkZGluZzogMCAyMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEycHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xyXG59XHJcbi5pdGVtOjpiZWZvcmUsXHJcbi5pdGVtOjphZnRlciB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgbWFyZ2luLXRvcDogMTZweDtcclxufVxyXG5cclxuLml0ZW1fcyxcclxuLml0ZW1fbSxcclxuLml0ZW1fbCB7XHJcbiAgICBjb21wb3NlczogaXRlbTtcclxufVxyXG4uaXRlbV9zIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNikgLSAxMnB4KTsgfVxyXG4uaXRlbV9tIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNSkgLSAxMnB4KTsgfVxyXG4uaXRlbV9sIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNCkgLSAxMnB4KTsgfVxyXG5cclxuLyogSXRlbSBjb250ZW50ICovXHJcbi5pdGVtX2hlYWRlciB7XHJcbiAgICBjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxuICAgIG1hcmdpbi1ib3R0b206IDZweDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxLjE7XHJcbn1cclxuLml0ZW1fdGl0bGUge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxufVxyXG4uaXRlbV9kZXNjcmlwdGlvbiB7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBtYXJnaW4tdG9wOiAycHg7XHJcbn1cclxuLml0ZW1fdmFsdWUge1xyXG4gICAgZm9udC1zaXplOiAyOHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG4uaXRlbV92YXJpYXRpb24ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMzBweDtcclxuICAgIHBhZGRpbmc6IDNweCA4cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTZweDtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBtYXJnaW4tdG9wOiA2cHg7XHJcbn1cclxuLml0ZW1fdmFsdWUgLml0ZW1fdmFyaWF0aW9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbn1cclxuLml0ZW1fdmFyaWF0aW9uX3VwLFxyXG4uaXRlbV92YXJpYXRpb25fZG93bixcclxuLml0ZW1fdmFyaWF0aW9uX3dhcm5pbmcsXHJcbi5pdGVtX3ZhcmlhdGlvbl9uZXV0cmFsIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtX3ZhcmlhdGlvbjtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fdXAge1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itc3VjY2Vzcy1saWdodCk7XHJcbn1cclxuLml0ZW1fdmFyaWF0aW9uX2Rvd24ge1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0KTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0LWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fd2FybmluZyB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3Itd2FybmluZyk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13YXJuaW5nLWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fbmV1dHJhbCB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItbWFpbik7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1tYWluLWxpZ2h0KTtcclxufVxyXG5cclxuLml0ZW1fdmFsdWVfcHJlcGVuZCB7XHJcbiAgICBmbGV4OiAwIDAgYXV0bztcclxuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcclxufVxyXG4uaXRlbV92YWx1ZV9hcHBlbmQge1xyXG4gICAgZmxleDogMCAwIGF1dG87XHJcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcclxuICAgIHBhZGRpbmctbGVmdDogOHB4O1xyXG59XHJcblxyXG4vKiBUYWJzICovXHJcbi50YWJzX2JvcmRlciB7XHJcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjZweDtcclxufVxyXG4udGFicyB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZ2FwOiA1MHB4O1xyXG59XHJcbi50YWJfY29tbW9uIHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxOHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgbWluLXdpZHRoOiA4MHB4O1xyXG5cclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcclxufVxyXG4udGFiX2NvbW1vbjo6YWZ0ZXIge1xyXG4gICAgY29udGVudDogXCJcIjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGJvdHRvbTogLTFweDtcclxuICAgIGhlaWdodDogM3B4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XHJcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDIwMG1zO1xyXG59XHJcbi50YWJzIC5pdGVtX3ZhbHVlIHtcclxuICAgIGZvbnQtc2l6ZTogMjZweDtcclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogMTQzOXB4KSB7XHJcbiAgICAudGFicyB7XHJcbiAgICAgICAgZ2FwOiA0MHB4O1xyXG4gICAgfVxyXG4gICAgLnRhYnMgLml0ZW1fdGl0bGUge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIH1cclxuICAgIC50YWJfY29tbW9uIHtcclxuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTRweDtcclxuICAgIH1cclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogMTM2N3B4KSB7XHJcbiAgICAudGFicyB7XHJcbiAgICAgICAgZ2FwOiAzNXB4O1xyXG4gICAgfVxyXG4gICAgLnRhYnMgLml0ZW1fdmFsdWUge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMjRweDtcclxuICAgIH1cclxufVxyXG5cclxuLnRhYiB7XHJcbiAgICBjb21wb3NlczogdGFiX2NvbW1vbjtcclxufVxyXG4udGFiOmhvdmVyOjphZnRlcixcclxuLnRhYjpmb2N1czo6YWZ0ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG59XHJcblxyXG4udGFiX2FjdGl2ZSB7XHJcbiAgICBjb21wb3NlczogdGFiX2NvbW1vbjtcclxufVxyXG4udGFiX2FjdGl2ZTo6YWZ0ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHVycXVvaXNlKTtcclxufVxyXG4iXX0= */";
2997
+ var styles$6 = {"list_wrapper":"Kpi-module_list_wrapper__-ItHd","list":"Kpi-module_list__ijR67","item":"Kpi-module_item__IZXRc","item_s":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","item_m":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","item_l":"Kpi-module_item_l__lurOA Kpi-module_item__IZXRc","item_header":"Kpi-module_item_header__fnbNT","item_title":"Kpi-module_item_title__IHpB-","item_description":"Kpi-module_item_description__kTqWF","item_value":"Kpi-module_item_value__xJTg3","item_variation":"Kpi-module_item_variation__7R5ix","item_variation_up":"Kpi-module_item_variation_up__3f0oP Kpi-module_item_variation__7R5ix","item_variation_down":"Kpi-module_item_variation_down__I3ZXd Kpi-module_item_variation__7R5ix","item_variation_warning":"Kpi-module_item_variation_warning__JXyTG Kpi-module_item_variation__7R5ix","item_variation_neutral":"Kpi-module_item_variation_neutral__PoXN0 Kpi-module_item_variation__7R5ix","item_value_prepend":"Kpi-module_item_value_prepend__Xexah","item_value_append":"Kpi-module_item_value_append__o8jUJ","tabs_border":"Kpi-module_tabs_border__n-CqI","tabs":"Kpi-module_tabs__XiwIU","tab_common":"Kpi-module_tab_common__DEs-3","tab":"Kpi-module_tab__bGBF9 Kpi-module_tab_common__DEs-3","tab_active":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3","listWrapper":"Kpi-module_list_wrapper__-ItHd","itemS":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","itemM":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","itemL":"Kpi-module_item_l__lurOA Kpi-module_item__IZXRc","itemHeader":"Kpi-module_item_header__fnbNT","itemTitle":"Kpi-module_item_title__IHpB-","itemDescription":"Kpi-module_item_description__kTqWF","itemValue":"Kpi-module_item_value__xJTg3","itemVariation":"Kpi-module_item_variation__7R5ix","itemVariationUp":"Kpi-module_item_variation_up__3f0oP Kpi-module_item_variation__7R5ix","itemVariationDown":"Kpi-module_item_variation_down__I3ZXd Kpi-module_item_variation__7R5ix","itemVariationWarning":"Kpi-module_item_variation_warning__JXyTG Kpi-module_item_variation__7R5ix","itemVariationNeutral":"Kpi-module_item_variation_neutral__PoXN0 Kpi-module_item_variation__7R5ix","itemValuePrepend":"Kpi-module_item_value_prepend__Xexah","itemValueAppend":"Kpi-module_item_value_append__o8jUJ","tabsBorder":"Kpi-module_tabs_border__n-CqI","tabCommon":"Kpi-module_tab_common__DEs-3","tabActive":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3"};
2998
2998
  styleInject(css_248z$8);
2999
2999
 
3000
3000
  var getFormattedNumber = function (n) {
@@ -3016,7 +3016,7 @@ function KpiList(_a) {
3016
3016
  React.createElement("div", { className: styles$6.list }, children)));
3017
3017
  }
3018
3018
  function KpiItem(_a) {
3019
- var name = _a.name, value = _a.value, append = _a.append, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b, _c = _a.variationPosition, variationPosition = _c === void 0 ? 'bottom' : _c, _d = _a.variationStatus, variationStatus = _d === void 0 ? 'auto' : _d, _e = _a.size, size = _e === void 0 ? 'm' : _e, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML;
3019
+ var name = _a.name, description = _a.description, value = _a.value, prepend = _a.prepend, append = _a.append, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b, _c = _a.variationPosition, variationPosition = _c === void 0 ? 'bottom' : _c, _d = _a.variationStatus, variationStatus = _d === void 0 ? 'auto' : _d, _e = _a.size, size = _e === void 0 ? 'm' : _e, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML;
3020
3020
  var className = [];
3021
3021
  var sizeClass = {
3022
3022
  l: styles$6.item_l,
@@ -3059,11 +3059,17 @@ function KpiItem(_a) {
3059
3059
  }
3060
3060
  return (React.createElement(React.Fragment, null,
3061
3061
  React.createElement("div", { className: className.join(' ') },
3062
- React.createElement("div", { className: styles$6.item_title },
3063
- name,
3062
+ React.createElement("div", { className: [styles$6.item_header, flex.flex].join(' ') },
3063
+ React.createElement("div", { className: flex.flex_item_full },
3064
+ React.createElement("div", { className: styles$6.item_title }, name),
3065
+ description &&
3066
+ React.createElement("div", { className: styles$6.item_description }, description)),
3064
3067
  (tooltip || tooltipHTML) &&
3065
- React.createElement(IconBtn, { icon: "fas fa-info-circle", size: "xs", tooltip: tooltip, tooltipHTML: tooltipHTML })),
3068
+ React.createElement("div", { className: flex.flex_item_fix },
3069
+ React.createElement(IconBtn, { icon: "fas fa-info-circle", size: "xs", tooltip: tooltip, tooltipHTML: tooltipHTML }))),
3066
3070
  React.createElement("div", { className: styles$6.item_value },
3071
+ prepend &&
3072
+ React.createElement("div", { className: styles$6.item_value_prepend }, prepend),
3067
3073
  React.createElement("span", null,
3068
3074
  getFormattedNumber(value),
3069
3075
  unit &&