@oliasoft-open-source/react-ui-library 3.13.12 → 3.13.13
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/dist/404.html +1 -1
- package/dist/assets/{index-1127a527.js → index-4238df81.js} +14 -14
- package/dist/global.css +102 -102
- package/dist/index.html +1 -1
- package/dist/index.js +26 -26
- package/dist/storybook/assets/{Color-6VNJS4EI-cb5c4788.js → Color-6VNJS4EI-cefe79ec.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-17347ae5.js → DocsRenderer-NNNQARDV-fb3fe131.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-3275a5af.js → WithTooltip-4HIR6TLV-0862d786.js} +1 -1
- package/dist/storybook/assets/{afe.stories-bee1e150.js → afe.stories-309aa48a.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-20f00bc9.js → blowout.stories-2591ca22.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-f13c8e28.js → buttons-and-links-374b31a9.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-f7e2f8cc.js → casing-loads.stories-1f1eb04e.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-d7c21eea.js → chunk-HLWAVYOI-ae8e1c50.js} +1 -1
- package/dist/storybook/assets/{color-5add850b.js → color-b356ce0c.js} +1 -1
- package/dist/storybook/assets/{column.stories-e1a47fca.js → column.stories-2f7ed5c1.js} +1 -1
- package/dist/storybook/assets/{formation.stories-1292ac52.js → formation.stories-9efe9a06.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-238c3a92.js → formatter-SWP5E3XI-e5eab0b3.js} +1 -1
- package/dist/storybook/assets/{iframe-0f97428a.js → iframe-e53c8858.js} +1 -1
- package/dist/storybook/assets/{index-6ee8b3c0.js → index-783abb9b.js} +4 -4
- package/dist/storybook/assets/{input-validation-0dc0d8a4.js → input-validation-9eb9e168.js} +1 -1
- package/dist/storybook/assets/{inputs-286807c7.js → inputs-71afa000.js} +1 -1
- package/dist/storybook/assets/{layout-forms-62893d5e.js → layout-forms-e397902f.js} +1 -1
- package/dist/storybook/assets/{layout-general-23feddd6.js → layout-general-695c8e11.js} +1 -1
- package/dist/storybook/assets/preview-4d45db3d.js +1 -0
- package/dist/storybook/assets/{preview-df2826f0.js → preview-76383759.js} +1 -1
- package/dist/storybook/assets/{projects.stories-80ce9234.js → projects.stories-d5cca87f.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-c685a1c3.js → reservoirs.stories-bb46900d.js} +1 -1
- package/dist/storybook/assets/row-f26d47b5.js +39 -0
- package/dist/storybook/assets/{site.stories-bcbe8ab9.js → site.stories-be444eee.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-e3c1ae2d.js → syntaxhighlighter-NMPM6SWI-fbc99436.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/preview-f10109a7.js +0 -1
- package/dist/storybook/assets/row-cb504f7d.js +0 -39
package/dist/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-
|
|
1
|
+
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-4238df81.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-5d610f95.css"></head><body><div id="content"></div></body>
|
|
@@ -20452,22 +20452,22 @@ st$1.div`
|
|
|
20452
20452
|
display: flex;
|
|
20453
20453
|
flex-direction: column;
|
|
20454
20454
|
min-width: 0;
|
|
20455
|
-
flex-basis: ${(p2) => p2
|
|
20456
|
-
flex-grow: ${(p2) => !p2
|
|
20457
|
-
flex-shrink: ${(p2) => p2
|
|
20458
|
-
overflow: ${(p2) => p2
|
|
20459
|
-
background: ${(p2) => p2
|
|
20460
|
-
border-left: ${(p2) => p2
|
|
20461
|
-
border-right: ${(p2) => p2
|
|
20462
|
-
padding: ${(p2) => p2
|
|
20463
|
-
${(p2) => !p2
|
|
20455
|
+
flex-basis: ${(p2) => p2.$width || "auto"};
|
|
20456
|
+
flex-grow: ${(p2) => !p2.$width && p2.$flex ? "1" : "0"};
|
|
20457
|
+
flex-shrink: ${(p2) => p2.$width || !p2.$flex ? "0" : "1"};
|
|
20458
|
+
overflow: ${(p2) => p2.$scroll ? "auto" : "initial"};
|
|
20459
|
+
background: ${(p2) => p2.$background};
|
|
20460
|
+
border-left: ${(p2) => p2.$borderLeft === true ? "1px solid var(--color-border)" : p2.$borderLeft};
|
|
20461
|
+
border-right: ${(p2) => p2.$borderRight === true ? "1px solid var(--color-border)" : p2.$borderRight};
|
|
20462
|
+
padding: ${(p2) => p2.$spacing ? `0 ${p2.$spacing / 2}px` : "0"};
|
|
20463
|
+
${(p2) => !p2.$showScrollbar && noScrollbars}
|
|
20464
20464
|
|
|
20465
20465
|
@media (max-width: 992px) {
|
|
20466
|
-
${(p2) => p2
|
|
20466
|
+
${(p2) => p2.$widthTablet && `flex-basis: ${p2.$widthTablet};`}
|
|
20467
20467
|
}
|
|
20468
20468
|
|
|
20469
20469
|
@media (max-width: 575px) {
|
|
20470
|
-
${(p2) => p2
|
|
20470
|
+
${(p2) => p2.$widthMobile && `flex-basis: ${p2.$widthMobile};`}
|
|
20471
20471
|
}
|
|
20472
20472
|
|
|
20473
20473
|
> .inner {
|
|
@@ -20475,9 +20475,9 @@ st$1.div`
|
|
|
20475
20475
|
position: relative;
|
|
20476
20476
|
z-index: 0;
|
|
20477
20477
|
min-height: 0;
|
|
20478
|
-
display: ${(p2) => p2
|
|
20479
|
-
${(p2) => p2
|
|
20480
|
-
padding: ${(p2) => p2
|
|
20478
|
+
display: ${(p2) => p2.$flexbox && !p2.$scroll ? "flex" : "block"};
|
|
20479
|
+
${(p2) => p2.$flexbox && `flex-direction: column;`}
|
|
20480
|
+
padding: ${(p2) => p2.$padding === true ? "16px 20px" : p2.$padding};
|
|
20481
20481
|
}
|
|
20482
20482
|
`;
|
|
20483
20483
|
const divider = "_divider_1kl4r_341";
|
package/dist/global.css
CHANGED
|
@@ -3336,76 +3336,76 @@ html[data-theme='dark'] {
|
|
|
3336
3336
|
/*
|
|
3337
3337
|
Z-INDEX
|
|
3338
3338
|
*/
|
|
3339
|
-
.
|
|
3339
|
+
._inputInTable_1kayo_341 {
|
|
3340
3340
|
background-color: transparent;
|
|
3341
3341
|
border-radius: inherit !important;
|
|
3342
3342
|
height: var(--size);
|
|
3343
3343
|
min-height: 100%;
|
|
3344
3344
|
}
|
|
3345
|
-
.
|
|
3345
|
+
._inputInTable_1kayo_341:not(:hover) {
|
|
3346
3346
|
border-color: transparent;
|
|
3347
3347
|
}
|
|
3348
|
-
.
|
|
3348
|
+
._inputHover_1kayo_350 {
|
|
3349
3349
|
position: relative;
|
|
3350
3350
|
border-color: var(--color-border-hover);
|
|
3351
3351
|
z-index: 2;
|
|
3352
3352
|
}
|
|
3353
|
-
.
|
|
3353
|
+
._inputFocus_1kayo_355 {
|
|
3354
3354
|
position: relative;
|
|
3355
3355
|
outline: none !important;
|
|
3356
3356
|
border-color: var(--color-border-focus) !important;
|
|
3357
3357
|
box-shadow: var(--shadow-focus);
|
|
3358
3358
|
z-index: 3;
|
|
3359
3359
|
}
|
|
3360
|
-
.
|
|
3361
|
-
.
|
|
3360
|
+
._inputError_1kayo_362,
|
|
3361
|
+
._inputWarning_1kayo_363 {
|
|
3362
3362
|
position: relative;
|
|
3363
3363
|
}
|
|
3364
|
-
.
|
|
3364
|
+
._inputError_1kayo_362 {
|
|
3365
3365
|
z-index: 2;
|
|
3366
3366
|
border-color: var(--color-border-error);
|
|
3367
3367
|
color: var(--color-text-error) !important;
|
|
3368
3368
|
background-color: var(--color-background-error);
|
|
3369
3369
|
}
|
|
3370
|
-
.
|
|
3370
|
+
._inputError_1kayo_362:hover {
|
|
3371
3371
|
border-color: var(--color-border-error-hover) !important;
|
|
3372
3372
|
}
|
|
3373
|
-
.
|
|
3373
|
+
._inputError_1kayo_362:focus {
|
|
3374
3374
|
position: relative;
|
|
3375
3375
|
outline: none !important;
|
|
3376
3376
|
border-color: var(--color-border-focus) !important;
|
|
3377
3377
|
box-shadow: var(--shadow-focus);
|
|
3378
3378
|
z-index: 3;
|
|
3379
3379
|
}
|
|
3380
|
-
.
|
|
3380
|
+
._inputWarning_1kayo_363 {
|
|
3381
3381
|
z-index: 1;
|
|
3382
3382
|
border-color: var(--color-border-warning);
|
|
3383
3383
|
color: var(--color-text-warning) !important;
|
|
3384
3384
|
background-color: var(--color-background-warning);
|
|
3385
3385
|
}
|
|
3386
|
-
.
|
|
3386
|
+
._inputWarning_1kayo_363:hover {
|
|
3387
3387
|
border-color: var(--color-border-warning-hover) !important;
|
|
3388
3388
|
}
|
|
3389
|
-
.
|
|
3389
|
+
._inputWarning_1kayo_363:focus {
|
|
3390
3390
|
position: relative;
|
|
3391
3391
|
outline: none !important;
|
|
3392
3392
|
border-color: var(--color-border-focus) !important;
|
|
3393
3393
|
box-shadow: var(--shadow-focus);
|
|
3394
3394
|
z-index: 3;
|
|
3395
3395
|
}
|
|
3396
|
-
.
|
|
3396
|
+
._inputDisabled_1kayo_398 {
|
|
3397
3397
|
pointer-events: none;
|
|
3398
3398
|
background-color: var(--color-background-disabled);
|
|
3399
3399
|
color: var(--color-text-muted);
|
|
3400
3400
|
}
|
|
3401
|
-
.
|
|
3401
|
+
._hideScrollbars_1kayo_403 {
|
|
3402
3402
|
/* Firefox */
|
|
3403
3403
|
scrollbar-width: none;
|
|
3404
3404
|
/* IE 10+ */
|
|
3405
3405
|
-ms-overflow-style: none;
|
|
3406
3406
|
/* Chrome, Safari and Opera */
|
|
3407
3407
|
}
|
|
3408
|
-
.
|
|
3408
|
+
._hideScrollbars_1kayo_403::-webkit-scrollbar {
|
|
3409
3409
|
display: none;
|
|
3410
3410
|
}
|
|
3411
3411
|
:root {
|
|
@@ -3442,7 +3442,7 @@ html[data-theme='dark'] {
|
|
|
3442
3442
|
--color-border-button-hover: var(--color-border);
|
|
3443
3443
|
--color-text-button-muted: rgba(255, 255, 255, 0.4);
|
|
3444
3444
|
}
|
|
3445
|
-
.
|
|
3445
|
+
._button_1kayo_447 {
|
|
3446
3446
|
cursor: pointer;
|
|
3447
3447
|
display: inline-flex;
|
|
3448
3448
|
align-items: center;
|
|
@@ -3468,82 +3468,82 @@ html[data-theme='dark'] {
|
|
|
3468
3468
|
min-height: var(--size);
|
|
3469
3469
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
3470
3470
|
}
|
|
3471
|
-
.
|
|
3471
|
+
._button_1kayo_447:hover {
|
|
3472
3472
|
background: var(--color-background-button-default-hover);
|
|
3473
3473
|
border-color: var(--color-border-button-hover);
|
|
3474
3474
|
}
|
|
3475
|
-
.
|
|
3475
|
+
._button_1kayo_447:focus {
|
|
3476
3476
|
box-shadow: var(--shadow-focus);
|
|
3477
3477
|
}
|
|
3478
|
-
.
|
|
3478
|
+
._button_1kayo_447:active {
|
|
3479
3479
|
background: var(--color-background-button-default-active);
|
|
3480
3480
|
box-shadow: none;
|
|
3481
3481
|
}
|
|
3482
|
-
.
|
|
3482
|
+
._button_1kayo_447._active_1kayo_484:not(._green_1kayo_484):not(._red_1kayo_484):not(._orange_1kayo_484) {
|
|
3483
3483
|
border-color: var(--color-background-button-primary);
|
|
3484
3484
|
color: var(--color-text-primary);
|
|
3485
3485
|
position: relative;
|
|
3486
3486
|
z-index: 2;
|
|
3487
3487
|
}
|
|
3488
|
-
.
|
|
3489
|
-
.
|
|
3490
|
-
.
|
|
3488
|
+
._button_1kayo_447:hover,
|
|
3489
|
+
._button_1kayo_447:focus,
|
|
3490
|
+
._button_1kayo_447:active {
|
|
3491
3491
|
position: relative;
|
|
3492
3492
|
z-index: 1;
|
|
3493
3493
|
}
|
|
3494
|
-
.
|
|
3494
|
+
._button_1kayo_447 ._icon_1kayo_496 {
|
|
3495
3495
|
margin: 0 8px 0 -4px;
|
|
3496
3496
|
}
|
|
3497
|
-
.
|
|
3497
|
+
._button_1kayo_447 ._icon_1kayo_496 svg {
|
|
3498
3498
|
height: 14px;
|
|
3499
3499
|
width: 14px;
|
|
3500
3500
|
}
|
|
3501
|
-
.
|
|
3501
|
+
._iconOnly_1kayo_503 {
|
|
3502
3502
|
width: var(--size);
|
|
3503
3503
|
display: inline-flex;
|
|
3504
3504
|
align-items: center;
|
|
3505
3505
|
justify-content: center;
|
|
3506
3506
|
}
|
|
3507
|
-
.
|
|
3507
|
+
._iconOnly_1kayo_503 ._icon_1kayo_496 {
|
|
3508
3508
|
margin: 0;
|
|
3509
3509
|
line-height: 0;
|
|
3510
3510
|
}
|
|
3511
|
-
.
|
|
3511
|
+
._basic_1kayo_513 {
|
|
3512
3512
|
color: var(--color-text-primary);
|
|
3513
3513
|
background: transparent;
|
|
3514
3514
|
box-shadow: none !important;
|
|
3515
3515
|
border: none !important;
|
|
3516
3516
|
}
|
|
3517
|
-
.
|
|
3517
|
+
._basic_1kayo_513._muted_1kayo_519 {
|
|
3518
3518
|
color: var(--color-text-button-muted);
|
|
3519
3519
|
}
|
|
3520
|
-
.
|
|
3521
|
-
.
|
|
3520
|
+
._basic_1kayo_513:hover,
|
|
3521
|
+
._basic_1kayo_513:focus {
|
|
3522
3522
|
color: var(--color-text-primary-hover);
|
|
3523
3523
|
background: rgba(0, 0, 0, 0.05);
|
|
3524
3524
|
}
|
|
3525
|
-
.
|
|
3526
|
-
.
|
|
3525
|
+
._basic_1kayo_513:active,
|
|
3526
|
+
._basic_1kayo_513._active_1kayo_484 {
|
|
3527
3527
|
color: var(--color-text-primary-active);
|
|
3528
3528
|
background: rgba(0, 0, 0, 0.1);
|
|
3529
3529
|
}
|
|
3530
|
-
.
|
|
3530
|
+
._disabled_1kayo_532 {
|
|
3531
3531
|
cursor: default;
|
|
3532
3532
|
pointer-events: none !important;
|
|
3533
3533
|
color: var(--color-text-faint) !important;
|
|
3534
3534
|
box-shadow: none !important;
|
|
3535
3535
|
}
|
|
3536
|
-
.
|
|
3536
|
+
._disabled_1kayo_532:not(._active_1kayo_484):not(._basic_1kayo_513) {
|
|
3537
3537
|
background: var(--color-background-disabled) !important;
|
|
3538
3538
|
border: 1px solid var(--color-border) !important;
|
|
3539
3539
|
}
|
|
3540
|
-
.
|
|
3540
|
+
._small_1kayo_542 {
|
|
3541
3541
|
font-size: 12px;
|
|
3542
3542
|
min-height: var(--size-sm);
|
|
3543
|
-
padding:
|
|
3543
|
+
padding: var(--padding-input-small);
|
|
3544
3544
|
}
|
|
3545
|
-
.
|
|
3546
|
-
.
|
|
3545
|
+
._pill_1kayo_547,
|
|
3546
|
+
._round_1kayo_548 {
|
|
3547
3547
|
text-transform: uppercase;
|
|
3548
3548
|
letter-spacing: 0.1em;
|
|
3549
3549
|
font-size: 13px;
|
|
@@ -3552,154 +3552,154 @@ html[data-theme='dark'] {
|
|
|
3552
3552
|
display: inline-flex;
|
|
3553
3553
|
align-items: center;
|
|
3554
3554
|
}
|
|
3555
|
-
.
|
|
3555
|
+
._round_1kayo_548 {
|
|
3556
3556
|
padding: 0;
|
|
3557
3557
|
width: var(--size);
|
|
3558
3558
|
line-height: 1;
|
|
3559
3559
|
}
|
|
3560
|
-
.
|
|
3560
|
+
._round_1kayo_548._small_1kayo_542 {
|
|
3561
3561
|
width: var(--size-sm);
|
|
3562
3562
|
}
|
|
3563
|
-
.
|
|
3563
|
+
._orange_1kayo_484:not(._basic_1kayo_513) {
|
|
3564
3564
|
background-color: var(--color-background-button-primary);
|
|
3565
3565
|
}
|
|
3566
|
-
.
|
|
3567
|
-
.
|
|
3566
|
+
._orange_1kayo_484:not(._basic_1kayo_513):hover,
|
|
3567
|
+
._orange_1kayo_484:not(._basic_1kayo_513):focus {
|
|
3568
3568
|
background-color: var(--color-background-button-primary-hover);
|
|
3569
3569
|
}
|
|
3570
|
-
.
|
|
3571
|
-
.
|
|
3570
|
+
._orange_1kayo_484:not(._basic_1kayo_513):active,
|
|
3571
|
+
._orange_1kayo_484:not(._basic_1kayo_513)._active_1kayo_484 {
|
|
3572
3572
|
background-color: var(--color-background-button-primary-active);
|
|
3573
3573
|
}
|
|
3574
|
-
.
|
|
3574
|
+
._red_1kayo_484:not(._basic_1kayo_513) {
|
|
3575
3575
|
background-color: var(--color-background-button-error);
|
|
3576
3576
|
}
|
|
3577
|
-
.
|
|
3578
|
-
.
|
|
3577
|
+
._red_1kayo_484:not(._basic_1kayo_513):hover,
|
|
3578
|
+
._red_1kayo_484:not(._basic_1kayo_513):focus {
|
|
3579
3579
|
background-color: var(--color-background-button-error-hover);
|
|
3580
3580
|
}
|
|
3581
|
-
.
|
|
3582
|
-
.
|
|
3581
|
+
._red_1kayo_484:not(._basic_1kayo_513):active,
|
|
3582
|
+
._red_1kayo_484:not(._basic_1kayo_513)._active_1kayo_484 {
|
|
3583
3583
|
background-color: var(--color-background-button-error-active);
|
|
3584
3584
|
}
|
|
3585
|
-
.
|
|
3585
|
+
._red_1kayo_484._basic_1kayo_513 {
|
|
3586
3586
|
color: var(--color-text-error);
|
|
3587
3587
|
}
|
|
3588
|
-
.
|
|
3588
|
+
._green_1kayo_484:not(._basic_1kayo_513) {
|
|
3589
3589
|
background-color: var(--color-background-button-success);
|
|
3590
3590
|
}
|
|
3591
|
-
.
|
|
3592
|
-
.
|
|
3591
|
+
._green_1kayo_484:not(._basic_1kayo_513):hover,
|
|
3592
|
+
._green_1kayo_484:not(._basic_1kayo_513):focus {
|
|
3593
3593
|
background-color: var(--color-background-button-success-hover);
|
|
3594
3594
|
}
|
|
3595
|
-
.
|
|
3596
|
-
.
|
|
3595
|
+
._green_1kayo_484:not(._basic_1kayo_513):active,
|
|
3596
|
+
._green_1kayo_484:not(._basic_1kayo_513)._active_1kayo_484 {
|
|
3597
3597
|
background-color: var(--color-background-button-success-active);
|
|
3598
3598
|
}
|
|
3599
|
-
.
|
|
3599
|
+
._green_1kayo_484._basic_1kayo_513 {
|
|
3600
3600
|
color: var(--color-text-success);
|
|
3601
3601
|
}
|
|
3602
|
-
.
|
|
3603
|
-
.
|
|
3604
|
-
.
|
|
3602
|
+
._orange_1kayo_484:not(._basic_1kayo_513),
|
|
3603
|
+
._red_1kayo_484:not(._basic_1kayo_513),
|
|
3604
|
+
._green_1kayo_484:not(._basic_1kayo_513) {
|
|
3605
3605
|
color: #fff;
|
|
3606
3606
|
}
|
|
3607
|
-
.
|
|
3608
|
-
.
|
|
3609
|
-
.
|
|
3610
|
-
.
|
|
3611
|
-
.
|
|
3612
|
-
.
|
|
3607
|
+
._orange_1kayo_484:not(._basic_1kayo_513):hover,
|
|
3608
|
+
._red_1kayo_484:not(._basic_1kayo_513):hover,
|
|
3609
|
+
._green_1kayo_484:not(._basic_1kayo_513):hover,
|
|
3610
|
+
._orange_1kayo_484:not(._basic_1kayo_513):focus,
|
|
3611
|
+
._red_1kayo_484:not(._basic_1kayo_513):focus,
|
|
3612
|
+
._green_1kayo_484:not(._basic_1kayo_513):focus {
|
|
3613
3613
|
color: #fff;
|
|
3614
3614
|
}
|
|
3615
|
-
.
|
|
3616
|
-
.
|
|
3617
|
-
.
|
|
3618
|
-
.
|
|
3619
|
-
.
|
|
3620
|
-
.
|
|
3615
|
+
._orange_1kayo_484:not(._basic_1kayo_513):active,
|
|
3616
|
+
._red_1kayo_484:not(._basic_1kayo_513):active,
|
|
3617
|
+
._green_1kayo_484:not(._basic_1kayo_513):active,
|
|
3618
|
+
._orange_1kayo_484:not(._basic_1kayo_513)._active_1kayo_484,
|
|
3619
|
+
._red_1kayo_484:not(._basic_1kayo_513)._active_1kayo_484,
|
|
3620
|
+
._green_1kayo_484:not(._basic_1kayo_513)._active_1kayo_484 {
|
|
3621
3621
|
color: #fff;
|
|
3622
3622
|
}
|
|
3623
|
-
.
|
|
3623
|
+
._error_1kayo_625 {
|
|
3624
3624
|
position: relative;
|
|
3625
3625
|
z-index: 2;
|
|
3626
3626
|
border-color: var(--color-border-error);
|
|
3627
3627
|
color: var(--color-text-error) !important;
|
|
3628
3628
|
background-color: var(--color-background-error);
|
|
3629
3629
|
}
|
|
3630
|
-
.
|
|
3630
|
+
._error_1kayo_625:hover {
|
|
3631
3631
|
border-color: var(--color-border-error-hover) !important;
|
|
3632
3632
|
}
|
|
3633
|
-
.
|
|
3633
|
+
._error_1kayo_625:focus {
|
|
3634
3634
|
position: relative;
|
|
3635
3635
|
outline: none !important;
|
|
3636
3636
|
border-color: var(--color-border-focus) !important;
|
|
3637
3637
|
box-shadow: var(--shadow-focus);
|
|
3638
3638
|
z-index: 3;
|
|
3639
3639
|
}
|
|
3640
|
-
.
|
|
3640
|
+
._warning_1kayo_642 {
|
|
3641
3641
|
position: relative;
|
|
3642
3642
|
z-index: 1;
|
|
3643
3643
|
border-color: var(--color-border-warning);
|
|
3644
3644
|
color: var(--color-text-warning) !important;
|
|
3645
3645
|
background-color: var(--color-background-warning);
|
|
3646
3646
|
}
|
|
3647
|
-
.
|
|
3647
|
+
._warning_1kayo_642:hover {
|
|
3648
3648
|
border-color: var(--color-border-warning-hover) !important;
|
|
3649
3649
|
}
|
|
3650
|
-
.
|
|
3650
|
+
._warning_1kayo_642:focus {
|
|
3651
3651
|
position: relative;
|
|
3652
3652
|
outline: none !important;
|
|
3653
3653
|
border-color: var(--color-border-focus) !important;
|
|
3654
3654
|
box-shadow: var(--shadow-focus);
|
|
3655
3655
|
z-index: 3;
|
|
3656
3656
|
}
|
|
3657
|
-
.
|
|
3657
|
+
._inverted_1kayo_659 {
|
|
3658
3658
|
background-color: transparent;
|
|
3659
3659
|
border-color: var(--color-text);
|
|
3660
3660
|
box-shadow: none;
|
|
3661
3661
|
}
|
|
3662
|
-
.
|
|
3663
|
-
.
|
|
3664
|
-
.
|
|
3662
|
+
._inverted_1kayo_659:hover,
|
|
3663
|
+
._inverted_1kayo_659:focus,
|
|
3664
|
+
._inverted_1kayo_659:active {
|
|
3665
3665
|
box-shadow: none;
|
|
3666
3666
|
}
|
|
3667
|
-
.
|
|
3667
|
+
._inverted_1kayo_659._orange_1kayo_484 {
|
|
3668
3668
|
color: var(--color-background-button-primary);
|
|
3669
3669
|
border-color: var(--color-background-button-primary);
|
|
3670
3670
|
}
|
|
3671
|
-
.
|
|
3671
|
+
._inverted_1kayo_659._red_1kayo_484 {
|
|
3672
3672
|
color: var(--color-background-button-error);
|
|
3673
3673
|
border-color: var(--color-background-button-error);
|
|
3674
3674
|
}
|
|
3675
|
-
.
|
|
3675
|
+
._inverted_1kayo_659._green_1kayo_484 {
|
|
3676
3676
|
color: var(--color-background-button-success);
|
|
3677
3677
|
border-color: var(--color-background-button-success);
|
|
3678
3678
|
}
|
|
3679
|
-
.
|
|
3680
|
-
.
|
|
3681
|
-
.
|
|
3682
|
-
.
|
|
3683
|
-
.
|
|
3684
|
-
.
|
|
3685
|
-
.
|
|
3686
|
-
.
|
|
3687
|
-
.
|
|
3679
|
+
._inverted_1kayo_659._orange_1kayo_484:hover,
|
|
3680
|
+
._inverted_1kayo_659._red_1kayo_484:hover,
|
|
3681
|
+
._inverted_1kayo_659._green_1kayo_484:hover,
|
|
3682
|
+
._inverted_1kayo_659._orange_1kayo_484:focus,
|
|
3683
|
+
._inverted_1kayo_659._red_1kayo_484:focus,
|
|
3684
|
+
._inverted_1kayo_659._green_1kayo_484:focus,
|
|
3685
|
+
._inverted_1kayo_659._orange_1kayo_484:active,
|
|
3686
|
+
._inverted_1kayo_659._red_1kayo_484:active,
|
|
3687
|
+
._inverted_1kayo_659._green_1kayo_484:active {
|
|
3688
3688
|
color: white;
|
|
3689
3689
|
box-shadow: none;
|
|
3690
3690
|
}
|
|
3691
|
-
.
|
|
3692
|
-
.
|
|
3693
|
-
.
|
|
3691
|
+
._groupOrderFirst_1kayo_693,
|
|
3692
|
+
._groupOrderMiddle_1kayo_694,
|
|
3693
|
+
._groupOrderLast_1kayo_695 {
|
|
3694
3694
|
margin-right: 0;
|
|
3695
3695
|
}
|
|
3696
|
-
.
|
|
3697
|
-
.
|
|
3696
|
+
._groupOrderFirst_1kayo_693,
|
|
3697
|
+
._groupOrderMiddle_1kayo_694 {
|
|
3698
3698
|
border-top-right-radius: 0 !important;
|
|
3699
3699
|
border-bottom-right-radius: 0 !important;
|
|
3700
3700
|
}
|
|
3701
|
-
.
|
|
3702
|
-
.
|
|
3701
|
+
._groupOrderLast_1kayo_695,
|
|
3702
|
+
._groupOrderMiddle_1kayo_694 {
|
|
3703
3703
|
border-top-left-radius: 0 !important;
|
|
3704
3704
|
border-bottom-left-radius: 0 !important;
|
|
3705
3705
|
}
|
package/dist/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-
|
|
1
|
+
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-4238df81.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-5d610f95.css"></head><body><div id="content"></div></body>
|
package/dist/index.js
CHANGED
|
@@ -11350,32 +11350,32 @@ lodash.exports;
|
|
|
11350
11350
|
})(lodash, lodash.exports);
|
|
11351
11351
|
var lodashExports = lodash.exports;
|
|
11352
11352
|
const _$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
|
|
11353
|
-
const inputInTable$b = "
|
|
11354
|
-
const inputHover$b = "
|
|
11355
|
-
const inputFocus$b = "
|
|
11356
|
-
const inputError$b = "
|
|
11357
|
-
const inputWarning$b = "
|
|
11358
|
-
const inputDisabled$b = "
|
|
11359
|
-
const hideScrollbars$b = "
|
|
11360
|
-
const button$3 = "
|
|
11361
|
-
const active$8 = "
|
|
11362
|
-
const green$1 = "
|
|
11363
|
-
const red$1 = "
|
|
11364
|
-
const orange$1 = "
|
|
11365
|
-
const icon$5 = "
|
|
11366
|
-
const iconOnly = "
|
|
11367
|
-
const basic = "
|
|
11368
|
-
const muted$2 = "
|
|
11369
|
-
const disabled$8 = "
|
|
11370
|
-
const small$d = "
|
|
11371
|
-
const pill = "
|
|
11372
|
-
const round = "
|
|
11373
|
-
const error$8 = "
|
|
11374
|
-
const warning$b = "
|
|
11375
|
-
const inverted$1 = "
|
|
11376
|
-
const groupOrderFirst$4 = "
|
|
11377
|
-
const groupOrderMiddle$4 = "
|
|
11378
|
-
const groupOrderLast$4 = "
|
|
11353
|
+
const inputInTable$b = "_inputInTable_1kayo_341";
|
|
11354
|
+
const inputHover$b = "_inputHover_1kayo_350";
|
|
11355
|
+
const inputFocus$b = "_inputFocus_1kayo_355";
|
|
11356
|
+
const inputError$b = "_inputError_1kayo_362";
|
|
11357
|
+
const inputWarning$b = "_inputWarning_1kayo_363";
|
|
11358
|
+
const inputDisabled$b = "_inputDisabled_1kayo_398";
|
|
11359
|
+
const hideScrollbars$b = "_hideScrollbars_1kayo_403";
|
|
11360
|
+
const button$3 = "_button_1kayo_447";
|
|
11361
|
+
const active$8 = "_active_1kayo_484";
|
|
11362
|
+
const green$1 = "_green_1kayo_484";
|
|
11363
|
+
const red$1 = "_red_1kayo_484";
|
|
11364
|
+
const orange$1 = "_orange_1kayo_484";
|
|
11365
|
+
const icon$5 = "_icon_1kayo_496";
|
|
11366
|
+
const iconOnly = "_iconOnly_1kayo_503";
|
|
11367
|
+
const basic = "_basic_1kayo_513";
|
|
11368
|
+
const muted$2 = "_muted_1kayo_519";
|
|
11369
|
+
const disabled$8 = "_disabled_1kayo_532";
|
|
11370
|
+
const small$d = "_small_1kayo_542";
|
|
11371
|
+
const pill = "_pill_1kayo_547";
|
|
11372
|
+
const round = "_round_1kayo_548";
|
|
11373
|
+
const error$8 = "_error_1kayo_625";
|
|
11374
|
+
const warning$b = "_warning_1kayo_642";
|
|
11375
|
+
const inverted$1 = "_inverted_1kayo_659";
|
|
11376
|
+
const groupOrderFirst$4 = "_groupOrderFirst_1kayo_693";
|
|
11377
|
+
const groupOrderMiddle$4 = "_groupOrderMiddle_1kayo_694";
|
|
11378
|
+
const groupOrderLast$4 = "_groupOrderLast_1kayo_695";
|
|
11379
11379
|
const buttonStyles = {
|
|
11380
11380
|
inputInTable: inputInTable$b,
|
|
11381
11381
|
inputHover: inputHover$b,
|