ui-beyable 1.1.0-beta.17 → 1.1.0-beta.19
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/EmptyState/EmptyState.d.ts +1 -1
- package/lib/cjs/components/EmptyState/types.d.ts +2 -0
- package/lib/cjs/components/Spinner/Spinner.d.ts +1 -3
- package/lib/cjs/components/Spinner/types.d.ts +5 -3
- package/lib/cjs/components/Stack/Stack.d.ts +2 -1
- package/lib/cjs/index.js +24 -11
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/EmptyState/EmptyState.d.ts +1 -1
- package/lib/esm/components/EmptyState/types.d.ts +2 -0
- package/lib/esm/components/Spinner/Spinner.d.ts +1 -3
- package/lib/esm/components/Spinner/types.d.ts +5 -3
- package/lib/esm/components/Stack/Stack.d.ts +2 -1
- package/lib/esm/index.js +24 -11
- package/lib/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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 };
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ISpinner } from './types';
|
|
3
|
-
declare function Spinner({
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 };
|
|
@@ -8,6 +8,7 @@ interface StackType {
|
|
|
8
8
|
gap?: spaceType;
|
|
9
9
|
shouldWrap?: boolean;
|
|
10
10
|
alignInline?: alignInlineType;
|
|
11
|
+
flex?: flexType;
|
|
11
12
|
style?: React.CSSProperties;
|
|
12
13
|
}
|
|
13
14
|
interface StackRowType {
|
|
@@ -16,6 +17,6 @@ interface StackRowType {
|
|
|
16
17
|
flex?: flexType;
|
|
17
18
|
style?: React.CSSProperties;
|
|
18
19
|
}
|
|
19
|
-
declare function Stack({ children, className, gap, alignInline, style }: StackType): JSX.Element;
|
|
20
|
+
declare function Stack({ children, className, gap, alignInline, flex, style }: StackType): JSX.Element;
|
|
20
21
|
declare function StackRow({ children, className, flex, style }: StackRowType): JSX.Element;
|
|
21
22
|
export { Stack, StackRow };
|
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.
|
|
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
|
|
3358
|
-
|
|
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{
|
|
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",
|
|
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 &&
|
|
@@ -4121,7 +4131,7 @@ var getFlexClass = function (flex$1) {
|
|
|
4121
4131
|
return '';
|
|
4122
4132
|
};
|
|
4123
4133
|
function Stack(_a) {
|
|
4124
|
-
var children = _a.children, className = _a.className, _b = _a.gap, gap = _b === void 0 ? 'space.150' : _b, _c = _a.alignInline, alignInline = _c === void 0 ? 'stretch' : _c, _d = _a.style, style = _d === void 0 ? {} : _d;
|
|
4134
|
+
var children = _a.children, className = _a.className, _b = _a.gap, gap = _b === void 0 ? 'space.150' : _b, _c = _a.alignInline, alignInline = _c === void 0 ? 'stretch' : _c, flex$1 = _a.flex, _d = _a.style, style = _d === void 0 ? {} : _d;
|
|
4125
4135
|
var cssClass = [flex.flex, flex.flex_direction_column];
|
|
4126
4136
|
style.rowGap = token(gap);
|
|
4127
4137
|
if (className) {
|
|
@@ -4130,6 +4140,9 @@ function Stack(_a) {
|
|
|
4130
4140
|
if (alignInline) {
|
|
4131
4141
|
cssClass.push(getAlignInlineClass(alignInline));
|
|
4132
4142
|
}
|
|
4143
|
+
if (flex$1) {
|
|
4144
|
+
cssClass.push(getFlexClass(flex$1));
|
|
4145
|
+
}
|
|
4133
4146
|
return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
|
|
4134
4147
|
}
|
|
4135
4148
|
function StackRow(_a) {
|