@oliasoft-open-source/react-ui-library 4.15.2-beta-1 → 4.15.2-beta-3

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/global.css CHANGED
@@ -3276,436 +3276,6 @@ html[data-theme='dark'] {
3276
3276
  border-top-left-radius: 0 !important;
3277
3277
  border-bottom-left-radius: 0 !important;
3278
3278
  }
3279
- ._layerContainer_dw2pp_1 {
3280
- z-index: var(--zindex-dropdown);
3281
- }
3282
- ._layer_dw2pp_1 {
3283
- border: 1px solid var(--color-border);
3284
- border-radius: var(--border-radius);
3285
- overflow: hidden;
3286
- margin: 2px -1px 0 -1px;
3287
- background: var(--color-background-layer);
3288
- box-shadow: var(--shadow-layer);
3289
- position: relative;
3290
- font-size: var(--font-size);
3291
- }
3292
- ._layer_dw2pp_1 ul {
3293
- margin: 0;
3294
- padding: 0;
3295
- list-style-type: none;
3296
- }
3297
- ._layer_dw2pp_1 ul li {
3298
- list-style: none;
3299
- display: block;
3300
- }
3301
- ._layer_dw2pp_1._small_dw2pp_23 {
3302
- font-size: var(--font-size-sm);
3303
- }
3304
- ._heading_dw2pp_26,
3305
- ._option_dw2pp_27,
3306
- ._message_dw2pp_28 {
3307
- padding: var(--padding-input);
3308
- padding-right: 0;
3309
- }
3310
- ._small_dw2pp_23 ._heading_dw2pp_26,
3311
- ._small_dw2pp_23 ._option_dw2pp_27,
3312
- ._small_dw2pp_23 ._message_dw2pp_28 {
3313
- padding: var(--padding-input-sm);
3314
- padding-right: 0;
3315
- }
3316
- ._heading_dw2pp_26 {
3317
- color: var(--color-text-muted);
3318
- letter-spacing: var(--letter-spacing-wide);
3319
- font-weight: bold;
3320
- text-transform: uppercase;
3321
- max-width: 100%;
3322
- display: block;
3323
- overflow: hidden;
3324
- text-overflow: ellipsis;
3325
- white-space: nowrap;
3326
- }
3327
- ._small_dw2pp_23 ._heading_dw2pp_26 {
3328
- font-size: var(--font-size-sm);
3329
- }
3330
- ._message_dw2pp_28 {
3331
- color: var(--color-text-faint);
3332
- }
3333
- ._option_dw2pp_27 {
3334
- line-height: var(--line-height);
3335
- display: flex;
3336
- align-items: center;
3337
- padding-top: 0;
3338
- padding-bottom: 0;
3339
- height: 100%;
3340
- cursor: pointer;
3341
- }
3342
- ._option_dw2pp_27._focused_dw2pp_64,
3343
- ._option_dw2pp_27:hover {
3344
- background-color: var(--color-background-listitem-hover);
3345
- }
3346
- ._option_dw2pp_27._selected_dw2pp_68 {
3347
- background-color: var(--color-background-listitem-active);
3348
- }
3349
- ._option_dw2pp_27._disabled_dw2pp_71 {
3350
- opacity: 0.2;
3351
- cursor: inherit;
3352
- }
3353
- ._option_dw2pp_27 ._check_dw2pp_75 {
3354
- color: var(--color-text-primary);
3355
- font-size: var(--font-size);
3356
- width: var(--size);
3357
- height: var(--size);
3358
- display: flex;
3359
- justify-content: center;
3360
- align-items: center;
3361
- flex-shrink: 0;
3362
- }
3363
- ._small_dw2pp_23 ._option_dw2pp_27 ._check_dw2pp_75 {
3364
- width: var(--size-sm);
3365
- height: var(--size-sm);
3366
- }
3367
- ._option_dw2pp_27 ._check_dw2pp_75 svg {
3368
- display: block;
3369
- }
3370
- ._option_dw2pp_27 ._optionContent_dw2pp_92 {
3371
- flex-wrap: wrap;
3372
- margin-right: auto;
3373
- overflow: hidden;
3374
- }
3375
- ._option_dw2pp_27 ._optionContent_dw2pp_92 ._label_dw2pp_97 {
3376
- max-width: 100%;
3377
- display: block;
3378
- overflow: hidden;
3379
- text-overflow: ellipsis;
3380
- white-space: nowrap;
3381
- }
3382
- ._option_dw2pp_27 ._optionContent_dw2pp_92 ._icon_dw2pp_104 {
3383
- display: inline-flex;
3384
- margin-left: var(--padding-xxs);
3385
- line-height: 0;
3386
- }
3387
- ._details_dw2pp_109 {
3388
- float: right;
3389
- display: inline;
3390
- white-space: nowrap;
3391
- }
3392
- ._inputInTable_7uwhv_1 {
3393
- background-color: transparent;
3394
- border-radius: inherit !important;
3395
- height: var(--size);
3396
- min-height: 100%;
3397
- }
3398
- ._inputInTable_7uwhv_1:not(:hover):not([data-error]):not([data-warning]) {
3399
- border-color: transparent;
3400
- }
3401
- ._inputInTable_7uwhv_1:not(:focus) {
3402
- box-shadow: none;
3403
- }
3404
- ._inputHover_7uwhv_13 {
3405
- position: relative;
3406
- border-color: var(--color-border-hover);
3407
- z-index: 2;
3408
- }
3409
- ._inputFocus_7uwhv_18 {
3410
- position: relative;
3411
- outline: none !important;
3412
- border-color: var(--color-border-focus) !important;
3413
- box-shadow: var(--shadow-focus);
3414
- z-index: 3;
3415
- }
3416
- ._inputError_7uwhv_25,
3417
- ._inputWarning_7uwhv_26 {
3418
- position: relative;
3419
- }
3420
- ._inputError_7uwhv_25 {
3421
- z-index: 2;
3422
- border-color: var(--color-border-error);
3423
- color: var(--color-text-error) !important;
3424
- background-color: var(--color-background-error-muted);
3425
- }
3426
- ._inputError_7uwhv_25:hover {
3427
- border-color: var(--color-border-error-hover) !important;
3428
- }
3429
- ._inputError_7uwhv_25:focus {
3430
- position: relative;
3431
- outline: none !important;
3432
- border-color: var(--color-border-focus) !important;
3433
- box-shadow: var(--shadow-focus);
3434
- z-index: 3;
3435
- }
3436
- ._inputWarning_7uwhv_26 {
3437
- z-index: 1;
3438
- border-color: var(--color-border-warning);
3439
- color: var(--color-text-warning) !important;
3440
- background-color: var(--color-background-warning-muted);
3441
- }
3442
- ._inputWarning_7uwhv_26:hover {
3443
- border-color: var(--color-border-warning-hover) !important;
3444
- }
3445
- ._inputWarning_7uwhv_26:focus {
3446
- position: relative;
3447
- outline: none !important;
3448
- border-color: var(--color-border-focus) !important;
3449
- box-shadow: var(--shadow-focus);
3450
- z-index: 3;
3451
- }
3452
- ._inputDisabled_7uwhv_61 {
3453
- pointer-events: none;
3454
- background-color: var(--color-background-disabled);
3455
- color: var(--color-text-muted);
3456
- box-shadow: none;
3457
- }
3458
- ._hideScrollbars_7uwhv_67 {
3459
- /* Firefox */
3460
- scrollbar-width: none;
3461
- /* IE 10+ */
3462
- -ms-overflow-style: none;
3463
- /* Chrome, Safari and Opera */
3464
- }
3465
- ._hideScrollbars_7uwhv_67::-webkit-scrollbar {
3466
- display: none;
3467
- }
3468
- ._trigger_7uwhv_77 {
3469
- font-weight: normal;
3470
- display: flex;
3471
- align-items: center;
3472
- border: 1px solid var(--color-border);
3473
- border-radius: var(--border-radius);
3474
- background: var(--color-background-input);
3475
- height: var(--size);
3476
- position: relative;
3477
- padding-left: var(--padding-input-x);
3478
- box-shadow: var(--shadow-button);
3479
- }
3480
- ._trigger_7uwhv_77 input {
3481
- border: none !important;
3482
- background: transparent !important;
3483
- }
3484
- ._trigger_7uwhv_77._isInTable_7uwhv_93 {
3485
- background-color: transparent;
3486
- border-radius: inherit !important;
3487
- height: var(--size);
3488
- min-height: 100%;
3489
- }
3490
- ._trigger_7uwhv_77._isInTable_7uwhv_93:not(:hover):not([data-error]):not([data-warning]) {
3491
- border-color: transparent;
3492
- }
3493
- ._trigger_7uwhv_77._isInTable_7uwhv_93:not(:focus) {
3494
- box-shadow: none;
3495
- }
3496
- ._trigger_7uwhv_77._isInTable_7uwhv_93 ._input_7uwhv_1 {
3497
- background: transparent !important;
3498
- }
3499
- ._trigger_7uwhv_77:hover {
3500
- position: relative;
3501
- border-color: var(--color-border-hover);
3502
- z-index: 2;
3503
- cursor: pointer;
3504
- }
3505
- ._trigger_7uwhv_77._isOpen_7uwhv_114,
3506
- ._trigger_7uwhv_77:focus {
3507
- position: relative;
3508
- outline: none !important;
3509
- border-color: var(--color-border-focus) !important;
3510
- box-shadow: var(--shadow-focus);
3511
- z-index: 3;
3512
- }
3513
- ._trigger_7uwhv_77[data-warning] {
3514
- position: relative;
3515
- z-index: 1;
3516
- border-color: var(--color-border-warning);
3517
- color: var(--color-text-warning) !important;
3518
- background-color: var(--color-background-warning-muted);
3519
- }
3520
- ._trigger_7uwhv_77[data-warning]:hover {
3521
- border-color: var(--color-border-warning-hover) !important;
3522
- }
3523
- ._trigger_7uwhv_77[data-warning]:focus {
3524
- position: relative;
3525
- outline: none !important;
3526
- border-color: var(--color-border-focus) !important;
3527
- box-shadow: var(--shadow-focus);
3528
- z-index: 3;
3529
- }
3530
- ._trigger_7uwhv_77[data-error] {
3531
- position: relative;
3532
- z-index: 2;
3533
- border-color: var(--color-border-error);
3534
- color: var(--color-text-error) !important;
3535
- background-color: var(--color-background-error-muted);
3536
- }
3537
- ._trigger_7uwhv_77[data-error]:hover {
3538
- border-color: var(--color-border-error-hover) !important;
3539
- }
3540
- ._trigger_7uwhv_77[data-error]:focus {
3541
- position: relative;
3542
- outline: none !important;
3543
- border-color: var(--color-border-focus) !important;
3544
- box-shadow: var(--shadow-focus);
3545
- z-index: 3;
3546
- }
3547
- ._trigger_7uwhv_77._disabled_7uwhv_156 {
3548
- pointer-events: none;
3549
- background-color: var(--color-background-disabled);
3550
- color: var(--color-text-muted);
3551
- box-shadow: none;
3552
- }
3553
- ._icons_7uwhv_162 {
3554
- display: flex;
3555
- flex-wrap: nowrap;
3556
- flex-shrink: 0;
3557
- position: relative;
3558
- z-index: 2;
3559
- }
3560
- ._icons_7uwhv_162 ._clearAll_7uwhv_169,
3561
- ._icons_7uwhv_162 ._iconOpen_7uwhv_170 {
3562
- width: calc((var(--size) + var(--font-size)) / 2);
3563
- height: var(--size);
3564
- display: flex;
3565
- justify-content: flex-start;
3566
- align-items: center;
3567
- }
3568
- ._disabled_7uwhv_156 ._icons_7uwhv_162 ._clearAll_7uwhv_169,
3569
- ._disabled_7uwhv_156 ._icons_7uwhv_162 ._iconOpen_7uwhv_170 {
3570
- color: var(--color-text-faint);
3571
- }
3572
- ._small_7uwhv_181 ._icons_7uwhv_162 ._clearAll_7uwhv_169,
3573
- ._small_7uwhv_181 ._icons_7uwhv_162 ._iconOpen_7uwhv_170 {
3574
- width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
3575
- height: var(--size-sm);
3576
- }
3577
- ._icons_7uwhv_162 ._clearAll_7uwhv_169:hover {
3578
- color: var(--color-text-primary);
3579
- }
3580
- ._triggerInputContainer_7uwhv_189 {
3581
- display: flex;
3582
- align-items: center;
3583
- position: relative;
3584
- z-index: 1;
3585
- flex-grow: 1;
3586
- min-width: 0;
3587
- margin-right: 4px;
3588
- }
3589
- ._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 {
3590
- justify-content: flex-end;
3591
- text-align: right;
3592
- }
3593
- ._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 input {
3594
- padding-right: 0;
3595
- padding-left: 0;
3596
- text-align: right;
3597
- width: 0;
3598
- }
3599
- ._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 input:focus {
3600
- width: auto;
3601
- }
3602
- ._multiOptions_7uwhv_211 {
3603
- display: flex;
3604
- overflow: hidden;
3605
- margin-left: calc((var(--padding-xxs) * -1) - 2px);
3606
- }
3607
- ._multiOptions_7uwhv_211:empty {
3608
- display: none !important;
3609
- }
3610
- ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 {
3611
- user-select: none;
3612
- pointer-events: none;
3613
- display: inline-flex;
3614
- align-items: center;
3615
- border: 1px solid var(--color-border);
3616
- background-color: var(--color-background);
3617
- padding: 0 var(--padding-xxs);
3618
- border-radius: var(--border-radius-sm);
3619
- font-size: var(--font-size-sm);
3620
- height: calc(var(--size) - 6px);
3621
- color: var(--color-text-muted);
3622
- max-width: 100%;
3623
- min-width: 0;
3624
- flex-shrink: 0;
3625
- margin-right: 2px;
3626
- }
3627
- ._small_7uwhv_181 ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 {
3628
- height: calc(var(--size-sm) - 6px);
3629
- }
3630
- ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._label_7uwhv_239 {
3631
- white-space: nowrap;
3632
- }
3633
- ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242 {
3634
- flex-shrink: 0;
3635
- display: flex;
3636
- align-items: center;
3637
- justify-content: center;
3638
- height: 100%;
3639
- width: var(--size-sm);
3640
- opacity: 0.25;
3641
- aspect-ratio: 1;
3642
- }
3643
- ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242:hover,
3644
- ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242._focus_7uwhv_253 {
3645
- opacity: 1;
3646
- outline: 0;
3647
- }
3648
- ._selectedSingleValue_7uwhv_257,
3649
- ._placeHolder_7uwhv_258 {
3650
- line-height: calc(var(--size) - 2px);
3651
- right: 0;
3652
- left: 0;
3653
- overflow: hidden;
3654
- white-space: nowrap;
3655
- text-overflow: ellipsis;
3656
- display: block;
3657
- position: absolute;
3658
- }
3659
- ._placeHolder_7uwhv_258 {
3660
- color: var(--color-text-placeholder);
3661
- }
3662
- ._input_7uwhv_1 {
3663
- font-family: var(--font-family);
3664
- background-color: transparent;
3665
- border: none;
3666
- color: var(--color-text);
3667
- padding: 0;
3668
- width: 0;
3669
- }
3670
- ._input_7uwhv_1[data-error] {
3671
- color: var(--color-text-error) !important;
3672
- }
3673
- ._input_7uwhv_1:focus {
3674
- outline: none;
3675
- width: auto;
3676
- }
3677
- ._small_7uwhv_181 {
3678
- height: var(--size-sm);
3679
- font-size: var(--font-size-sm);
3680
- padding-left: var(--padding-input-sm-x);
3681
- }
3682
- ._small_7uwhv_181 ._selectedSingleValue_7uwhv_257,
3683
- ._small_7uwhv_181 ._placeHolder_7uwhv_258,
3684
- ._small_7uwhv_181 ._input_7uwhv_1 {
3685
- height: calc(var(--size-sm) - 2px);
3686
- line-height: calc(var(--size-sm) - 2px);
3687
- }
3688
- ._groupOrderFirst_7uwhv_297,
3689
- ._groupOrderMiddle_7uwhv_298 {
3690
- border-top-right-radius: 0 !important;
3691
- border-bottom-right-radius: 0 !important;
3692
- }
3693
- ._groupOrderLast_7uwhv_302,
3694
- ._groupOrderMiddle_7uwhv_298 {
3695
- border-top-left-radius: 0 !important;
3696
- border-bottom-left-radius: 0 !important;
3697
- }
3698
- ._detailedLabel_7uwhv_307 {
3699
- width: 100%;
3700
- }
3701
- ._detailedLabel_7uwhv_307 :first-child {
3702
- float: left;
3703
- position: absolute;
3704
- padding-right: var(--padding-xxs);
3705
- }
3706
- ._detailedLabel_7uwhv_307 :last-child {
3707
- float: right;
3708
- }
3709
3279
  ._paginationContainer_1tmz4_1 {
3710
3280
  display: flex;
3711
3281
  align-items: center;