ui-beyable 1.0.36-beta.3 → 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, prepend, 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,6 +4,7 @@ interface IKpiList {
4
4
  }
5
5
  interface IKpiItem {
6
6
  name: React.ReactNode | string;
7
+ description: React.ReactNode | string;
7
8
  value: number;
8
9
  prepend?: React.ReactNode | string;
9
10
  append?: React.ReactNode | string;
package/lib/cjs/index.js CHANGED
@@ -2995,8 +2995,8 @@ function EmptyState(_a) {
2995
2995
  primaryAction)));
2996
2996
  }
2997
2997
 
2998
- 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_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktwaS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGdDQUNJLG1CQUFvQixDQUNwQixpQkFDSixDQUNBLHdCQUVJLG1CQUFvQixDQURwQixZQUVKLENBQ0Esd0JBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FJbEIsa0JBQW1CLENBRG5CLGdCQUFpQixDQURwQixjQUFlLENBRFosaUJBSUosQ0FDQSw2REFFSSxVQUFXLENBQ2QsYUFBYyxDQUNYLGVBQ0osQ0FPQSwwQkFBVSwrQkFBdUMsQ0FDakQsMEJBQVUseUJBQXVDLENBQ2pELDBCQUFVLHlCQUF1QyxDQUdqRCw4QkFJSSxtQkFBb0IsQ0FIcEIsY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGVBQWdCLENBRWhCLGlCQUNKLENBQ0EsOEJBS0ksa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsa0JBR0osQ0FDQSxrQ0FFSSxrQkFBbUIsQ0FEbkIsb0JBQXFCLENBSXJCLGNBQWUsQ0FDZixlQUFnQixDQUZoQixnQkFBaUIsQ0FHakIsY0FBZSxDQUpmLGVBS0osQ0FDQSxnRUFDSSxlQUFnQixDQUNoQixZQUNKLENBT0EscUNBRUksMkNBQTRDLENBRDVDLDBCQUVKLENBQ0EsdUNBRUkseUNBQTBDLENBRDFDLHdCQUVKLENBQ0EsMENBRUksMkNBQTRDLENBRDVDLDBCQUVKLENBQ0EsMENBRUksd0NBQXlDLENBRHpDLHVCQUVKLENBRUEsc0NBQ0ksYUFBYyxDQUNkLGlCQUNKLENBQ0EscUNBQ0ksYUFBYyxDQUNkLGdCQUFpQixDQUNqQixnQkFDSixDQUdBLCtCQUNJLGdEQUFpRCxDQUNqRCxrQkFDSixDQUNBLHdCQUNJLFlBQWEsQ0FDYixRQUNKLENBQ0EsOEJBRUksY0FBZSxDQUlmLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsd0JBQXlCLENBSnpCLGNBQWUsQ0FIZixtQkFBb0IsQ0FFcEIsaUJBTUosQ0FDQSxvQ0FPSSx5QkFBMEIsQ0FGMUIsV0FBWSxDQUpaLFVBQVcsQ0FLWCxVQUFXLENBSFgsTUFBTyxDQURQLGlCQUFrQixDQUVsQixPQUFRLENBSVIseUJBQ0osQ0FDQSxzREFDSSxjQUNKLENBQ0EsMEJBQ0ksd0JBQ0ksUUFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDQSw4QkFDSSxtQkFDSixDQUNKLENBQ0EsMEJBQ0ksd0JBQ0ksUUFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDSixDQUtBLHNFQUVJLHlDQUNKLENBS0Esb0NBQ0ksaUNBQ0oiLCJmaWxlIjoiS3BpLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBLUEkgTGlzdCAqL1xyXG4ubGlzdF93cmFwcGVyIHtcclxuICAgIG1hcmdpbi1ib3R0b206IC0xMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0xMnB4O1xyXG59XHJcbi5saXN0IHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcclxufVxyXG4uaXRlbSB7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS13aGl0ZSk7XHJcbiAgICBib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0cGFkZGluZzogMCAyMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEycHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xyXG59XHJcbi5pdGVtOjpiZWZvcmUsXHJcbi5pdGVtOjphZnRlciB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgbWFyZ2luLXRvcDogMTZweDtcclxufVxyXG5cclxuLml0ZW1fcyxcclxuLml0ZW1fbSxcclxuLml0ZW1fbCB7XHJcbiAgICBjb21wb3NlczogaXRlbTtcclxufVxyXG4uaXRlbV9zIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNikgLSAxMnB4KTsgfVxyXG4uaXRlbV9tIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNSkgLSAxMnB4KTsgfVxyXG4uaXRlbV9sIHsgZmxleDogMCAxIGNhbGMoY2FsYygxMDAlIC8gNCkgLSAxMnB4KTsgfVxyXG5cclxuLyogSXRlbSBjb250ZW50ICovXHJcbi5pdGVtX3RpdGxlIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBsaW5lLWhlaWdodDogMS4xO1xyXG4gICAgY29sb3I6IHZhcigtLWdyZXktMyk7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA2cHg7XHJcbn1cclxuLml0ZW1fdmFsdWUge1xyXG4gICAgZm9udC1zaXplOiAyOHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG4uaXRlbV92YXJpYXRpb24ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMzBweDtcclxuICAgIHBhZGRpbmc6IDNweCA4cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTZweDtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBtYXJnaW4tdG9wOiA2cHg7XHJcbn1cclxuLml0ZW1fdmFsdWUgLml0ZW1fdmFyaWF0aW9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbn1cclxuLml0ZW1fdmFyaWF0aW9uX3VwLFxyXG4uaXRlbV92YXJpYXRpb25fZG93bixcclxuLml0ZW1fdmFyaWF0aW9uX3dhcm5pbmcsXHJcbi5pdGVtX3ZhcmlhdGlvbl9uZXV0cmFsIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtX3ZhcmlhdGlvbjtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fdXAge1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itc3VjY2Vzcy1saWdodCk7XHJcbn1cclxuLml0ZW1fdmFyaWF0aW9uX2Rvd24ge1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0KTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0LWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fd2FybmluZyB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3Itd2FybmluZyk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13YXJuaW5nLWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fbmV1dHJhbCB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItbWFpbik7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1tYWluLWxpZ2h0KTtcclxufVxyXG5cclxuLml0ZW1fdmFsdWVfcHJlcGVuZCB7XHJcbiAgICBmbGV4OiAwIDAgYXV0bztcclxuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcclxufVxyXG4uaXRlbV92YWx1ZV9hcHBlbmQge1xyXG4gICAgZmxleDogMCAwIGF1dG87XHJcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcclxuICAgIHBhZGRpbmctbGVmdDogOHB4O1xyXG59XHJcblxyXG4vKiBUYWJzICovXHJcbi50YWJzX2JvcmRlciB7XHJcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjZweDtcclxufVxyXG4udGFicyB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZ2FwOiA1MHB4O1xyXG59XHJcbi50YWJfY29tbW9uIHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxOHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgbWluLXdpZHRoOiA4MHB4O1xyXG5cclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcclxufVxyXG4udGFiX2NvbW1vbjo6YWZ0ZXIge1xyXG4gICAgY29udGVudDogXCJcIjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGJvdHRvbTogLTFweDtcclxuICAgIGhlaWdodDogM3B4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XHJcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDIwMG1zO1xyXG59XHJcbi50YWJzIC5pdGVtX3ZhbHVlIHtcclxuICAgIGZvbnQtc2l6ZTogMjZweDtcclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogMTQzOXB4KSB7XHJcbiAgICAudGFicyB7XHJcbiAgICAgICAgZ2FwOiA0MHB4O1xyXG4gICAgfVxyXG4gICAgLnRhYnMgLml0ZW1fdGl0bGUge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIH1cclxuICAgIC50YWJfY29tbW9uIHtcclxuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTRweDtcclxuICAgIH1cclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogMTM2N3B4KSB7XHJcbiAgICAudGFicyB7XHJcbiAgICAgICAgZ2FwOiAzNXB4O1xyXG4gICAgfVxyXG4gICAgLnRhYnMgLml0ZW1fdmFsdWUge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMjRweDtcclxuICAgIH1cclxufVxyXG5cclxuLnRhYiB7XHJcbiAgICBjb21wb3NlczogdGFiX2NvbW1vbjtcclxufVxyXG4udGFiOmhvdmVyOjphZnRlcixcclxuLnRhYjpmb2N1czo6YWZ0ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG59XHJcblxyXG4udGFiX2FjdGl2ZSB7XHJcbiAgICBjb21wb3NlczogdGFiX2NvbW1vbjtcclxufVxyXG4udGFiX2FjdGl2ZTo6YWZ0ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHVycXVvaXNlKTtcclxufVxyXG4iXX0= */";
2999
- 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_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","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","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
+ 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= */";
2999
+ 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"};
3000
3000
  styleInject(css_248z$8);
