ui-beyable 1.1.0-beta.17 → 1.1.0-beta.18

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,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { IEmptyState } from './types';
3
- declare function EmptyState({ title, text, primaryAction, secondaryAction, imageUrl, imageWidth, icon, footer, card, cardTextSize, cardWidth, verticalSize, verticalAlign, textSize, titleIsBold, hasSpinner, hasBorder, width, }: IEmptyState): JSX.Element;
3
+ declare function EmptyState({ title, text, primaryAction, secondaryAction, imageUrl, imageWidth, icon, customIcon, lucideIcon, footer, card, cardTextSize, cardWidth, verticalSize, verticalAlign, textSize, titleIsBold, hasSpinner, hasBorder, width, }: IEmptyState): JSX.Element;
4
4
  export { EmptyState };
@@ -7,6 +7,8 @@ interface IEmptyState {
7
7
  imageUrl?: string;
8
8
  imageWidth?: number;
9
9
  icon?: string;
10
+ customIcon?: React.ReactElement;
11
+ lucideIcon?: React.ReactElement;
10
12
  footer?: React.ReactNode | string;
11
13
  card?: React.ReactNode | string;
12
14
  cardTextSize?: 'm' | 'l';
@@ -1,6 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { ISpinner } from './types';
3
- declare function Spinner({ wheelSize, // xxs, xs, s, m, l
4
- display, // block | inline | overlay
5
- verticalSize, }: ISpinner): JSX.Element;
3
+ declare function Spinner({ size, wheelSize, display, verticalSize, className }: ISpinner): JSX.Element;
6
4
  export { Spinner };
@@ -1,6 +1,8 @@
1
1
  interface ISpinner {
2
- wheelSize?: string;
3
- display?: string;
4
- verticalSize?: string;
2
+ size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
3
+ wheelSize?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
4
+ display?: 'block' | 'inline' | 'overlay';
5
+ verticalSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
6
+ className?: string;
5
7
  }
6
8
  export { ISpinner };
package/lib/cjs/index.js CHANGED
@@ -3332,11 +3332,7 @@ var styles$b = {"wheel":"spinner-module_wheel__ZdSTY","wheel_rotation":"spinner-
3332
3332
  styleInject(css_248z$d);
3333
3333
 
3334
3334
  function Spinner(_a) {
3335
- var _b = _a.wheelSize, wheelSize = _b === void 0 ? 'l' : _b, // xxs, xs, s, m, l
3336
- _c = _a.display, // xxs, xs, s, m, l
3337
- display = _c === void 0 ? 'overlay' : _c, // block | inline | overlay
3338
- _d = _a.verticalSize, // block | inline | overlay
3339
- verticalSize = _d === void 0 ? 'l' : _d;
3335
+ var _b = _a.size, size = _b === void 0 ? 'l' : _b, wheelSize = _a.wheelSize, _c = _a.display, display = _c === void 0 ? 'overlay' : _c, _d = _a.verticalSize, verticalSize = _d === void 0 ? 'l' : _d, className = _a.className;
3340
3336
  var cssClass = [styles$b.wheel];
3341
3337
  var sizeClass = {
3342
3338
  xxs: styles$b.size_xxs,
@@ -3354,8 +3350,11 @@ function Spinner(_a) {
3354
3350
  xl: styles$b.vertical_size_xl,
3355
3351
  };
3356
3352
  // wheelSize
3357
- if (wheelSize && wheelSize in sizeClass) {
3358
- cssClass.push(sizeClass[wheelSize]);
3353
+ if (wheelSize) {
3354
+ size = wheelSize;
3355
+ }
3356
+ if (size && size in sizeClass) {
3357
+ cssClass.push(sizeClass[size]);
3359
3358
  }
3360
3359
  // Display
3361
3360
  if (display == 'block') {
@@ -3365,6 +3364,9 @@ function Spinner(_a) {
3365
3364
  cssClass.push(verticalSizeClass[verticalSize]);
3366
3365
  }
3367
3366
  }
3367
+ if (className) {
3368
+ cssClass.push(className);
3369
+ }
3368
3370
  var wheel = (React.createElement("div", { className: cssClass.join(' ') }));
3369
3371
  if (display == 'overlay') {
3370
3372
  return (React.createElement(Mask, null, wheel));
@@ -3381,12 +3383,12 @@ function Text(_a) {
3381
3383
  return React.createElement("div", { className: styles$a.text }, children);
3382
3384
  }
3383
3385
 
3384
- var css_248z$b = ".EmptyState-module_wrapper__gzyTd{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;text-align:center}.EmptyState-module_wrapper_has_border__c29uW{border:1px solid var(--main-border-color);border-radius:10px}.EmptyState-module_wrapper_width_full__ny5bO{max-width:none}.EmptyState-module_wrapper_width_xl__blqti{max-width:560px}.EmptyState-module_wrapper_width_l__PpZAw{max-width:500px}.EmptyState-module_wrapper_width_m__vgfj0{max-width:400px}.EmptyState-module_wrapper_width_s__Qnik9{max-width:300px}.EmptyState-module_wrapper_size_xs__s1aJt{padding-bottom:16px;padding-top:16px}.EmptyState-module_wrapper_size_s__1ZQqu{padding-bottom:30px;padding-top:30px}.EmptyState-module_wrapper_size_m__PAtIh{padding-bottom:60px;padding-top:60px}.EmptyState-module_wrapper_size_l__mRT5J{padding-bottom:90px;padding-top:90px}.EmptyState-module_wrapper_size_xl__cB1wi{padding-bottom:120px;padding-top:120px}.EmptyState-module_wrapper_absolute__yzrj2{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.EmptyState-module_img__2P3aq{display:inline;margin-bottom:24px;max-width:400px}.EmptyState-module_icon__qVCyh{color:#e2e4ed;font-size:56px;margin-bottom:14px}.EmptyState-module_icon__qVCyh i{width:auto}.EmptyState-module_title__xPfUf{font-size:18px}.EmptyState-module_title_medium__Lwc7q{font-weight:500}.EmptyState-module_text__44HPP{text-wrap-style:balance;color:var(--grey-3);font-size:14px;margin-top:4px}.EmptyState-module_btn__1LHxL{margin-top:16px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_title__xPfUf{font-size:26px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_text__44HPP{font-size:18px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_icon__qVCyh{font-size:72px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_btn__1LHxL{margin-top:26px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_img__2P3aq{margin-bottom:32px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_title__xPfUf{font-size:22px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_text__44HPP{font-size:16px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_icon__qVCyh{font-size:64px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_btn__1LHxL{margin-top:22px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_img__2P3aq{margin-bottom:28px}.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_title__xPfUf{font-size:15px}.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_text__44HPP{font-size:13px}.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_icon__qVCyh{font-size:42px;margin-bottom:6px}.EmptyState-module_footer__-tVVm,.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_btn__1LHxL{margin-top:16px}.EmptyState-module_card__sUHqa{background-color:var(--white);border:1px solid var(--main-border-color);border-radius:6px;color:var(--grey-0);line-height:1.5;margin-left:auto;margin-right:auto;margin-top:28px;max-width:580px;padding:0 20px;text-align:left}.EmptyState-module_card_width_s__yglEF{max-width:480px}.EmptyState-module_card_width_m__isS2P{max-width:580px}.EmptyState-module_card_text_size_m__DKN-j{font-size:14px}.EmptyState-module_card_text_size_l__QrP65{font-size:15px}.EmptyState-module_card__sUHqa:after,.EmptyState-module_card__sUHqa:before{content:\"\";display:block;margin-top:20px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtcHR5U3RhdGUubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FJQyxnQkFBaUIsQ0FDakIsaUJBQWtCLENBSGxCLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsaUJBS0QsQ0FDQSw2Q0FDQyx5Q0FBMEMsQ0FDMUMsa0JBQ0QsQ0FHQSw2Q0FBc0IsY0FBaUIsQ0FDdkMsMkNBQW9CLGVBQWtCLENBQ3RDLDBDQUFtQixlQUFrQixDQUNyQywwQ0FBbUIsZUFBa0IsQ0FDckMsMENBQW1CLGVBQWtCLENBR3JDLDBDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLHlDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLHlDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLHlDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLDBDQUVDLG9CQUFxQixDQURyQixpQkFFRCxDQUdBLDJDQVFDLGtCQUFtQixDQUxuQixRQUFTLENBR1QsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixzQkFBdUIsQ0FMdkIsTUFBTyxDQUhQLGlCQUFrQixDQUlsQixPQUFRLENBSFIsS0FRRCxDQUdBLDhCQUdDLGNBQWUsQ0FGZixrQkFBbUIsQ0FDbkIsZUFFRCxDQUNBLCtCQUVDLGFBQWMsQ0FEZCxjQUFlLENBRWYsa0JBQ0QsQ0FDQSxpQ0FDQyxVQUNELENBR0EsZ0NBQ0MsY0FDRCxDQUNBLHVDQUNDLGVBQ0QsQ0FDQSwrQkFJQyx1QkFBd0IsQ0FEeEIsbUJBQW9CLENBRHBCLGNBQWUsQ0FEZixjQUlELENBR0EsOEJBQ0MsZUFDRCxDQUdBLCtFQUNDLGNBQ0QsQ0FDQSw4RUFDQyxjQUNELENBQ0EsOEVBQ0MsY0FDRCxDQUNBLDZFQUNDLGVBQ0QsQ0FDQSw2RUFDQyxrQkFDRCxDQUdBLDhFQUNDLGNBQ0QsQ0FDQSw2RUFDQyxjQUNELENBQ0EsNkVBQ0MsY0FDRCxDQUNBLDRFQUNDLGVBQ0QsQ0FDQSw0RUFDQyxrQkFDRCxDQUdBLDhFQUNDLGNBQ0QsQ0FDQSw2RUFDQyxjQUNELENBQ0EsNkVBQ0MsY0FBZSxDQUNmLGlCQUNELENBTUEsNkdBQ0MsZUFDRCxDQUdBLCtCQUVDLDZCQUE4QixDQUQ5Qix5Q0FBMEMsQ0FJMUMsaUJBQWtCLENBRmxCLG1CQUFvQixDQUdwQixlQUFnQixDQUdoQixnQkFBaUIsQ0FDakIsaUJBQWtCLENBQ2xCLGVBQWdCLENBSGhCLGVBQWdCLENBSmhCLGNBQWUsQ0FHZixlQUtELENBQ0EsdUNBQWdCLGVBQWtCLENBQ2xDLHVDQUFnQixlQUFrQixDQUNsQywyQ0FBb0IsY0FBZ0IsQ0FDcEMsMkNBQW9CLGNBQWdCLENBQ3BDLDJFQUVDLFVBQVcsQ0FDWCxhQUFjLENBQ2QsZUFDRCIsImZpbGUiOiJFbXB0eVN0YXRlLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlcntcclxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XHJcblx0cGFkZGluZy1sZWZ0OiAxNnB4O1xyXG5cdHBhZGRpbmctcmlnaHQ6IDE2cHg7XHJcblx0bWFyZ2luLWxlZnQ6IGF1dG87XHJcblx0bWFyZ2luLXJpZ2h0OiBhdXRvO1xyXG59XHJcbi53cmFwcGVyX2hhc19ib3JkZXIge1xyXG5cdGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xyXG59XHJcblxyXG4vKiBXaWR0aCAqL1xyXG4ud3JhcHBlcl93aWR0aF9mdWxsIHsgbWF4LXdpZHRoOiBub25lOyB9XHJcbi53cmFwcGVyX3dpZHRoX3hsIHsgbWF4LXdpZHRoOiA1NjBweDsgfVxyXG4ud3JhcHBlcl93aWR0aF9sIHsgbWF4LXdpZHRoOiA1MDBweDsgfVxyXG4ud3JhcHBlcl93aWR0aF9tIHsgbWF4LXdpZHRoOiA0MDBweDsgfVxyXG4ud3JhcHBlcl93aWR0aF9zIHsgbWF4LXdpZHRoOiAzMDBweDsgfVxyXG5cclxuLyogVmVydGljYWwgc2l6ZSAqL1xyXG4ud3JhcHBlcl9zaXplX3hze1xyXG5cdHBhZGRpbmctdG9wOiAxNnB4O1xyXG5cdHBhZGRpbmctYm90dG9tOiAxNnB4O1xyXG59XHJcbi53cmFwcGVyX3NpemVfc3tcclxuXHRwYWRkaW5nLXRvcDogMzBweDtcclxuXHRwYWRkaW5nLWJvdHRvbTogMzBweDtcclxufVxyXG4ud3JhcHBlcl9zaXplX217XHJcblx0cGFkZGluZy10b3A6IDYwcHg7XHJcblx0cGFkZGluZy1ib3R0b206IDYwcHg7XHJcbn1cclxuLndyYXBwZXJfc2l6ZV9se1xyXG5cdHBhZGRpbmctdG9wOiA5MHB4O1xyXG5cdHBhZGRpbmctYm90dG9tOiA5MHB4O1xyXG59XHJcbi53cmFwcGVyX3NpemVfeGx7XHJcblx0cGFkZGluZy10b3A6IDEyMHB4O1xyXG5cdHBhZGRpbmctYm90dG9tOiAxMjBweDtcclxufVxyXG5cclxuLyogTGF5b3V0ICovXHJcbi53cmFwcGVyX2Fic29sdXRle1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR0b3A6IDA7XHJcblx0Ym90dG9tOiAwO1xyXG5cdGxlZnQ6IDA7XHJcblx0cmlnaHQ6IDA7XHJcblx0ZGlzcGxheTogZmxleDtcclxuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbn1cclxuXHJcbi8qIENvbnRlbnQgKi9cclxuLmltZ3tcclxuXHRtYXJnaW4tYm90dG9tOiAyNHB4O1xyXG5cdG1heC13aWR0aDogNDAwcHg7XHJcblx0ZGlzcGxheTogaW5saW5lO1xyXG59XHJcbi5pY29ue1xyXG5cdGZvbnQtc2l6ZTogNTZweDtcclxuXHRjb2xvcjogI0UyRTRFRDtcclxuXHRtYXJnaW4tYm90dG9tOiAxNHB4O1xyXG59XHJcbi5pY29uIGl7XHJcblx0d2lkdGg6IGF1dG87XHJcbn1cclxuXHJcbi8qIFRpdGxlICYgdGV4dCAqL1xyXG4udGl0bGV7XHJcblx0Zm9udC1zaXplOiAxOHB4O1xyXG59XHJcbi50aXRsZV9tZWRpdW0ge1xyXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuLnRleHR7XHJcblx0bWFyZ2luLXRvcDogNHB4O1xyXG5cdGZvbnQtc2l6ZTogMTRweDtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxuXHR0ZXh0LXdyYXAtc3R5bGU6IGJhbGFuY2U7XHJcbn1cclxuXHJcbi8qIEJ0biAqL1xyXG4uYnRue1xyXG5cdG1hcmdpbi10b3A6IDE2cHg7XHJcbn1cclxuXHJcbi8qIFRleHQgc2l6ZSBYTCAqL1xyXG4ud3JhcHBlcl90ZXh0X3NpemVfeGwgLnRpdGxle1xyXG5cdGZvbnQtc2l6ZTogMjZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfeGwgLnRleHR7XHJcblx0Zm9udC1zaXplOiAxOHB4O1xyXG59XHJcbi53cmFwcGVyX3RleHRfc2l6ZV94bCAuaWNvbntcclxuXHRmb250LXNpemU6IDcycHg7XHJcbn1cclxuLndyYXBwZXJfdGV4dF9zaXplX3hsIC5idG57XHJcblx0bWFyZ2luLXRvcDogMjZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfeGwgLmltZ3tcclxuXHRtYXJnaW4tYm90dG9tOiAzMnB4O1xyXG59XHJcblxyXG4vKiBUZXh0IHNpemUgTCAqL1xyXG4ud3JhcHBlcl90ZXh0X3NpemVfbCAudGl0bGV7XHJcblx0Zm9udC1zaXplOiAyMnB4O1xyXG59XHJcbi53cmFwcGVyX3RleHRfc2l6ZV9sIC50ZXh0e1xyXG5cdGZvbnQtc2l6ZTogMTZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfbCAuaWNvbntcclxuXHRmb250LXNpemU6IDY0cHg7XHJcbn1cclxuLndyYXBwZXJfdGV4dF9zaXplX2wgLmJ0bntcclxuXHRtYXJnaW4tdG9wOiAyMnB4O1xyXG59XHJcbi53cmFwcGVyX3RleHRfc2l6ZV9sIC5pbWd7XHJcblx0bWFyZ2luLWJvdHRvbTogMjhweDtcclxufVxyXG5cclxuLyogVGV4dCBzaXplIFMgKi9cclxuLndyYXBwZXJfdGV4dF9zaXplX3MgLnRpdGxle1xyXG5cdGZvbnQtc2l6ZTogMTVweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfcyAudGV4dHtcclxuXHRmb250LXNpemU6IDEzcHg7XHJcbn1cclxuLndyYXBwZXJfdGV4dF9zaXplX3MgLmljb257XHJcblx0Zm9udC1zaXplOiA0MnB4O1xyXG5cdG1hcmdpbi1ib3R0b206IDZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfcyAuYnRue1xyXG5cdG1hcmdpbi10b3A6IDE2cHg7XHJcbn1cclxuXHJcbi8qIEZvb3RlciAqL1xyXG4uZm9vdGVyIHtcclxuXHRtYXJnaW4tdG9wOiAxNnB4O1xyXG59XHJcblxyXG4vKiBDYXJkICovXHJcbi5jYXJkIHtcclxuXHRib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2hpdGUpO1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTApO1xyXG5cdHBhZGRpbmc6IDAgMjBweDtcclxuXHRib3JkZXItcmFkaXVzOiA2cHg7XHJcblx0bGluZS1oZWlnaHQ6IDEuNTtcclxuXHR0ZXh0LWFsaWduOiBsZWZ0O1xyXG5cdG1heC13aWR0aDogNTgwcHg7XHJcblx0bWFyZ2luLWxlZnQ6IGF1dG87XHJcblx0bWFyZ2luLXJpZ2h0OiBhdXRvO1xyXG5cdG1hcmdpbi10b3A6IDI4cHg7XHJcbn1cclxuLmNhcmRfd2lkdGhfcyB7IG1heC13aWR0aDogNDgwcHg7IH1cclxuLmNhcmRfd2lkdGhfbSB7IG1heC13aWR0aDogNTgwcHg7IH1cclxuLmNhcmRfdGV4dF9zaXplX20geyBmb250LXNpemU6IDE0cHg7fVxyXG4uY2FyZF90ZXh0X3NpemVfbCB7IGZvbnQtc2l6ZTogMTVweDt9XHJcbi5jYXJkOjpiZWZvcmUsXHJcbi5jYXJkOjphZnRlciB7XHJcblx0Y29udGVudDogXCJcIjtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRtYXJnaW4tdG9wOiAyMHB4O1xyXG59XHJcblxyXG4iXX0= */";
3386
+ var css_248z$b = ".EmptyState-module_wrapper__gzyTd{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;text-align:center}.EmptyState-module_wrapper_has_border__c29uW{border:1px solid var(--main-border-color);border-radius:10px}.EmptyState-module_wrapper_width_full__ny5bO{max-width:none}.EmptyState-module_wrapper_width_xl__blqti{max-width:560px}.EmptyState-module_wrapper_width_l__PpZAw{max-width:500px}.EmptyState-module_wrapper_width_m__vgfj0{max-width:400px}.EmptyState-module_wrapper_width_s__Qnik9{max-width:300px}.EmptyState-module_wrapper_size_xs__s1aJt{padding-bottom:16px;padding-top:16px}.EmptyState-module_wrapper_size_s__1ZQqu{padding-bottom:30px;padding-top:30px}.EmptyState-module_wrapper_size_m__PAtIh{padding-bottom:60px;padding-top:60px}.EmptyState-module_wrapper_size_l__mRT5J{padding-bottom:90px;padding-top:90px}.EmptyState-module_wrapper_size_xl__cB1wi{padding-bottom:120px;padding-top:120px}.EmptyState-module_wrapper_absolute__yzrj2{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.EmptyState-module_img__2P3aq{margin-bottom:24px;max-width:400px}.EmptyState-module_icon__qVCyh{color:#e2e4ed;font-size:56px;margin-bottom:14px}.EmptyState-module_icon__qVCyh i{width:auto}.EmptyState-module_icon__qVCyh svg{height:1em;width:1em}.EmptyState-module_title__xPfUf{font-size:18px}.EmptyState-module_title_medium__Lwc7q{font-weight:500}.EmptyState-module_text__44HPP{text-wrap-style:balance;color:var(--grey-3);font-size:14px;margin-top:4px}.EmptyState-module_btn__1LHxL{margin-top:16px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_title__xPfUf{font-size:26px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_text__44HPP{font-size:18px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_icon__qVCyh{font-size:72px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_btn__1LHxL{margin-top:26px}.EmptyState-module_wrapper_text_size_xl__wh5pa .EmptyState-module_img__2P3aq{margin-bottom:32px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_title__xPfUf{font-size:22px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_text__44HPP{font-size:16px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_icon__qVCyh{font-size:64px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_btn__1LHxL{margin-top:22px}.EmptyState-module_wrapper_text_size_l__f9FJ0 .EmptyState-module_img__2P3aq{margin-bottom:28px}.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_title__xPfUf{font-size:15px}.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_text__44HPP{font-size:13px}.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_icon__qVCyh{font-size:42px;margin-bottom:6px}.EmptyState-module_footer__-tVVm,.EmptyState-module_wrapper_text_size_s__Rxjxq .EmptyState-module_btn__1LHxL{margin-top:16px}.EmptyState-module_card__sUHqa{background-color:var(--white);border:1px solid var(--main-border-color);border-radius:6px;color:var(--grey-0);line-height:1.5;margin-left:auto;margin-right:auto;margin-top:28px;max-width:580px;padding:0 20px;text-align:left}.EmptyState-module_card_width_s__yglEF{max-width:480px}.EmptyState-module_card_width_m__isS2P{max-width:580px}.EmptyState-module_card_text_size_m__DKN-j{font-size:14px}.EmptyState-module_card_text_size_l__QrP65{font-size:15px}.EmptyState-module_card__sUHqa:after,.EmptyState-module_card__sUHqa:before{content:\"\";display:block;margin-top:20px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtcHR5U3RhdGUubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FJQyxnQkFBaUIsQ0FDakIsaUJBQWtCLENBSGxCLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsaUJBS0QsQ0FDQSw2Q0FDQyx5Q0FBMEMsQ0FDMUMsa0JBQ0QsQ0FHQSw2Q0FBc0IsY0FBaUIsQ0FDdkMsMkNBQW9CLGVBQWtCLENBQ3RDLDBDQUFtQixlQUFrQixDQUNyQywwQ0FBbUIsZUFBa0IsQ0FDckMsMENBQW1CLGVBQWtCLENBR3JDLDBDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLHlDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLHlDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLHlDQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLDBDQUVDLG9CQUFxQixDQURyQixpQkFFRCxDQUdBLDJDQVFDLGtCQUFtQixDQUxuQixRQUFTLENBR1QsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixzQkFBdUIsQ0FMdkIsTUFBTyxDQUhQLGlCQUFrQixDQUlsQixPQUFRLENBSFIsS0FRRCxDQUdBLDhCQUNDLGtCQUFtQixDQUNuQixlQUNELENBQ0EsK0JBRUMsYUFBYyxDQURkLGNBQWUsQ0FFZixrQkFDRCxDQUNBLGlDQUNDLFVBQ0QsQ0FDQSxtQ0FFSSxVQUFXLENBRGQsU0FFRCxDQUdBLGdDQUNDLGNBQ0QsQ0FDQSx1Q0FDQyxlQUNELENBQ0EsK0JBSUMsdUJBQXdCLENBRHhCLG1CQUFvQixDQURwQixjQUFlLENBRGYsY0FJRCxDQUdBLDhCQUNDLGVBQ0QsQ0FHQSwrRUFDQyxjQUNELENBQ0EsOEVBQ0MsY0FDRCxDQUNBLDhFQUNDLGNBQ0QsQ0FDQSw2RUFDQyxlQUNELENBQ0EsNkVBQ0Msa0JBQ0QsQ0FHQSw4RUFDQyxjQUNELENBQ0EsNkVBQ0MsY0FDRCxDQUNBLDZFQUNDLGNBQ0QsQ0FDQSw0RUFDQyxlQUNELENBQ0EsNEVBQ0Msa0JBQ0QsQ0FHQSw4RUFDQyxjQUNELENBQ0EsNkVBQ0MsY0FDRCxDQUNBLDZFQUNDLGNBQWUsQ0FDZixpQkFDRCxDQU1BLDZHQUNDLGVBQ0QsQ0FHQSwrQkFFQyw2QkFBOEIsQ0FEOUIseUNBQTBDLENBSTFDLGlCQUFrQixDQUZsQixtQkFBb0IsQ0FHcEIsZUFBZ0IsQ0FHaEIsZ0JBQWlCLENBQ2pCLGlCQUFrQixDQUNsQixlQUFnQixDQUhoQixlQUFnQixDQUpoQixjQUFlLENBR2YsZUFLRCxDQUNBLHVDQUFnQixlQUFrQixDQUNsQyx1Q0FBZ0IsZUFBa0IsQ0FDbEMsMkNBQW9CLGNBQWdCLENBQ3BDLDJDQUFvQixjQUFnQixDQUNwQywyRUFFQyxVQUFXLENBQ1gsYUFBYyxDQUNkLGVBQ0QiLCJmaWxlIjoiRW1wdHlTdGF0ZS5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndyYXBwZXJ7XHJcblx0dGV4dC1hbGlnbjogY2VudGVyO1xyXG5cdHBhZGRpbmctbGVmdDogMTZweDtcclxuXHRwYWRkaW5nLXJpZ2h0OiAxNnB4O1xyXG5cdG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG5cdG1hcmdpbi1yaWdodDogYXV0bztcclxufVxyXG4ud3JhcHBlcl9oYXNfYm9yZGVyIHtcclxuXHRib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcblx0Ym9yZGVyLXJhZGl1czogMTBweDtcclxufVxyXG5cclxuLyogV2lkdGggKi9cclxuLndyYXBwZXJfd2lkdGhfZnVsbCB7IG1heC13aWR0aDogbm9uZTsgfVxyXG4ud3JhcHBlcl93aWR0aF94bCB7IG1heC13aWR0aDogNTYwcHg7IH1cclxuLndyYXBwZXJfd2lkdGhfbCB7IG1heC13aWR0aDogNTAwcHg7IH1cclxuLndyYXBwZXJfd2lkdGhfbSB7IG1heC13aWR0aDogNDAwcHg7IH1cclxuLndyYXBwZXJfd2lkdGhfcyB7IG1heC13aWR0aDogMzAwcHg7IH1cclxuXHJcbi8qIFZlcnRpY2FsIHNpemUgKi9cclxuLndyYXBwZXJfc2l6ZV94c3tcclxuXHRwYWRkaW5nLXRvcDogMTZweDtcclxuXHRwYWRkaW5nLWJvdHRvbTogMTZweDtcclxufVxyXG4ud3JhcHBlcl9zaXplX3N7XHJcblx0cGFkZGluZy10b3A6IDMwcHg7XHJcblx0cGFkZGluZy1ib3R0b206IDMwcHg7XHJcbn1cclxuLndyYXBwZXJfc2l6ZV9te1xyXG5cdHBhZGRpbmctdG9wOiA2MHB4O1xyXG5cdHBhZGRpbmctYm90dG9tOiA2MHB4O1xyXG59XHJcbi53cmFwcGVyX3NpemVfbHtcclxuXHRwYWRkaW5nLXRvcDogOTBweDtcclxuXHRwYWRkaW5nLWJvdHRvbTogOTBweDtcclxufVxyXG4ud3JhcHBlcl9zaXplX3hse1xyXG5cdHBhZGRpbmctdG9wOiAxMjBweDtcclxuXHRwYWRkaW5nLWJvdHRvbTogMTIwcHg7XHJcbn1cclxuXHJcbi8qIExheW91dCAqL1xyXG4ud3JhcHBlcl9hYnNvbHV0ZXtcclxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0dG9wOiAwO1xyXG5cdGJvdHRvbTogMDtcclxuXHRsZWZ0OiAwO1xyXG5cdHJpZ2h0OiAwO1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG59XHJcblxyXG4vKiBDb250ZW50ICovXHJcbi5pbWd7XHJcblx0bWFyZ2luLWJvdHRvbTogMjRweDtcclxuXHRtYXgtd2lkdGg6IDQwMHB4O1xyXG59XHJcbi5pY29ue1xyXG5cdGZvbnQtc2l6ZTogNTZweDtcclxuXHRjb2xvcjogI0UyRTRFRDtcclxuXHRtYXJnaW4tYm90dG9tOiAxNHB4O1xyXG59XHJcbi5pY29uIGl7XHJcblx0d2lkdGg6IGF1dG87XHJcbn1cclxuLmljb24gc3ZnIHtcclxuXHR3aWR0aDogMWVtO1xyXG4gICAgaGVpZ2h0OiAxZW07XHJcbn1cclxuXHJcbi8qIFRpdGxlICYgdGV4dCAqL1xyXG4udGl0bGV7XHJcblx0Zm9udC1zaXplOiAxOHB4O1xyXG59XHJcbi50aXRsZV9tZWRpdW0ge1xyXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuLnRleHR7XHJcblx0bWFyZ2luLXRvcDogNHB4O1xyXG5cdGZvbnQtc2l6ZTogMTRweDtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxuXHR0ZXh0LXdyYXAtc3R5bGU6IGJhbGFuY2U7XHJcbn1cclxuXHJcbi8qIEJ0biAqL1xyXG4uYnRue1xyXG5cdG1hcmdpbi10b3A6IDE2cHg7XHJcbn1cclxuXHJcbi8qIFRleHQgc2l6ZSBYTCAqL1xyXG4ud3JhcHBlcl90ZXh0X3NpemVfeGwgLnRpdGxle1xyXG5cdGZvbnQtc2l6ZTogMjZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfeGwgLnRleHR7XHJcblx0Zm9udC1zaXplOiAxOHB4O1xyXG59XHJcbi53cmFwcGVyX3RleHRfc2l6ZV94bCAuaWNvbntcclxuXHRmb250LXNpemU6IDcycHg7XHJcbn1cclxuLndyYXBwZXJfdGV4dF9zaXplX3hsIC5idG57XHJcblx0bWFyZ2luLXRvcDogMjZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfeGwgLmltZ3tcclxuXHRtYXJnaW4tYm90dG9tOiAzMnB4O1xyXG59XHJcblxyXG4vKiBUZXh0IHNpemUgTCAqL1xyXG4ud3JhcHBlcl90ZXh0X3NpemVfbCAudGl0bGV7XHJcblx0Zm9udC1zaXplOiAyMnB4O1xyXG59XHJcbi53cmFwcGVyX3RleHRfc2l6ZV9sIC50ZXh0e1xyXG5cdGZvbnQtc2l6ZTogMTZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfbCAuaWNvbntcclxuXHRmb250LXNpemU6IDY0cHg7XHJcbn1cclxuLndyYXBwZXJfdGV4dF9zaXplX2wgLmJ0bntcclxuXHRtYXJnaW4tdG9wOiAyMnB4O1xyXG59XHJcbi53cmFwcGVyX3RleHRfc2l6ZV9sIC5pbWd7XHJcblx0bWFyZ2luLWJvdHRvbTogMjhweDtcclxufVxyXG5cclxuLyogVGV4dCBzaXplIFMgKi9cclxuLndyYXBwZXJfdGV4dF9zaXplX3MgLnRpdGxle1xyXG5cdGZvbnQtc2l6ZTogMTVweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfcyAudGV4dHtcclxuXHRmb250LXNpemU6IDEzcHg7XHJcbn1cclxuLndyYXBwZXJfdGV4dF9zaXplX3MgLmljb257XHJcblx0Zm9udC1zaXplOiA0MnB4O1xyXG5cdG1hcmdpbi1ib3R0b206IDZweDtcclxufVxyXG4ud3JhcHBlcl90ZXh0X3NpemVfcyAuYnRue1xyXG5cdG1hcmdpbi10b3A6IDE2cHg7XHJcbn1cclxuXHJcbi8qIEZvb3RlciAqL1xyXG4uZm9vdGVyIHtcclxuXHRtYXJnaW4tdG9wOiAxNnB4O1xyXG59XHJcblxyXG4vKiBDYXJkICovXHJcbi5jYXJkIHtcclxuXHRib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2hpdGUpO1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5LTApO1xyXG5cdHBhZGRpbmc6IDAgMjBweDtcclxuXHRib3JkZXItcmFkaXVzOiA2cHg7XHJcblx0bGluZS1oZWlnaHQ6IDEuNTtcclxuXHR0ZXh0LWFsaWduOiBsZWZ0O1xyXG5cdG1heC13aWR0aDogNTgwcHg7XHJcblx0bWFyZ2luLWxlZnQ6IGF1dG87XHJcblx0bWFyZ2luLXJpZ2h0OiBhdXRvO1xyXG5cdG1hcmdpbi10b3A6IDI4cHg7XHJcbn1cclxuLmNhcmRfd2lkdGhfcyB7IG1heC13aWR0aDogNDgwcHg7IH1cclxuLmNhcmRfd2lkdGhfbSB7IG1heC13aWR0aDogNTgwcHg7IH1cclxuLmNhcmRfdGV4dF9zaXplX20geyBmb250LXNpemU6IDE0cHg7fVxyXG4uY2FyZF90ZXh0X3NpemVfbCB7IGZvbnQtc2l6ZTogMTVweDt9XHJcbi5jYXJkOjpiZWZvcmUsXHJcbi5jYXJkOjphZnRlciB7XHJcblx0Y29udGVudDogXCJcIjtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRtYXJnaW4tdG9wOiAyMHB4O1xyXG59XHJcblxyXG4iXX0= */";
3385
3387
  var styles$9 = {"wrapper":"EmptyState-module_wrapper__gzyTd","wrapper_has_border":"EmptyState-module_wrapper_has_border__c29uW","wrapper_width_full":"EmptyState-module_wrapper_width_full__ny5bO","wrapper_width_xl":"EmptyState-module_wrapper_width_xl__blqti","wrapper_width_l":"EmptyState-module_wrapper_width_l__PpZAw","wrapper_width_m":"EmptyState-module_wrapper_width_m__vgfj0","wrapper_width_s":"EmptyState-module_wrapper_width_s__Qnik9","wrapper_size_xs":"EmptyState-module_wrapper_size_xs__s1aJt","wrapper_size_s":"EmptyState-module_wrapper_size_s__1ZQqu","wrapper_size_m":"EmptyState-module_wrapper_size_m__PAtIh","wrapper_size_l":"EmptyState-module_wrapper_size_l__mRT5J","wrapper_size_xl":"EmptyState-module_wrapper_size_xl__cB1wi","wrapper_absolute":"EmptyState-module_wrapper_absolute__yzrj2","img":"EmptyState-module_img__2P3aq","icon":"EmptyState-module_icon__qVCyh","title":"EmptyState-module_title__xPfUf","title_medium":"EmptyState-module_title_medium__Lwc7q","text":"EmptyState-module_text__44HPP","btn":"EmptyState-module_btn__1LHxL","wrapper_text_size_xl":"EmptyState-module_wrapper_text_size_xl__wh5pa","wrapper_text_size_l":"EmptyState-module_wrapper_text_size_l__f9FJ0","wrapper_text_size_s":"EmptyState-module_wrapper_text_size_s__Rxjxq","footer":"EmptyState-module_footer__-tVVm","card":"EmptyState-module_card__sUHqa","card_width_s":"EmptyState-module_card_width_s__yglEF","card_width_m":"EmptyState-module_card_width_m__isS2P","card_text_size_m":"EmptyState-module_card_text_size_m__DKN-j","card_text_size_l":"EmptyState-module_card_text_size_l__QrP65","wrapperHasBorder":"EmptyState-module_wrapper_has_border__c29uW","wrapperWidthFull":"EmptyState-module_wrapper_width_full__ny5bO","wrapperWidthXl":"EmptyState-module_wrapper_width_xl__blqti","wrapperWidthL":"EmptyState-module_wrapper_width_l__PpZAw","wrapperWidthM":"EmptyState-module_wrapper_width_m__vgfj0","wrapperWidthS":"EmptyState-module_wrapper_width_s__Qnik9","wrapperSizeXs":"EmptyState-module_wrapper_size_xs__s1aJt","wrapperSizeS":"EmptyState-module_wrapper_size_s__1ZQqu","wrapperSizeM":"EmptyState-module_wrapper_size_m__PAtIh","wrapperSizeL":"EmptyState-module_wrapper_size_l__mRT5J","wrapperSizeXl":"EmptyState-module_wrapper_size_xl__cB1wi","wrapperAbsolute":"EmptyState-module_wrapper_absolute__yzrj2","titleMedium":"EmptyState-module_title_medium__Lwc7q","wrapperTextSizeXl":"EmptyState-module_wrapper_text_size_xl__wh5pa","wrapperTextSizeL":"EmptyState-module_wrapper_text_size_l__f9FJ0","wrapperTextSizeS":"EmptyState-module_wrapper_text_size_s__Rxjxq","cardWidthS":"EmptyState-module_card_width_s__yglEF","cardWidthM":"EmptyState-module_card_width_m__isS2P","cardTextSizeM":"EmptyState-module_card_text_size_m__DKN-j","cardTextSizeL":"EmptyState-module_card_text_size_l__QrP65"};
3386
3388
  styleInject(css_248z$b);
3387
3389
 
3388
3390
  function EmptyState(_a) {
3389
- var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, imageUrl = _a.imageUrl, imageWidth = _a.imageWidth, icon = _a.icon, footer = _a.footer, card = _a.card, _d = _a.cardTextSize, cardTextSize = _d === void 0 ? 'm' : _d, _e = _a.cardWidth, cardWidth = _e === void 0 ? 'm' : _e, _f = _a.verticalSize, verticalSize = _f === void 0 ? 'm' : _f, _g = _a.verticalAlign, verticalAlign = _g === void 0 ? false : _g, _h = _a.textSize, textSize = _h === void 0 ? 'm' : _h, _j = _a.titleIsBold, titleIsBold = _j === void 0 ? true : _j, _k = _a.hasSpinner, hasSpinner = _k === void 0 ? false : _k, _l = _a.hasBorder, hasBorder = _l === void 0 ? false : _l, _m = _a.width, width = _m === void 0 ? 'full' : _m;
3391
+ var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, imageUrl = _a.imageUrl, imageWidth = _a.imageWidth, icon = _a.icon, customIcon = _a.customIcon, lucideIcon = _a.lucideIcon, footer = _a.footer, card = _a.card, _d = _a.cardTextSize, cardTextSize = _d === void 0 ? 'm' : _d, _e = _a.cardWidth, cardWidth = _e === void 0 ? 'm' : _e, _f = _a.verticalSize, verticalSize = _f === void 0 ? 'm' : _f, _g = _a.verticalAlign, verticalAlign = _g === void 0 ? false : _g, _h = _a.textSize, textSize = _h === void 0 ? 'm' : _h, _j = _a.titleIsBold, titleIsBold = _j === void 0 ? true : _j, _k = _a.hasSpinner, hasSpinner = _k === void 0 ? false : _k, _l = _a.hasBorder, hasBorder = _l === void 0 ? false : _l, _m = _a.width, width = _m === void 0 ? 'full' : _m;
3390
3392
  var wrapperClass = [styles$9.wrapper];
3391
3393
  var titleClass = [styles$9.title];
3392
3394
  var cardClass = [styles$9.card];
@@ -3448,14 +3450,22 @@ function EmptyState(_a) {
3448
3450
  if (cardWidth && cardWidth in cartWidthClass) {
3449
3451
  cardClass.push(cartWidthClass[cardWidth]);
3450
3452
  }
3453
+ if (lucideIcon) {
3454
+ customIcon = React.cloneElement(lucideIcon, {
3455
+ strokeWidth: lucideIcon.props.strokeWidth || 1.5,
3456
+ absoluteStrokeWidth: true
3457
+ });
3458
+ }
3451
3459
  return (React.createElement("div", { className: wrapperClass.join(' ') },
3452
3460
  hasSpinner &&
3453
- React.createElement(Spinner, { display: "block", verticalSize: "s", wheelSize: "xl" }),
3461
+ React.createElement(Spinner, { display: "block", verticalSize: "s", size: "xl" }),
3454
3462
  imageUrl &&
3455
3463
  React.createElement("img", { className: styles$9.img, src: imageUrl, width: imageWidth }),
3456
3464
  icon &&
3457
3465
  React.createElement("div", { className: styles$9.icon },
3458
3466
  React.createElement("i", { className: icon })),
3467
+ customIcon &&
3468
+ React.createElement("div", { className: styles$9.icon }, customIcon),
3459
3469
  title &&
3460
3470
  React.createElement("div", { className: titleClass.join(' ') }, title),
3461
3471
  text &&