ui-beyable 1.0.35-beta.7 → 1.0.35-beta.8
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.
- package/lib/cjs/components/Kpi/Kpi.d.ts +1 -1
- package/lib/cjs/components/Kpi/types.d.ts +1 -0
- package/lib/cjs/index.js +21 -14
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/Kpi/Kpi.d.ts +1 -1
- package/lib/esm/components/Kpi/types.d.ts +1 -0
- package/lib/esm/index.js +21 -14
- package/lib/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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, unit, variation, variationNbDecimal, size }: IKpiItem): JSX.Element;
|
|
4
|
+
declare function KpiItem({ name, value, unit, variation, variationNbDecimal, variationPosition, size }: IKpiItem): JSX.Element;
|
|
5
5
|
export { KpiList, KpiItem };
|
package/lib/cjs/index.js
CHANGED
|
@@ -2995,7 +2995,7 @@ 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{font-size:28px;font-weight:500;white-space:nowrap}.Kpi-module_item_evolution__nsgmE{border-radius:30px;display:inline-block;font-size:14px;font-weight:500;line-height:16px;margin-top:6px;padding:3px 8px}.Kpi-module_item_evolution_up__vHhY2{background-color:var(--color-success-light);color:var(--color-success)}.Kpi-module_item_evolution_down__5WLp6{background-color:var(--color-alert-light);color:var(--color-alert)}.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,
|
|
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_evolution__nsgmE{border-radius:30px;display:inline-block;font-size:14px;font-weight:500;line-height:16px;margin-top:6px;padding:3px 8px}.Kpi-module_item_evolution_up__vHhY2{background-color:var(--color-success-light);color:var(--color-success)}.Kpi-module_item_value__xJTg3 .Kpi-module_item_evolution__nsgmE{margin-left:8px;margin-top:0}.Kpi-module_item_evolution_down__5WLp6{background-color:var(--color-alert-light);color:var(--color-alert)}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktwaS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGdDQUNJLG1CQUFvQixDQUNwQixpQkFDSixDQUNBLHdCQUVJLG1CQUFvQixDQURwQixZQUVKLENBQ0Esd0JBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FJbEIsa0JBQW1CLENBRG5CLGdCQUFpQixDQURwQixjQUFlLENBRFosaUJBSUosQ0FDQSw2REFFSSxVQUFXLENBQ2QsYUFBYyxDQUNYLGVBQ0osQ0FPQSwwQkFBVSwrQkFBdUMsQ0FDakQsMEJBQVUseUJBQXVDLENBQ2pELDBCQUFVLHlCQUF1QyxDQUdqRCw4QkFJSSxtQkFBb0IsQ0FIcEIsY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGVBQWdCLENBRWhCLGlCQUNKLENBQ0EsOEJBS0ksa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsa0JBR0osQ0FDQSxrQ0FFSSxrQkFBbUIsQ0FEbkIsb0JBQXFCLENBSXJCLGNBQWUsQ0FDZixlQUFnQixDQUZoQixnQkFBaUIsQ0FHakIsY0FBZSxDQUpmLGVBS0osQ0FDQSxxQ0FHSSwyQ0FBNEMsQ0FENUMsMEJBRUosQ0FDQSxnRUFDSSxlQUFnQixDQUNoQixZQUNKLENBRUEsdUNBR0kseUNBQTBDLENBRDFDLHdCQUVKLENBR0EsK0JBQ0ksZ0RBQWlELENBQ2pELGtCQUNKLENBQ0Esd0JBQ0ksWUFBYSxDQUNiLFFBQ0osQ0FDQSw4QkFFSSxjQUFlLENBSWYsWUFBYSxDQUNiLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FKekIsY0FBZSxDQUhmLG1CQUFvQixDQUVwQixpQkFNSixDQUNBLG9DQU9JLHlCQUEwQixDQUYxQixXQUFZLENBSlosVUFBVyxDQUtYLFVBQVcsQ0FIWCxNQUFPLENBRFAsaUJBQWtCLENBRWxCLE9BQVEsQ0FJUix5QkFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDQSwwQkFDSSx3QkFDSSxRQUNKLENBQ0Esc0RBQ0ksY0FDSixDQUNBLDhCQUNJLG1CQUNKLENBQ0osQ0FDQSwwQkFDSSx3QkFDSSxRQUNKLENBQ0Esc0RBQ0ksY0FDSixDQUNKLENBS0Esc0VBRUkseUNBQ0osQ0FLQSxvQ0FDSSxpQ0FDSiIsImZpbGUiOiJLcGkubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEtQSSBMaXN0ICovXHJcbi5saXN0X3dyYXBwZXIge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogLTEycHg7XHJcbiAgICBtYXJnaW4tbGVmdDogLTEycHg7XHJcbn1cclxuLmxpc3Qge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xyXG59XHJcbi5pdGVtIHtcclxuICAgIGJhY2tncm91bmQ6IHZhcigtLXdoaXRlKTtcclxuICAgIGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDZweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHRwYWRkaW5nOiAwIDIycHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTJweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEycHg7XHJcbn1cclxuLml0ZW06OmJlZm9yZSxcclxuLml0ZW06OmFmdGVyIHtcclxuICAgIGNvbnRlbnQ6IFwiXCI7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcbiAgICBtYXJnaW4tdG9wOiAxNnB4O1xyXG59XHJcblxyXG4uaXRlbV9zLFxyXG4uaXRlbV9tLFxyXG4uaXRlbV9sIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtO1xyXG59XHJcbi5pdGVtX3MgeyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA2KSAtIDEycHgpOyB9XHJcbi5pdGVtX20geyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA1KSAtIDEycHgpOyB9XHJcbi5pdGVtX2wgeyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA0KSAtIDEycHgpOyB9XHJcblxyXG4vKiBJdGVtIGNvbnRlbnQgKi9cclxuLml0ZW1fdGl0bGUge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxLjE7XHJcbiAgICBjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxuICAgIG1hcmdpbi1ib3R0b206IDZweDtcclxufVxyXG4uaXRlbV92YWx1ZSB7XHJcbiAgICBmb250LXNpemU6IDI4cHg7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG59XHJcbi5pdGVtX2V2b2x1dGlvbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzMHB4O1xyXG4gICAgcGFkZGluZzogM3B4IDhweDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIG1hcmdpbi10b3A6IDZweDtcclxufVxyXG4uaXRlbV9ldm9sdXRpb25fdXAge1xyXG4gICAgY29tcG9zZXM6IGl0ZW1fZXZvbHV0aW9uO1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itc3VjY2Vzcy1saWdodCk7XHJcbn1cclxuLml0ZW1fdmFsdWUgLml0ZW1fZXZvbHV0aW9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbn1cclxuXHJcbi5pdGVtX2V2b2x1dGlvbl9kb3duIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtX2V2b2x1dGlvbjtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1hbGVydCk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1hbGVydC1saWdodCk7XHJcbn1cclxuXHJcbi8qIFRhYnMgKi9cclxuLnRhYnNfYm9yZGVyIHtcclxuICAgIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAyNnB4O1xyXG59XHJcbi50YWJzIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBnYXA6IDUwcHg7XHJcbn1cclxuLnRhYl9jb21tb24ge1xyXG4gICAgcGFkZGluZy1ib3R0b206IDE4cHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBtaW4td2lkdGg6IDgwcHg7XHJcblxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xyXG59XHJcbi50YWJfY29tbW9uOjphZnRlciB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgYm90dG9tOiAtMXB4O1xyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcclxuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXM7XHJcbn1cclxuLnRhYnMgLml0ZW1fdmFsdWUge1xyXG4gICAgZm9udC1zaXplOiAyNnB4O1xyXG59XHJcbkBtZWRpYSAobWF4LXdpZHRoOiAxNDM5cHgpIHtcclxuICAgIC50YWJzIHtcclxuICAgICAgICBnYXA6IDQwcHg7XHJcbiAgICB9XHJcbiAgICAudGFicyAuaXRlbV90aXRsZSB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgfVxyXG4gICAgLnRhYl9jb21tb24ge1xyXG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAxNHB4O1xyXG4gICAgfVxyXG59XHJcbkBtZWRpYSAobWF4LXdpZHRoOiAxMzY3cHgpIHtcclxuICAgIC50YWJzIHtcclxuICAgICAgICBnYXA6IDM1cHg7XHJcbiAgICB9XHJcbiAgICAudGFicyAuaXRlbV92YWx1ZSB7XHJcbiAgICAgICAgZm9udC1zaXplOiAyNHB4O1xyXG4gICAgfVxyXG59XHJcblxyXG4udGFiIHtcclxuICAgIGNvbXBvc2VzOiB0YWJfY29tbW9uO1xyXG59XHJcbi50YWI6aG92ZXI6OmFmdGVyLFxyXG4udGFiOmZvY3VzOjphZnRlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbn1cclxuXHJcbi50YWJfYWN0aXZlIHtcclxuICAgIGNvbXBvc2VzOiB0YWJfY29tbW9uO1xyXG59XHJcbi50YWJfYWN0aXZlOjphZnRlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10dXJxdW9pc2UpO1xyXG59XHJcbiJdfQ== */";
|
|
2999
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_evolution":"Kpi-module_item_evolution__nsgmE","item_evolution_up":"Kpi-module_item_evolution_up__vHhY2 Kpi-module_item_evolution__nsgmE","item_evolution_down":"Kpi-module_item_evolution_down__5WLp6 Kpi-module_item_evolution__nsgmE","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","itemEvolution":"Kpi-module_item_evolution__nsgmE","itemEvolutionUp":"Kpi-module_item_evolution_up__vHhY2 Kpi-module_item_evolution__nsgmE","itemEvolutionDown":"Kpi-module_item_evolution_down__5WLp6 Kpi-module_item_evolution__nsgmE","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
|
|
|
@@ -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, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b, _c = _a.size, size =
|
|
3021
|
+
var name = _a.name, value = _a.value, 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.size, size = _d === void 0 ? 'm' : _d;
|
|
3022
3022
|
var className = [];
|
|
3023
3023
|
var sizeClass = {
|
|
3024
3024
|
l: styles$6.item_l,
|
|
@@ -3028,21 +3028,28 @@ function KpiItem(_a) {
|
|
|
3028
3028
|
if (size in sizeClass) {
|
|
3029
3029
|
className.push(sizeClass[size]);
|
|
3030
3030
|
}
|
|
3031
|
+
var variationEl = React.createElement(React.Fragment, null);
|
|
3032
|
+
if (typeof variation === 'number') {
|
|
3033
|
+
variationEl = (React.createElement(React.Fragment, null, variation >= 0 ?
|
|
3034
|
+
React.createElement("span", { className: styles$6.item_evolution_up },
|
|
3035
|
+
"+\u00A0",
|
|
3036
|
+
displayPercent(variation, variationNbDecimal))
|
|
3037
|
+
:
|
|
3038
|
+
React.createElement("span", { className: styles$6.item_evolution_down }, displayPercent(variation, variationNbDecimal))));
|
|
3039
|
+
}
|
|
3031
3040
|
return (React.createElement("div", { className: className.join(' ') },
|
|
3032
3041
|
React.createElement("div", { className: styles$6.item_title }, name),
|
|
3033
3042
|
React.createElement("div", { className: styles$6.item_value },
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
React.createElement(
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
:
|
|
3045
|
-
React.createElement("span", { className: styles$6.item_evolution_down }, displayPercent(variation, variationNbDecimal)))));
|
|
3043
|
+
React.createElement("span", null,
|
|
3044
|
+
getFormattedNumber(value),
|
|
3045
|
+
unit &&
|
|
3046
|
+
React.createElement(React.Fragment, null,
|
|
3047
|
+
"\u00A0",
|
|
3048
|
+
unit)),
|
|
3049
|
+
typeof variation === 'number' && variationPosition === 'right' &&
|
|
3050
|
+
React.createElement(React.Fragment, null, variationEl)),
|
|
3051
|
+
typeof variation === 'number' && variationPosition === 'bottom' &&
|
|
3052
|
+
React.createElement("div", null, variationEl)));
|
|
3046
3053
|
}
|
|
3047
3054
|
|
|
3048
3055
|
var css_248z$7 = ".Listbox-module_listbox__lSHQo{margin:0;max-width:min(90vw,700px)}.Listbox-module_listbox__lSHQo li{list-style-image:none;margin:0;padding:0;position:relative}.Listbox-module_listbox_has_border__s3OZ2>li+li{border-top:1px solid #eeeff4}.Listbox-module_listbox__lSHQo .Listbox-module_item__XHJx0{border:none;color:inherit;display:block;font-size:14px;line-height:1.3em;margin:0;overflow:hidden;padding-left:1em;padding-right:2em;-moz-user-select:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-break:normal}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_m__cmYwG{padding-bottom:.5em;padding-top:.5em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_l__gm-GT{padding-bottom:.7em;padding-top:.7em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_xl__NBJPj{padding-bottom:1em;padding-left:1.3em;padding-top:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG{cursor:pointer}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG:hover{background-color:#f7f8fa;text-decoration:none}.Listbox-module_listbox__lSHQo .Listbox-module_item_disabled__GouhS{cursor:default;opacity:.5}.Listbox-module_listbox__lSHQo .Listbox-module_item_selected__yNX-f{background-color:#f7f8fa}.Listbox-module_listbox__lSHQo .Listbox-module_item_right__BlEbH{padding-right:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_icon__9KlaJ{color:var(--grey-3);margin-right:10px}.Listbox-module_listbox__lSHQo .Listbox-module_listbox_sep__qLfEB{border-top:1px solid #e2e4ed;margin:8px 0}.Listbox-module_listbox__lSHQo .Listbox-module_item_flex__-swao{align-items:center;display:flex}.Listbox-module_listbox__lSHQo .Listbox-module_item_left__v6ope{flex:0 0 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_center__8PFRn{flex:1 1 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_capitalize__qrJDq .Listbox-module_item_center__8PFRn{text-transform:capitalize}.Listbox-module_listbox__lSHQo .Listbox-module_item_title__axxys{font-size:15px;font-weight:500}.Listbox-module_listbox__lSHQo .Listbox-module_item_desc__pR2Td{color:#5d637e;display:block;font-size:13px;margin-top:2px}.Listbox-module_listbox__lSHQo .Listbox-module_item_check__tQisH{color:#757b96;margin-left:16px;margin-right:-12px}.Listbox-module_listbox__lSHQo .Listbox-module_item_img__qc5Nw{display:block;margin-top:4px;max-width:400px}.Listbox-module_listbox__lSHQo li+.Listbox-module_hr__lodbh+li{border-top:1px solid #eee;margin-top:.416em;padding-top:.416em}.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li{border:0!important;margin:0!important;padding:0!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3Rib3gubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwrQkFDQyxRQUFTLENBQ1QseUJBQ0QsQ0FDQSxrQ0FJQyxxQkFBc0IsQ0FIdEIsUUFBUyxDQUNULFNBQVUsQ0FDVixpQkFFRCxDQUNBLGdEQUNDLDRCQUNELENBR0EsMkRBRUMsV0FBWSxDQUlaLGFBQWMsQ0FMZCxhQUFjLENBRWQsY0FBZSxDQUNmLGlCQUFrQixDQUNsQixRQUFTLENBRVQsZUFBZ0IsQ0FPYixnQkFBaUIsQ0FDakIsaUJBQWtCLENBTHJCLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FFekIsZ0JBQWlCLENBSmpCLGtCQUFtQixDQURuQixpQkFRRCxDQUNBLGtFQUVDLG1CQUFvQixDQURqQixnQkFFSixDQUNBLGtFQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLG1FQUVDLGtCQUFtQixDQUNuQixrQkFBbUIsQ0FGbkIsZUFHRCxDQUNBLG1FQUNDLGNBQ0QsQ0FDQSx5RUFDQyx3QkFBeUIsQ0FDekIsb0JBQ0QsQ0FDQSxvRUFFQyxjQUFlLENBRGYsVUFFRCxDQUNBLG9FQUNDLHdCQUNELENBRUEsaUVBQ0MsaUJBQ0QsQ0FFQSxnRUFFQyxtQkFBb0IsQ0FEcEIsaUJBRUQsQ0FFQSxrRUFFQyw0QkFBNkIsQ0FEN0IsWUFFRCxDQUVBLGdFQUVDLGtCQUFtQixDQURuQixZQUVELENBQ0EsZ0VBQ0MsYUFDRCxDQUNBLGtFQUNDLGFBQ0QsQ0FFQSx5R0FDQyx5QkFDRCxDQUVBLGlFQUNDLGNBQWUsQ0FDZixlQUNELENBQ0EsZ0VBR0MsYUFBYyxDQUZkLGFBQWMsQ0FDZCxjQUFlLENBRWYsY0FDRCxDQUNBLGlFQUdDLGFBQWMsQ0FEZCxnQkFBaUIsQ0FEakIsa0JBR0QsQ0FDQSwrREFDQyxhQUFjLENBRWQsY0FBZSxDQURmLGVBRUQsQ0FHQSwrREFHQyx5QkFBMEIsQ0FGMUIsaUJBQWtCLENBQ2xCLGtCQUVELENBQ0EscXNEQVlDLGtCQUFvQixDQUZwQixrQkFBb0IsQ0FDcEIsbUJBRUQiLCJmaWxlIjoiTGlzdGJveC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmxpc3Rib3h7XHJcblx0bWFyZ2luOiAwO1xyXG5cdG1heC13aWR0aDogbWluKDkwdncsIDcwMHB4KTtcclxufVxyXG4ubGlzdGJveCBsaXtcclxuXHRtYXJnaW46IDA7XHJcblx0cGFkZGluZzogMDtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0bGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcclxufVxyXG4ubGlzdGJveF9oYXNfYm9yZGVyID4gbGkgKyBsaXtcclxuXHRib3JkZXItdG9wOiBzb2xpZCAxcHggI0VFRUZGNDtcclxufVxyXG5cclxuLyogSVRFTSAqL1xyXG4ubGlzdGJveCAuaXRlbXtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRib3JkZXI6IG5vbmU7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdGxpbmUtaGVpZ2h0OiAxLjNlbTtcclxuXHRtYXJnaW46IDA7XHJcblx0Y29sb3I6IGluaGVyaXQ7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxuXHR3b3JkLWJyZWFrOiBub3JtYWw7XHJcblx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuXHQtbW96LXVzZXItc2VsZWN0OiBub25lO1xyXG5cdC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0LW1zLXVzZXItc2VsZWN0OiBub25lO1xyXG5cdHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgcGFkZGluZy1sZWZ0OiAxZW07XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAyZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2l6ZV9tIHtcclxuICAgIHBhZGRpbmctdG9wOiAuNWVtO1xyXG5cdHBhZGRpbmctYm90dG9tOiAuNWVtO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX3NpemVfbCB7XHJcblx0cGFkZGluZy10b3A6IC43ZW07XHJcblx0cGFkZGluZy1ib3R0b206IC43ZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2l6ZV94bCB7XHJcblx0cGFkZGluZy10b3A6IDFlbTtcclxuXHRwYWRkaW5nLWJvdHRvbTogMWVtO1xyXG5cdHBhZGRpbmctbGVmdDogMS4zZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fZW5hYmxlZHtcclxuXHRjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fZW5hYmxlZDpob3ZlcntcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjRjdGOEZBO1xyXG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9kaXNhYmxlZHtcclxuXHRvcGFjaXR5OiAuNTtcclxuXHRjdXJzb3I6IGRlZmF1bHQ7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2VsZWN0ZWR7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogI0Y3RjhGQTtcclxufVxyXG5cclxuLmxpc3Rib3ggLml0ZW1fcmlnaHR7XHJcblx0cGFkZGluZy1yaWdodDogMWVtO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9pY29ue1xyXG5cdG1hcmdpbi1yaWdodDogMTBweDtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxufVxyXG5cclxuLmxpc3Rib3ggLmxpc3Rib3hfc2Vwe1xyXG5cdG1hcmdpbjogOHB4IDA7XHJcblx0Ym9yZGVyLXRvcDogc29saWQgMXB4ICNFMkU0RUQ7XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX2ZsZXgge1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9sZWZ0IHtcclxuXHRmbGV4OiAwIDAgYXV0bztcclxufVxyXG4ubGlzdGJveCAuaXRlbV9jZW50ZXIge1xyXG5cdGZsZXg6IDEgMSBhdXRvO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9jYXBpdGFsaXplIC5pdGVtX2NlbnRlciB7XHJcblx0dGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX3RpdGxle1xyXG5cdGZvbnQtc2l6ZTogMTVweDtcclxuXHRmb250LXdlaWdodDogNTAwO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2Rlc2N7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0Zm9udC1zaXplOiAxM3B4O1xyXG5cdGNvbG9yOiAjNWQ2MzdlO1xyXG5cdG1hcmdpbi10b3A6IDJweDtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9jaGVja3tcclxuXHRtYXJnaW4tcmlnaHQ6IC0xMnB4O1xyXG5cdG1hcmdpbi1sZWZ0OiAxNnB4O1xyXG5cdGNvbG9yOiAjNzU3Yjk2O1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2ltZyB7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0bWF4LXdpZHRoOiA0MDBweDtcclxuXHRtYXJnaW4tdG9wOiA0cHg7XHJcbn1cclxuXHJcbi8qIFNtYXJ0IEhSICovXHJcbi5saXN0Ym94IGxpKy5ocitsaXtcclxuXHRtYXJnaW4tdG9wOiAuNDE2ZW07XHJcblx0cGFkZGluZy10b3A6IC40MTZlbTtcclxuXHRib3JkZXItdG9wOiBzb2xpZCAxcHggI2VlZTtcclxufVxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocntcclxuXHRtYXJnaW46IDAgIWltcG9ydGFudDtcclxuXHRwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcblx0Ym9yZGVyOiAwICFpbXBvcnRhbnQ7XHJcbn1cclxuIl19 */";
|