3001
3001
 
3002
3002
  var getFormattedNumber = function (n) {
@@ -3018,7 +3018,7 @@ function KpiList(_a) {
3018
3018
  React.createElement("div", { className: styles$6.list }, children)));
3019
3019
  }
3020
3020
  function KpiItem(_a) {
3021
- var name = _a.name, 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;
3021
+ 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;
3022
3022
  var className = [];
3023
3023
  var sizeClass = {
3024
3024
  l: styles$6.item_l,
@@ -3061,10 +3061,14 @@ function KpiItem(_a) {
3061
3061
  }
3062
3062
  return (React.createElement(React.Fragment, null,
3063
3063
  React.createElement("div", { className: className.join(' ') },
3064
- React.createElement("div", { className: styles$6.item_title },
3065
- name,
3064
+ React.createElement("div", { className: [styles$6.item_header, flex.flex].join(' ') },
3065
+ React.createElement("div", { className: flex.flex_item_full },
3066
+ React.createElement("div", { className: styles$6.item_title }, name),
3067
+ description &&
3068
+ React.createElement("div", { className: styles$6.item_description }, description)),
3066
3069
  (tooltip || tooltipHTML) &&
3067
- React.createElement(IconBtn, { icon: "fas fa-info-circle", size: "xs", tooltip: tooltip, tooltipHTML: tooltipHTML })),
3070
+ React.createElement("div", { className: flex.flex_item_fix },
3071
+ React.createElement(IconBtn, { icon: "fas fa-info-circle", size: "xs", tooltip: tooltip, tooltipHTML: tooltipHTML }))),
3068
3072
  React.createElement("div", { className: styles$6.item_value },
3069
3073
  prepend &&
3070
3074
  React.createElement("div", { className: styles$6.item_value_prepend }, prepend),