@oliasoft-open-source/react-ui-library 3.11.0-beta-16 → 3.11.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.
package/dist/global.css CHANGED
@@ -3333,17 +3333,17 @@ html[data-theme='dark'] {
3333
3333
  /*
3334
3334
  Z-INDEX
3335
3335
  */
3336
- ._wrapper_1jyel_341 {
3336
+ ._wrapper_t0nkm_341 {
3337
3337
  display: inline-flex;
3338
3338
  max-width: 100%;
3339
3339
  }
3340
- ._layer_1jyel_345 ._wrapper_1jyel_341 {
3340
+ ._layer_t0nkm_345 ._wrapper_t0nkm_341 {
3341
3341
  width: 100%;
3342
3342
  }
3343
- ._layerContainer_1jyel_348 {
3343
+ ._layerContainer_t0nkm_348 {
3344
3344
  z-index: 2002;
3345
3345
  }
3346
- ._layer_1jyel_345 {
3346
+ ._layer_t0nkm_345 {
3347
3347
  border: 1px solid var(--color-border);
3348
3348
  border-radius: 4px;
3349
3349
  overflow: hidden;
@@ -3355,98 +3355,98 @@ html[data-theme='dark'] {
3355
3355
  position: relative;
3356
3356
  overflow-y: auto;
3357
3357
  }
3358
- ._layer_1jyel_345._nested_1jyel_363 {
3358
+ ._layer_t0nkm_345._nested_t0nkm_363 {
3359
3359
  margin: -1px 2px;
3360
3360
  }
3361
- ._layer_1jyel_345 ul {
3361
+ ._layer_t0nkm_345 ul {
3362
3362
  margin: 0;
3363
3363
  padding: 0;
3364
3364
  list-style-type: none;
3365
3365
  }
3366
- ._layer_1jyel_345 ul li {
3366
+ ._layer_t0nkm_345 ul li {
3367
3367
  list-style: none;
3368
3368
  display: block;
3369
3369
  }
3370
- ._fileInput_1jyel_375 {
3370
+ ._fileInput_t0nkm_375 {
3371
3371
  width: 100%;
3372
3372
  height: 100%;
3373
3373
  opacity: 0;
3374
3374
  position: absolute;
3375
3375
  }
3376
- ._trigger_1jyel_381 {
3376
+ ._trigger_t0nkm_381 {
3377
3377
  display: inline-flex;
3378
3378
  align-items: center;
3379
3379
  cursor: pointer;
3380
3380
  max-width: 100%;
3381
3381
  }
3382
- ._layer_1jyel_345 ._trigger_1jyel_381 {
3382
+ ._layer_t0nkm_345 ._trigger_t0nkm_381 {
3383
3383
  width: 100%;
3384
3384
  }
3385
- ._middleAlignedInline_1jyel_390 {
3385
+ ._middleAlignedInline_t0nkm_390 {
3386
3386
  display: flex;
3387
3387
  align-items: center;
3388
3388
  overflow: hidden;
3389
3389
  width: 100%;
3390
3390
  }
3391
- ._heading_1jyel_396 {
3391
+ ._heading_t0nkm_396 {
3392
3392
  color: var(--color-text-muted);
3393
3393
  letter-spacing: 0.1em;
3394
3394
  text-transform: uppercase;
3395
3395
  font-size: 12px;
3396
3396
  }
3397
- ._heading_1jyel_396 ._headingIcon_1jyel_402 {
3397
+ ._heading_t0nkm_396 ._headingIcon_t0nkm_402 {
3398
3398
  float: right;
3399
3399
  }
3400
- ._heading_1jyel_396 ._headingIcon_1jyel_402 svg {
3400
+ ._heading_t0nkm_396 ._headingIcon_t0nkm_402 svg {
3401
3401
  color: var(--color-text-faint);
3402
3402
  }
3403
- ._heading_1jyel_396 ._headingIcon_1jyel_402:hover {
3403
+ ._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover {
3404
3404
  cursor: pointer;
3405
3405
  }
3406
- ._heading_1jyel_396 ._headingIcon_1jyel_402:hover svg {
3406
+ ._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover svg {
3407
3407
  color: var(--color-text-primary-hover);
3408
3408
  }
3409
- ._option_1jyel_414 {
3409
+ ._option_t0nkm_414 {
3410
3410
  color: inherit;
3411
3411
  display: block;
3412
3412
  }
3413
- ._heading_1jyel_396,
3414
- ._option_1jyel_414,
3415
- ._layer_1jyel_345 ._trigger_1jyel_381 {
3416
- padding: 8px 12px;
3413
+ ._heading_t0nkm_396,
3414
+ ._option_t0nkm_414,
3415
+ ._layer_t0nkm_345 ._trigger_t0nkm_381 {
3416
+ padding: var(--padding-input);
3417
3417
  }
3418
- ._option_1jyel_414,
3419
- ._layer_1jyel_345 ._trigger_1jyel_381 {
3418
+ ._option_t0nkm_414,
3419
+ ._layer_t0nkm_345 ._trigger_t0nkm_381 {
3420
3420
  line-height: 20px;
3421
3421
  display: flex;
3422
3422
  align-items: flex-start;
3423
3423
  }
3424
- ._option_1jyel_414:hover,
3425
- ._layer_1jyel_345 ._trigger_1jyel_381:hover,
3426
- ._option_1jyel_414._active_1jyel_431,
3427
- ._layer_1jyel_345 ._trigger_1jyel_381._active_1jyel_431 {
3424
+ ._option_t0nkm_414:hover,
3425
+ ._layer_t0nkm_345 ._trigger_t0nkm_381:hover,
3426
+ ._option_t0nkm_414._active_t0nkm_431,
3427
+ ._layer_t0nkm_345 ._trigger_t0nkm_381._active_t0nkm_431 {
3428
3428
  background-color: var(--color-background-menuitem-hover);
3429
3429
  cursor: pointer;
3430
3430
  }
3431
- ._option_1jyel_414._selected_1jyel_436 {
3431
+ ._option_t0nkm_414._selected_t0nkm_436 {
3432
3432
  background-color: var(--color-background-menuitem-active);
3433
3433
  font-weight: bold;
3434
3434
  }
3435
- ._layer_1jyel_345 ._trigger_1jyel_381 {
3435
+ ._layer_t0nkm_345 ._trigger_t0nkm_381 {
3436
3436
  align-items: center;
3437
3437
  }
3438
- ._optionContent_1jyel_443 {
3438
+ ._optionContent_t0nkm_443 {
3439
3439
  flex-wrap: wrap;
3440
3440
  margin-right: auto;
3441
3441
  position: relative;
3442
3442
  }
3443
- ._inline_1jyel_448 ._optionContent_1jyel_443 {
3443
+ ._inline_t0nkm_448 ._optionContent_t0nkm_443 {
3444
3444
  display: flex;
3445
3445
  justify-content: space-between;
3446
3446
  flex-grow: 1;
3447
3447
  }
3448
- ._icon_1jyel_453,
3449
- ._check_1jyel_454 {
3448
+ ._icon_t0nkm_453,
3449
+ ._check_t0nkm_454 {
3450
3450
  display: flex;
3451
3451
  flex-shrink: 1;
3452
3452
  width: 16px;
@@ -3454,83 +3454,83 @@ html[data-theme='dark'] {
3454
3454
  justify-content: center;
3455
3455
  align-items: center;
3456
3456
  }
3457
- ._icon_1jyel_453 {
3457
+ ._icon_t0nkm_453 {
3458
3458
  margin-right: 8px;
3459
3459
  color: var(--color-text-primary);
3460
3460
  }
3461
- ._icon_1jyel_453:empty {
3461
+ ._icon_t0nkm_453:empty {
3462
3462
  display: none;
3463
3463
  }
3464
- ._icon_1jyel_453 img {
3464
+ ._icon_t0nkm_453 img {
3465
3465
  max-height: 16px;
3466
3466
  max-width: 16px;
3467
3467
  width: auto;
3468
3468
  height: auto;
3469
3469
  }
3470
- ._check_1jyel_454 {
3470
+ ._check_t0nkm_454 {
3471
3471
  font-size: 12px;
3472
3472
  color: #a5a7a9;
3473
3473
  margin-left: 10px;
3474
3474
  }
3475
- ._text_1jyel_480 {
3475
+ ._text_t0nkm_480 {
3476
3476
  display: inline-flex;
3477
3477
  align-items: center;
3478
3478
  cursor: pointer;
3479
3479
  }
3480
- ._label_1jyel_485 {
3480
+ ._label_t0nkm_485 {
3481
3481
  margin-right: auto;
3482
3482
  }
3483
- ._label_1jyel_485,
3484
- ._heading_1jyel_396 {
3483
+ ._label_t0nkm_485,
3484
+ ._heading_t0nkm_396 {
3485
3485
  max-width: 100%;
3486
3486
  display: block;
3487
3487
  overflow: hidden;
3488
3488
  text-overflow: ellipsis;
3489
3489
  white-space: nowrap;
3490
3490
  }
3491
- ._description_1jyel_496 {
3491
+ ._description_t0nkm_496 {
3492
3492
  color: #999;
3493
3493
  display: block;
3494
3494
  }
3495
- ._arrow_1jyel_500 {
3495
+ ._arrow_t0nkm_500 {
3496
3496
  margin-left: 10px;
3497
3497
  opacity: 0.4;
3498
3498
  }
3499
- ._divider_1jyel_504 {
3499
+ ._divider_t0nkm_504 {
3500
3500
  border: 0;
3501
3501
  border-top: 1px solid var(--color-border);
3502
3502
  }
3503
- ._deprecatedSemanticIcon_1jyel_508 {
3503
+ ._deprecatedSemanticIcon_t0nkm_508 {
3504
3504
  color: var(--color-text-primary) !important;
3505
3505
  margin: -5px 0 0 !important;
3506
3506
  }
3507
- ._disabled_1jyel_512 {
3507
+ ._disabled_t0nkm_512 {
3508
3508
  color: var(--color-text-faint);
3509
3509
  pointer-events: none;
3510
3510
  cursor: not-allowed !important;
3511
3511
  }
3512
- ._buttonLabel_1jyel_517 {
3512
+ ._buttonLabel_t0nkm_517 {
3513
3513
  overflow: hidden;
3514
3514
  text-overflow: ellipsis;
3515
3515
  display: block;
3516
3516
  margin-right: auto;
3517
3517
  line-height: 1.2;
3518
3518
  }
3519
- ._buttonCaret_1jyel_524 {
3519
+ ._buttonCaret_t0nkm_524 {
3520
3520
  margin-left: 5px;
3521
3521
  }
3522
- ._component_1jyel_527 {
3522
+ ._component_t0nkm_527 {
3523
3523
  display: inline-flex;
3524
3524
  align-items: center;
3525
3525
  justify-content: center;
3526
3526
  cursor: pointer;
3527
3527
  }
3528
- ._right_1jyel_533 {
3528
+ ._right_t0nkm_533 {
3529
3529
  margin-left: auto;
3530
3530
  display: flex;
3531
3531
  align-items: center;
3532
3532
  }
3533
- ._actions_1jyel_538 {
3533
+ ._actions_t0nkm_538 {
3534
3534
  margin-left: 8px;
3535
3535
  display: flex;
3536
3536
  align-items: center;
@@ -14464,10 +14464,10 @@ html[data-theme='dark'] {
14464
14464
  /*
14465
14465
  Z-INDEX
14466
14466
  */
14467
- ._layerContainer_14x30_341 {
14467
+ ._layerContainer_1iwwz_341 {
14468
14468
  z-index: 2002;
14469
14469
  }
14470
- ._layer_14x30_341 {
14470
+ ._layer_1iwwz_341 {
14471
14471
  border: 1px solid var(--color-border);
14472
14472
  border-radius: 4px;
14473
14473
  overflow: hidden;
@@ -14477,31 +14477,31 @@ html[data-theme='dark'] {
14477
14477
  position: relative;
14478
14478
  font-size: 14px;
14479
14479
  }
14480
- ._layer_14x30_341 ul {
14480
+ ._layer_1iwwz_341 ul {
14481
14481
  margin: 0;
14482
14482
  padding: 0;
14483
14483
  list-style-type: none;
14484
14484
  }
14485
- ._layer_14x30_341 ul li {
14485
+ ._layer_1iwwz_341 ul li {
14486
14486
  list-style: none;
14487
14487
  display: block;
14488
14488
  }
14489
- ._layer_14x30_341._small_14x30_363 {
14489
+ ._layer_1iwwz_341._small_1iwwz_363 {
14490
14490
  font-size: 12px;
14491
14491
  }
14492
- ._heading_14x30_366,
14493
- ._option_14x30_367,
14494
- ._message_14x30_368 {
14492
+ ._heading_1iwwz_366,
14493
+ ._option_1iwwz_367,
14494
+ ._message_1iwwz_368 {
14495
14495
  padding: var(--padding-input);
14496
- padding-left: 0;
14496
+ padding-right: 0;
14497
14497
  }
14498
- ._small_14x30_363 ._heading_14x30_366,
14499
- ._small_14x30_363 ._option_14x30_367,
14500
- ._small_14x30_363 ._message_14x30_368 {
14498
+ ._small_1iwwz_363 ._heading_1iwwz_366,
14499
+ ._small_1iwwz_363 ._option_1iwwz_367,
14500
+ ._small_1iwwz_363 ._message_1iwwz_368 {
14501
14501
  padding: var(--padding-input-small);
14502
- padding-left: 0;
14502
+ padding-right: 0;
14503
14503
  }
14504
- ._heading_14x30_366 {
14504
+ ._heading_1iwwz_366 {
14505
14505
  color: var(--color-text-muted);
14506
14506
  letter-spacing: 0.1em;
14507
14507
  text-transform: uppercase;
@@ -14512,13 +14512,13 @@ html[data-theme='dark'] {
14512
14512
  text-overflow: ellipsis;
14513
14513
  white-space: nowrap;
14514
14514
  }
14515
- ._small_14x30_363 ._heading_14x30_366 {
14515
+ ._small_1iwwz_363 ._heading_1iwwz_366 {
14516
14516
  font-size: 10px;
14517
14517
  }
14518
- ._message_14x30_368 {
14518
+ ._message_1iwwz_368 {
14519
14519
  color: var(--color-text-faint);
14520
14520
  }
14521
- ._option_14x30_367 {
14521
+ ._option_1iwwz_367 {
14522
14522
  line-height: 20px;
14523
14523
  display: flex;
14524
14524
  align-items: center;
@@ -14527,22 +14527,22 @@ html[data-theme='dark'] {
14527
14527
  height: 100%;
14528
14528
  cursor: pointer;
14529
14529
  }
14530
- ._option_14x30_367._focused_14x30_404,
14531
- ._option_14x30_367:hover {
14530
+ ._option_1iwwz_367._focused_1iwwz_404,
14531
+ ._option_1iwwz_367:hover {
14532
14532
  background-color: var(--color-background-menuitem-hover);
14533
14533
  }
14534
- ._option_14x30_367._selected_14x30_408 {
14534
+ ._option_1iwwz_367._selected_1iwwz_408 {
14535
14535
  background-color: var(--color-background-menuitem-active);
14536
14536
  }
14537
- ._option_14x30_367._selected_14x30_408._focused_14x30_404,
14538
- ._option_14x30_367._selected_14x30_408:hover {
14537
+ ._option_1iwwz_367._selected_1iwwz_408._focused_1iwwz_404,
14538
+ ._option_1iwwz_367._selected_1iwwz_408:hover {
14539
14539
  background-color: var(--color-background-menuitem-activehover);
14540
14540
  }
14541
- ._option_14x30_367._disabled_14x30_415 {
14541
+ ._option_1iwwz_367._disabled_1iwwz_415 {
14542
14542
  opacity: 0.2;
14543
14543
  cursor: inherit;
14544
14544
  }
14545
- ._option_14x30_367 ._check_14x30_419 {
14545
+ ._option_1iwwz_367 ._check_1iwwz_419 {
14546
14546
  color: var(--color-text-primary);
14547
14547
  font-size: 0.75em;
14548
14548
  width: var(--size);
@@ -14550,29 +14550,29 @@ html[data-theme='dark'] {
14550
14550
  justify-content: center;
14551
14551
  flex-shrink: 0;
14552
14552
  }
14553
- ._small_14x30_363 ._option_14x30_367 ._check_14x30_419 {
14553
+ ._small_1iwwz_363 ._option_1iwwz_367 ._check_1iwwz_419 {
14554
14554
  width: var(--size-sm);
14555
14555
  }
14556
- ._option_14x30_367 ._check_14x30_419 svg {
14556
+ ._option_1iwwz_367 ._check_1iwwz_419 svg {
14557
14557
  display: block;
14558
14558
  }
14559
- ._option_14x30_367 ._optionContent_14x30_433 {
14559
+ ._option_1iwwz_367 ._optionContent_1iwwz_433 {
14560
14560
  flex-wrap: wrap;
14561
14561
  margin-right: auto;
14562
14562
  overflow: hidden;
14563
14563
  }
14564
- ._option_14x30_367 ._optionContent_14x30_433 ._label_14x30_438 {
14564
+ ._option_1iwwz_367 ._optionContent_1iwwz_433 ._label_1iwwz_438 {
14565
14565
  max-width: 100%;
14566
14566
  display: block;
14567
14567
  overflow: hidden;
14568
14568
  text-overflow: ellipsis;
14569
14569
  white-space: nowrap;
14570
14570
  }
14571
- ._option_14x30_367 ._optionContent_14x30_433 ._icon_14x30_445 {
14571
+ ._option_1iwwz_367 ._optionContent_1iwwz_433 ._icon_1iwwz_445 {
14572
14572
  margin-left: 8px;
14573
14573
  line-height: 0;
14574
14574
  }
14575
- ._details_14x30_449 {
14575
+ ._details_1iwwz_449 {
14576
14576
  float: right;
14577
14577
  display: inline;
14578
14578
  white-space: nowrap;
@@ -14917,83 +14917,83 @@ html[data-theme='dark'] {
14917
14917
  /*
14918
14918
  Z-INDEX
14919
14919
  */
14920
- ._inputInTable_1bne4_341 {
14920
+ ._inputInTable_16b8a_341 {
14921
14921
  background-color: transparent;
14922
14922
  border-radius: inherit !important;
14923
14923
  height: var(--size);
14924
14924
  min-height: 100%;
14925
14925
  }
14926
- ._inputInTable_1bne4_341:not(:hover) {
14926
+ ._inputInTable_16b8a_341:not(:hover) {
14927
14927
  border-color: transparent;
14928
14928
  }
14929
- ._inputHover_1bne4_350 {
14929
+ ._inputHover_16b8a_350 {
14930
14930
  position: relative;
14931
14931
  border-color: var(--color-border-hover);
14932
14932
  z-index: 2;
14933
14933
  }
14934
- ._inputFocus_1bne4_355 {
14934
+ ._inputFocus_16b8a_355 {
14935
14935
  position: relative;
14936
14936
  outline: none !important;
14937
14937
  border-color: var(--color-border-focus) !important;
14938
14938
  box-shadow: var(--shadow-focus);
14939
14939
  z-index: 3;
14940
14940
  }
14941
- ._inputError_1bne4_362,
14942
- ._inputWarning_1bne4_363 {
14941
+ ._inputError_16b8a_362,
14942
+ ._inputWarning_16b8a_363 {
14943
14943
  position: relative;
14944
14944
  }
14945
- ._inputError_1bne4_362 {
14945
+ ._inputError_16b8a_362 {
14946
14946
  z-index: 2;
14947
14947
  border-color: var(--color-border-error);
14948
14948
  color: var(--color-text-error) !important;
14949
14949
  background-color: var(--color-background-error);
14950
14950
  }
14951
- ._inputError_1bne4_362:hover {
14951
+ ._inputError_16b8a_362:hover {
14952
14952
  border-color: var(--color-border-error-hover) !important;
14953
14953
  }
14954
- ._inputError_1bne4_362:focus {
14954
+ ._inputError_16b8a_362:focus {
14955
14955
  position: relative;
14956
14956
  outline: none !important;
14957
14957
  border-color: var(--color-border-focus) !important;
14958
14958
  box-shadow: var(--shadow-focus);
14959
14959
  z-index: 3;
14960
14960
  }
14961
- ._inputWarning_1bne4_363 {
14961
+ ._inputWarning_16b8a_363 {
14962
14962
  z-index: 1;
14963
14963
  border-color: var(--color-border-warning);
14964
14964
  color: var(--color-text-warning) !important;
14965
14965
  background-color: var(--color-background-warning);
14966
14966
  }
14967
- ._inputWarning_1bne4_363:hover {
14967
+ ._inputWarning_16b8a_363:hover {
14968
14968
  border-color: var(--color-border-warning-hover) !important;
14969
14969
  }
14970
- ._inputWarning_1bne4_363:focus {
14970
+ ._inputWarning_16b8a_363:focus {
14971
14971
  position: relative;
14972
14972
  outline: none !important;
14973
14973
  border-color: var(--color-border-focus) !important;
14974
14974
  box-shadow: var(--shadow-focus);
14975
14975
  z-index: 3;
14976
14976
  }
14977
- ._inputDisabled_1bne4_398 {
14977
+ ._inputDisabled_16b8a_398 {
14978
14978
  pointer-events: none;
14979
14979
  background-color: var(--color-background-disabled);
14980
14980
  color: var(--color-text-muted);
14981
14981
  }
14982
- ._hideScrollbars_1bne4_403 {
14982
+ ._hideScrollbars_16b8a_403 {
14983
14983
  /* Firefox */
14984
14984
  scrollbar-width: none;
14985
14985
  /* IE 10+ */
14986
14986
  -ms-overflow-style: none;
14987
14987
  /* Chrome, Safari and Opera */
14988
14988
  }
14989
- ._hideScrollbars_1bne4_403::-webkit-scrollbar {
14989
+ ._hideScrollbars_16b8a_403::-webkit-scrollbar {
14990
14990
  display: none;
14991
14991
  }
14992
14992
  :root {
14993
14993
  --size-select-icon: 24px;
14994
14994
  --size-select-icon-sm: 16px;
14995
14995
  }
14996
- ._trigger_1bne4_417 {
14996
+ ._trigger_16b8a_417 {
14997
14997
  font-weight: normal;
14998
14998
  display: flex;
14999
14999
  align-items: center;
@@ -15002,81 +15002,81 @@ html[data-theme='dark'] {
15002
15002
  background: var(--color-background-input);
15003
15003
  height: var(--size);
15004
15004
  position: relative;
15005
- padding-left: var(--padding-input-small-x);
15005
+ padding-left: var(--padding-input-x);
15006
15006
  }
15007
- ._trigger_1bne4_417 input {
15007
+ ._trigger_16b8a_417 input {
15008
15008
  border: none !important;
15009
15009
  background: transparent !important;
15010
15010
  }
15011
- ._trigger_1bne4_417._isInTable_1bne4_432 {
15011
+ ._trigger_16b8a_417._isInTable_16b8a_432 {
15012
15012
  background-color: transparent;
15013
15013
  border-radius: inherit !important;
15014
15014
  height: var(--size);
15015
15015
  min-height: 100%;
15016
15016
  }
15017
- ._trigger_1bne4_417._isInTable_1bne4_432:not(:hover) {
15017
+ ._trigger_16b8a_417._isInTable_16b8a_432:not(:hover) {
15018
15018
  border-color: transparent;
15019
15019
  }
15020
- ._trigger_1bne4_417._isInTable_1bne4_432 ._input_1bne4_341 {
15020
+ ._trigger_16b8a_417._isInTable_16b8a_432 ._input_16b8a_341 {
15021
15021
  background: transparent !important;
15022
15022
  }
15023
- ._trigger_1bne4_417:hover {
15023
+ ._trigger_16b8a_417:hover {
15024
15024
  position: relative;
15025
15025
  border-color: var(--color-border-hover);
15026
15026
  z-index: 2;
15027
15027
  cursor: pointer;
15028
15028
  }
15029
- ._trigger_1bne4_417._isOpen_1bne4_450,
15030
- ._trigger_1bne4_417:focus {
15029
+ ._trigger_16b8a_417._isOpen_16b8a_450,
15030
+ ._trigger_16b8a_417:focus {
15031
15031
  position: relative;
15032
15032
  outline: none !important;
15033
15033
  border-color: var(--color-border-focus) !important;
15034
15034
  box-shadow: var(--shadow-focus);
15035
15035
  z-index: 3;
15036
15036
  }
15037
- ._trigger_1bne4_417._error_1bne4_458 {
15037
+ ._trigger_16b8a_417._error_16b8a_458 {
15038
15038
  position: relative;
15039
15039
  z-index: 2;
15040
15040
  border-color: var(--color-border-error);
15041
15041
  color: var(--color-text-error) !important;
15042
15042
  background-color: var(--color-background-error);
15043
15043
  }
15044
- ._trigger_1bne4_417._error_1bne4_458:hover {
15044
+ ._trigger_16b8a_417._error_16b8a_458:hover {
15045
15045
  border-color: var(--color-border-error-hover) !important;
15046
15046
  }
15047
- ._trigger_1bne4_417._error_1bne4_458:focus {
15047
+ ._trigger_16b8a_417._error_16b8a_458:focus {
15048
15048
  position: relative;
15049
15049
  outline: none !important;
15050
15050
  border-color: var(--color-border-focus) !important;
15051
15051
  box-shadow: var(--shadow-focus);
15052
15052
  z-index: 3;
15053
15053
  }
15054
- ._trigger_1bne4_417._warning_1bne4_475 {
15054
+ ._trigger_16b8a_417._warning_16b8a_475 {
15055
15055
  position: relative;
15056
15056
  z-index: 1;
15057
15057
  border-color: var(--color-border-warning);
15058
15058
  color: var(--color-text-warning) !important;
15059
15059
  background-color: var(--color-background-warning);
15060
15060
  }
15061
- ._trigger_1bne4_417._warning_1bne4_475:hover {
15061
+ ._trigger_16b8a_417._warning_16b8a_475:hover {
15062
15062
  border-color: var(--color-border-warning-hover) !important;
15063
15063
  }
15064
- ._trigger_1bne4_417._warning_1bne4_475:focus {
15064
+ ._trigger_16b8a_417._warning_16b8a_475:focus {
15065
15065
  position: relative;
15066
15066
  outline: none !important;
15067
15067
  border-color: var(--color-border-focus) !important;
15068
15068
  box-shadow: var(--shadow-focus);
15069
15069
  z-index: 3;
15070
15070
  }
15071
- ._trigger_1bne4_417._disabled_1bne4_492 {
15071
+ ._trigger_16b8a_417._disabled_16b8a_492 {
15072
15072
  pointer-events: none;
15073
15073
  background-color: var(--color-background-disabled);
15074
15074
  color: var(--color-text-muted);
15075
15075
  }
15076
- ._trigger_1bne4_417._disabled_1bne4_492 ._iconOpen_1bne4_497 {
15076
+ ._trigger_16b8a_417._disabled_16b8a_492 ._iconOpen_16b8a_497 {
15077
15077
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
15078
15078
  }
15079
- ._icons_1bne4_500 {
15079
+ ._icons_16b8a_500 {
15080
15080
  display: flex;
15081
15081
  flex-wrap: nowrap;
15082
15082
  flex-shrink: 0;
@@ -15084,8 +15084,8 @@ html[data-theme='dark'] {
15084
15084
  z-index: 2;
15085
15085
  font-size: 12px;
15086
15086
  }
15087
- ._icons_1bne4_500 ._clearAll_1bne4_508,
15088
- ._icons_1bne4_500 ._iconOpen_1bne4_497 {
15087
+ ._icons_16b8a_500 ._clearAll_16b8a_508,
15088
+ ._icons_16b8a_500 ._iconOpen_16b8a_497 {
15089
15089
  width: var(--size-select-icon);
15090
15090
  height: var(--size-select-icon);
15091
15091
  margin: -1px 0;
@@ -15093,30 +15093,30 @@ html[data-theme='dark'] {
15093
15093
  justify-content: flex-start;
15094
15094
  align-items: center;
15095
15095
  }
15096
- ._small_1bne4_517 ._icons_1bne4_500 ._clearAll_1bne4_508,
15097
- ._small_1bne4_517 ._icons_1bne4_500 ._iconOpen_1bne4_497 {
15096
+ ._small_16b8a_517 ._icons_16b8a_500 ._clearAll_16b8a_508,
15097
+ ._small_16b8a_517 ._icons_16b8a_500 ._iconOpen_16b8a_497 {
15098
15098
  width: var(--size-select-icon-sm);
15099
15099
  height: var(--size-select-icon-sm);
15100
15100
  }
15101
- ._icons_1bne4_500 ._clearAll_1bne4_508 {
15101
+ ._icons_16b8a_500 ._clearAll_16b8a_508 {
15102
15102
  color: var(--color-border);
15103
15103
  }
15104
- ._icons_1bne4_500 ._clearAll_1bne4_508:hover,
15105
- ._icons_1bne4_500 ._clearAll_1bne4_508._focus_1bne4_526 {
15104
+ ._icons_16b8a_500 ._clearAll_16b8a_508:hover,
15105
+ ._icons_16b8a_500 ._clearAll_16b8a_508._focus_16b8a_526 {
15106
15106
  color: var(--color-text);
15107
15107
  outline: 0;
15108
15108
  }
15109
- ._icons_1bne4_500 ._iconOpen_1bne4_497 {
15109
+ ._icons_16b8a_500 ._iconOpen_16b8a_497 {
15110
15110
  color: inherit;
15111
15111
  display: block;
15112
15112
  flex-shrink: 0;
15113
15113
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left;
15114
15114
  background-size: 8px 12px;
15115
15115
  }
15116
- ._icons_1bne4_500 svg {
15116
+ ._icons_16b8a_500 svg {
15117
15117
  display: block;
15118
15118
  }
15119
- ._triggerInputContainer_1bne4_540 {
15119
+ ._triggerInputContainer_16b8a_540 {
15120
15120
  display: flex;
15121
15121
  align-items: center;
15122
15122
  position: relative;
@@ -15125,31 +15125,31 @@ html[data-theme='dark'] {
15125
15125
  min-width: 0;
15126
15126
  margin-right: 4px;
15127
15127
  }
15128
- ._right_1bne4_549 ._triggerInputContainer_1bne4_540 {
15128
+ ._right_16b8a_549 ._triggerInputContainer_16b8a_540 {
15129
15129
  justify-content: flex-end;
15130
15130
  text-align: right;
15131
15131
  }
15132
- ._right_1bne4_549 ._triggerInputContainer_1bne4_540 input {
15132
+ ._right_16b8a_549 ._triggerInputContainer_16b8a_540 input {
15133
15133
  padding-right: 0;
15134
15134
  padding-left: 0;
15135
15135
  text-align: right;
15136
15136
  width: 0;
15137
15137
  }
15138
- ._right_1bne4_549 ._triggerInputContainer_1bne4_540 input:focus {
15138
+ ._right_16b8a_549 ._triggerInputContainer_16b8a_540 input:focus {
15139
15139
  width: auto;
15140
15140
  }
15141
- ._multiOptions_1bne4_562 {
15141
+ ._multiOptions_16b8a_562 {
15142
15142
  display: flex;
15143
15143
  overflow: hidden;
15144
15144
  margin-left: -8px;
15145
15145
  }
15146
- ._small_1bne4_517 ._multiOptions_1bne4_562 {
15146
+ ._small_16b8a_517 ._multiOptions_16b8a_562 {
15147
15147
  margin-left: -5px;
15148
15148
  }
15149
- ._multiOptions_1bne4_562:empty {
15149
+ ._multiOptions_16b8a_562:empty {
15150
15150
  display: none !important;
15151
15151
  }
15152
- ._multiOptions_1bne4_562 ._multiOption_1bne4_562 {
15152
+ ._multiOptions_16b8a_562 ._multiOption_16b8a_562 {
15153
15153
  user-select: none;
15154
15154
  pointer-events: none;
15155
15155
  display: inline-flex;
@@ -15166,14 +15166,14 @@ html[data-theme='dark'] {
15166
15166
  flex-shrink: 0;
15167
15167
  margin-right: 2px;
15168
15168
  }
15169
- ._small_1bne4_517 ._multiOptions_1bne4_562 ._multiOption_1bne4_562 {
15169
+ ._small_16b8a_517 ._multiOptions_16b8a_562 ._multiOption_16b8a_562 {
15170
15170
  height: var(--size-xs);
15171
15171
  padding: 0 3px;
15172
15172
  }
15173
- ._multiOptions_1bne4_562 ._multiOption_1bne4_562 ._label_1bne4_594 {
15173
+ ._multiOptions_16b8a_562 ._multiOption_16b8a_562 ._label_16b8a_594 {
15174
15174
  white-space: nowrap;
15175
15175
  }
15176
- ._multiOptions_1bne4_562 ._multiOption_1bne4_562 ._closeMultiOption_1bne4_597 {
15176
+ ._multiOptions_16b8a_562 ._multiOption_16b8a_562 ._closeMultiOption_16b8a_597 {
15177
15177
  flex-shrink: 0;
15178
15178
  display: flex;
15179
15179
  align-items: center;
@@ -15183,13 +15183,13 @@ html[data-theme='dark'] {
15183
15183
  opacity: 0.25;
15184
15184
  aspect-ratio: 1;
15185
15185
  }
15186
- ._multiOptions_1bne4_562 ._multiOption_1bne4_562 ._closeMultiOption_1bne4_597:hover,
15187
- ._multiOptions_1bne4_562 ._multiOption_1bne4_562 ._closeMultiOption_1bne4_597._focus_1bne4_526 {
15186
+ ._multiOptions_16b8a_562 ._multiOption_16b8a_562 ._closeMultiOption_16b8a_597:hover,
15187
+ ._multiOptions_16b8a_562 ._multiOption_16b8a_562 ._closeMultiOption_16b8a_597._focus_16b8a_526 {
15188
15188
  opacity: 1;
15189
15189
  outline: 0;
15190
15190
  }
15191
- ._selectedSingleValue_1bne4_612,
15192
- ._placeHolder_1bne4_613 {
15191
+ ._selectedSingleValue_16b8a_612,
15192
+ ._placeHolder_16b8a_613 {
15193
15193
  line-height: calc(var(--size) - 2px);
15194
15194
  right: 0;
15195
15195
  left: 0;
@@ -15199,10 +15199,10 @@ html[data-theme='dark'] {
15199
15199
  display: block;
15200
15200
  position: absolute;
15201
15201
  }
15202
- ._placeHolder_1bne4_613 {
15202
+ ._placeHolder_16b8a_613 {
15203
15203
  color: var(--color-text-placeholder);
15204
15204
  }
15205
- ._input_1bne4_341 {
15205
+ ._input_16b8a_341 {
15206
15206
  font-family: 'Lato', sans-serif;
15207
15207
  background-color: transparent;
15208
15208
  border: none;
@@ -15210,43 +15210,43 @@ html[data-theme='dark'] {
15210
15210
  padding: 0;
15211
15211
  width: 0;
15212
15212
  }
15213
- ._input_1bne4_341._error_1bne4_458 {
15213
+ ._input_16b8a_341._error_16b8a_458 {
15214
15214
  color: var(--color-text-error) !important;
15215
15215
  }
15216
- ._input_1bne4_341:focus {
15216
+ ._input_16b8a_341:focus {
15217
15217
  outline: none;
15218
15218
  width: auto;
15219
15219
  }
15220
- ._small_1bne4_517 {
15220
+ ._small_16b8a_517 {
15221
15221
  height: var(--size-sm);
15222
15222
  font-size: 12px;
15223
15223
  padding-left: var(--padding-input-small-x);
15224
15224
  }
15225
- ._small_1bne4_517 ._selectedSingleValue_1bne4_612,
15226
- ._small_1bne4_517 ._placeHolder_1bne4_613,
15227
- ._small_1bne4_517 ._input_1bne4_341 {
15225
+ ._small_16b8a_517 ._selectedSingleValue_16b8a_612,
15226
+ ._small_16b8a_517 ._placeHolder_16b8a_613,
15227
+ ._small_16b8a_517 ._input_16b8a_341 {
15228
15228
  height: calc(var(--size-sm) - 2px);
15229
15229
  line-height: calc(var(--size-sm) - 2px);
15230
15230
  }
15231
- ._groupOrderFirst_1bne4_652,
15232
- ._groupOrderMiddle_1bne4_653 {
15231
+ ._groupOrderFirst_16b8a_652,
15232
+ ._groupOrderMiddle_16b8a_653 {
15233
15233
  border-top-right-radius: 0 !important;
15234
15234
  border-bottom-right-radius: 0 !important;
15235
15235
  }
15236
- ._groupOrderLast_1bne4_657,
15237
- ._groupOrderMiddle_1bne4_653 {
15236
+ ._groupOrderLast_16b8a_657,
15237
+ ._groupOrderMiddle_16b8a_653 {
15238
15238
  border-top-left-radius: 0 !important;
15239
15239
  border-bottom-left-radius: 0 !important;
15240
15240
  }
15241
- ._detailedLabel_1bne4_662 {
15241
+ ._detailedLabel_16b8a_662 {
15242
15242
  width: 100%;
15243
15243
  }
15244
- ._detailedLabel_1bne4_662 :first-child {
15244
+ ._detailedLabel_16b8a_662 :first-child {
15245
15245
  float: left;
15246
15246
  position: absolute;
15247
15247
  padding-right: 5px;
15248
15248
  }
15249
- ._detailedLabel_1bne4_662 :last-child {
15249
+ ._detailedLabel_16b8a_662 :last-child {
15250
15250
  float: right;
15251
15251
  }
15252
15252
  ._paginationContainer_1g3st_1 {
@@ -24200,22 +24200,18 @@ html[data-theme='dark'] {
24200
24200
  /*
24201
24201
  Z-INDEX
24202
24202
  */
24203
- ._footer_1h9g5_341 {
24204
- display: flex;
24205
- align-items: center;
24206
- justify-content: space-between;
24207
- }
24208
- tfoot {
24209
- position: sticky;
24210
- bottom: 0;
24203
+ ._footer_ho6xu_341 {
24204
+ background-color: var(--color-background-table-header);
24211
24205
  z-index: 4;
24212
24206
  overflow: hidden;
24207
+ flex-shrink: 0;
24213
24208
  }
24214
- tfoot tr {
24215
- background-color: var(--color-background-table-header);
24216
- }
24217
- tfoot td {
24209
+ ._section_ho6xu_347 {
24218
24210
  padding: var(--padding-input);
24211
+ display: flex;
24212
+ align-items: center;
24213
+ justify-content: space-between;
24214
+ border-top: 1px solid var(--color-border-table);
24219
24215
  }
24220
24216
  /*
24221
24217
  This file has shared variables that are re-used in other LESS files/modules