@oliasoft-open-source/react-ui-library 4.1.1 → 4.1.2

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.
Files changed (51) hide show
  1. package/dist/404.html +1 -1
  2. package/dist/assets/{index-9f2f8de9.css → index-8ad0a531.css} +42 -42
  3. package/dist/assets/{index-20a759e1.js → index-c1fad522.js} +17 -17
  4. package/dist/global.css +61 -54
  5. package/dist/index.d.ts +1 -0
  6. package/dist/index.html +1 -1
  7. package/dist/index.js +37 -34
  8. package/dist/index.js.map +1 -1
  9. package/dist/storybook/assets/{Color-6VNJS4EI-c3a2d76e.js → Color-6VNJS4EI-fcadb840.js} +1 -1
  10. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-31e744fe.js → DocsRenderer-NNNQARDV-2533de58.js} +1 -1
  11. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-38f9c111.js → WithTooltip-4HIR6TLV-f11e9381.js} +1 -1
  12. package/dist/storybook/assets/{accordion.stories-bb79530f.js → accordion.stories-e7ad7cad.js} +1 -1
  13. package/dist/storybook/assets/{afe.stories-89061486.js → afe.stories-81d98513.js} +1 -1
  14. package/dist/storybook/assets/{buttons-and-links-7523bf96.js → buttons-and-links-1c8ae7a6.js} +1 -1
  15. package/dist/storybook/assets/{casing-loads.stories-384d70b8.js → casing-loads.stories-28b26c48.js} +1 -1
  16. package/dist/storybook/assets/{cell.stories-afcab7a9.js → cell.stories-b1fc85e3.js} +1 -1
  17. package/dist/storybook/assets/{chunk-HLWAVYOI-5d05e9c3.js → chunk-HLWAVYOI-9bc2e116.js} +1 -1
  18. package/dist/storybook/assets/{color-97d59863.js → color-4443720e.js} +1 -1
  19. package/dist/storybook/assets/{footer.stories-c7a547fd.js → footer.stories-f8d82ec0.js} +1 -1
  20. package/dist/storybook/assets/{form.stories-ac7f7763.js → form.stories-c02bea64.js} +1 -1
  21. package/dist/storybook/assets/{formation.stories-645bdebe.js → formation.stories-425327da.js} +1 -1
  22. package/dist/storybook/assets/{formatter-SWP5E3XI-abd3b9cc.js → formatter-SWP5E3XI-47836cd9.js} +1 -1
  23. package/dist/storybook/assets/{iframe-32ec4dc2.js → iframe-39743b5e.js} +1 -1
  24. package/dist/storybook/assets/{index-3765b62e.js → index-5b92cd01.js} +4 -4
  25. package/dist/storybook/assets/{input-group.stories-ccc6e5a1.js → input-group.stories-0a0fdf26.js} +1 -1
  26. package/dist/storybook/assets/{input-validation-1d8f5289.js → input-validation-3a6661e4.js} +1 -1
  27. package/dist/storybook/assets/{inputs-f9ffdce9.js → inputs-10a539e4.js} +1 -1
  28. package/dist/storybook/assets/{layout-forms-acacc694.js → layout-forms-659a3050.js} +1 -1
  29. package/dist/storybook/assets/{layout-general-1fa5a92e.js → layout-general-47c0a175.js} +1 -1
  30. package/dist/storybook/assets/{modal.stories-da17b87a.js → modal.stories-b5414377.js} +1 -1
  31. package/dist/storybook/assets/{number-input.stories-aa69e863.js → number-input.stories-ac4d02df.js} +1 -1
  32. package/dist/storybook/assets/{padding-and-spacing-149fe3e1.js → padding-and-spacing-7aa7701c.js} +1 -1
  33. package/dist/storybook/assets/{pagination-0fd7af97.js → pagination-e5a7b6d5.js} +1 -1
  34. package/dist/storybook/assets/{pagination.stories-c0404666.js → pagination.stories-1112fd67.js} +1 -1
  35. package/dist/storybook/assets/{popover.stories-f6387397.js → popover.stories-c61b8a09.js} +1 -1
  36. package/dist/storybook/assets/preview-56b87e3d.js +1 -0
  37. package/dist/storybook/assets/{preview-8a24eadd.js → preview-c8f75f89.js} +1 -1
  38. package/dist/storybook/assets/{reservoirs.stories-35779380.js → reservoirs.stories-947b8763.js} +1 -1
  39. package/dist/storybook/assets/{rich-text-input.stories-83475ba7.js → rich-text-input.stories-293956ec.js} +1 -1
  40. package/dist/storybook/assets/{row.stories-c8bc5a6e.js → row.stories-7fbb5bde.js} +1 -1
  41. package/dist/storybook/assets/{select-79fc1bab.js → select-62aa86c5.js} +1 -1
  42. package/dist/storybook/assets/{select-e4a165b9.css → select-da71c477.css} +1 -1
  43. package/dist/storybook/assets/{select.stories-774db34c.js → select.stories-f20d7eb0.js} +1 -1
  44. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-2e122bf9.js → syntaxhighlighter-NMPM6SWI-87964e94.js} +1 -1
  45. package/dist/storybook/assets/{table-bebf1fd3.js → table-833837a1.js} +1 -1
  46. package/dist/storybook/assets/{table.stories-3eaf0522.js → table.stories-bc0b72fb.js} +1 -1
  47. package/dist/storybook/assets/{title.stories-16838f04.js → title.stories-628a8ee7.js} +1 -1
  48. package/dist/storybook/iframe.html +1 -1
  49. package/dist/storybook/project.json +1 -1
  50. package/package.json +1 -1
  51. package/dist/storybook/assets/preview-f9940f47.js +0 -1
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-20a759e1.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-9f2f8de9.css"></head><body><div id="content"></div></body>
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-c1fad522.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-8ad0a531.css"></head><body><div id="content"></div></body>
@@ -3359,83 +3359,83 @@ html[data-theme='dark'] {
3359
3359
  ._page_beskc_1._scroll_beskc_23 {
3360
3360
  overflow: auto;
3361
3361
  }
3362
- ._inputInTable_7891e_1 {
3362
+ ._inputInTable_2ynxq_1 {
3363
3363
  background-color: transparent;
3364
3364
  border-radius: inherit !important;
3365
3365
  height: var(--size);
3366
3366
  min-height: 100%;
3367
3367
  }
3368
- ._inputInTable_7891e_1:not(:hover) {
3368
+ ._inputInTable_2ynxq_1:not(:hover) {
3369
3369
  border-color: transparent;
3370
3370
  }
3371
- ._inputInTable_7891e_1:not(:focus) {
3371
+ ._inputInTable_2ynxq_1:not(:focus) {
3372
3372
  box-shadow: none;
3373
3373
  }
3374
- ._inputHover_7891e_13 {
3374
+ ._inputHover_2ynxq_13 {
3375
3375
  position: relative;
3376
3376
  border-color: var(--color-border-hover);
3377
3377
  z-index: 2;
3378
3378
  }
3379
- ._inputFocus_7891e_18 {
3379
+ ._inputFocus_2ynxq_18 {
3380
3380
  position: relative;
3381
3381
  outline: none !important;
3382
3382
  border-color: var(--color-border-focus) !important;
3383
3383
  box-shadow: var(--shadow-focus);
3384
3384
  z-index: 3;
3385
3385
  }
3386
- ._inputError_7891e_25,
3387
- ._inputWarning_7891e_26 {
3386
+ ._inputError_2ynxq_25,
3387
+ ._inputWarning_2ynxq_26 {
3388
3388
  position: relative;
3389
3389
  }
3390
- ._inputError_7891e_25 {
3390
+ ._inputError_2ynxq_25 {
3391
3391
  z-index: 2;
3392
3392
  border-color: var(--color-border-error);
3393
3393
  color: var(--color-text-error) !important;
3394
3394
  background-color: var(--color-background-error-muted);
3395
3395
  }
3396
- ._inputError_7891e_25:hover {
3396
+ ._inputError_2ynxq_25:hover {
3397
3397
  border-color: var(--color-border-error-hover) !important;
3398
3398
  }
3399
- ._inputError_7891e_25:focus {
3399
+ ._inputError_2ynxq_25:focus {
3400
3400
  position: relative;
3401
3401
  outline: none !important;
3402
3402
  border-color: var(--color-border-focus) !important;
3403
3403
  box-shadow: var(--shadow-focus);
3404
3404
  z-index: 3;
3405
3405
  }
3406
- ._inputWarning_7891e_26 {
3406
+ ._inputWarning_2ynxq_26 {
3407
3407
  z-index: 1;
3408
3408
  border-color: var(--color-border-warning);
3409
3409
  color: var(--color-text-warning) !important;
3410
3410
  background-color: var(--color-background-warning-muted);
3411
3411
  }
3412
- ._inputWarning_7891e_26:hover {
3412
+ ._inputWarning_2ynxq_26:hover {
3413
3413
  border-color: var(--color-border-warning-hover) !important;
3414
3414
  }
3415
- ._inputWarning_7891e_26:focus {
3415
+ ._inputWarning_2ynxq_26:focus {
3416
3416
  position: relative;
3417
3417
  outline: none !important;
3418
3418
  border-color: var(--color-border-focus) !important;
3419
3419
  box-shadow: var(--shadow-focus);
3420
3420
  z-index: 3;
3421
3421
  }
3422
- ._inputDisabled_7891e_61 {
3422
+ ._inputDisabled_2ynxq_61 {
3423
3423
  pointer-events: none;
3424
3424
  background-color: var(--color-background-disabled);
3425
3425
  color: var(--color-text-muted);
3426
3426
  box-shadow: none;
3427
3427
  }
3428
- ._hideScrollbars_7891e_67 {
3428
+ ._hideScrollbars_2ynxq_67 {
3429
3429
  /* Firefox */
3430
3430
  scrollbar-width: none;
3431
3431
  /* IE 10+ */
3432
3432
  -ms-overflow-style: none;
3433
3433
  /* Chrome, Safari and Opera */
3434
3434
  }
3435
- ._hideScrollbars_7891e_67::-webkit-scrollbar {
3435
+ ._hideScrollbars_2ynxq_67::-webkit-scrollbar {
3436
3436
  display: none;
3437
3437
  }
3438
- ._select_7891e_77 {
3438
+ ._select_2ynxq_77 {
3439
3439
  appearance: none !important;
3440
3440
  -webkit-appearance: none !important;
3441
3441
  -moz-appearance: none !important;
@@ -3452,87 +3452,87 @@ html[data-theme='dark'] {
3452
3452
  height: var(--size);
3453
3453
  box-shadow: var(--shadow-button);
3454
3454
  }
3455
- [data-theme='dark'] ._select_7891e_77 {
3455
+ [data-theme='dark'] ._select_2ynxq_77 {
3456
3456
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
3457
3457
  }
3458
- ._select_7891e_77 option {
3459
- background: var(--color-background-input);
3458
+ ._select_2ynxq_77 option {
3459
+ background: var(--color-background-layer);
3460
3460
  color: var(--color-text);
3461
3461
  }
3462
- ._select_7891e_77 option:focus {
3462
+ ._select_2ynxq_77 option:focus {
3463
3463
  background-color: var(--color-background-listitem-active);
3464
3464
  }
3465
- ._select_7891e_77:-moz-focusring {
3465
+ ._select_2ynxq_77:-moz-focusring {
3466
3466
  color: transparent !important;
3467
3467
  text-shadow: 0 0 0 #000 !important;
3468
3468
  }
3469
- ._select_7891e_77:hover {
3469
+ ._select_2ynxq_77:hover {
3470
3470
  position: relative;
3471
3471
  border-color: var(--color-border-hover);
3472
3472
  z-index: 2;
3473
3473
  cursor: pointer;
3474
3474
  }
3475
- ._select_7891e_77:focus {
3475
+ ._select_2ynxq_77:focus {
3476
3476
  position: relative;
3477
3477
  outline: none !important;
3478
3478
  border-color: var(--color-border-focus) !important;
3479
3479
  box-shadow: var(--shadow-focus);
3480
3480
  z-index: 3;
3481
3481
  }
3482
- ._select_7891e_77._isInTable_7891e_121 {
3482
+ ._select_2ynxq_77._isInTable_2ynxq_121 {
3483
3483
  background-color: transparent;
3484
3484
  border-radius: inherit !important;
3485
3485
  height: var(--size);
3486
3486
  min-height: 100%;
3487
3487
  }
3488
- ._select_7891e_77._isInTable_7891e_121:not(:hover) {
3488
+ ._select_2ynxq_77._isInTable_2ynxq_121:not(:hover) {
3489
3489
  border-color: transparent;
3490
3490
  }
3491
- ._select_7891e_77._isInTable_7891e_121:not(:focus) {
3491
+ ._select_2ynxq_77._isInTable_2ynxq_121:not(:focus) {
3492
3492
  box-shadow: none;
3493
3493
  }
3494
- ._select_7891e_77._unSelected_7891e_133 {
3494
+ ._select_2ynxq_77._unSelected_2ynxq_133 {
3495
3495
  color: var(--color-text-placeholder) !important;
3496
3496
  }
3497
- ._select_7891e_77._unSelected_7891e_133:-moz-focusring {
3497
+ ._select_2ynxq_77._unSelected_2ynxq_133:-moz-focusring {
3498
3498
  color: transparent !important;
3499
3499
  text-shadow: 0 0 0 #000 !important;
3500
3500
  }
3501
- ._select_7891e_77._error_7891e_140 {
3501
+ ._select_2ynxq_77._error_2ynxq_140 {
3502
3502
  position: relative;
3503
3503
  z-index: 2;
3504
3504
  border-color: var(--color-border-error);
3505
3505
  color: var(--color-text-error) !important;
3506
3506
  background-color: var(--color-background-error-muted);
3507
3507
  }
3508
- ._select_7891e_77._error_7891e_140:hover {
3508
+ ._select_2ynxq_77._error_2ynxq_140:hover {
3509
3509
  border-color: var(--color-border-error-hover) !important;
3510
3510
  }
3511
- ._select_7891e_77._error_7891e_140:focus {
3511
+ ._select_2ynxq_77._error_2ynxq_140:focus {
3512
3512
  position: relative;
3513
3513
  outline: none !important;
3514
3514
  border-color: var(--color-border-focus) !important;
3515
3515
  box-shadow: var(--shadow-focus);
3516
3516
  z-index: 3;
3517
3517
  }
3518
- ._select_7891e_77._warning_7891e_157 {
3518
+ ._select_2ynxq_77._warning_2ynxq_157 {
3519
3519
  position: relative;
3520
3520
  z-index: 1;
3521
3521
  border-color: var(--color-border-warning);
3522
3522
  color: var(--color-text-warning) !important;
3523
3523
  background-color: var(--color-background-warning-muted);
3524
3524
  }
3525
- ._select_7891e_77._warning_7891e_157:hover {
3525
+ ._select_2ynxq_77._warning_2ynxq_157:hover {
3526
3526
  border-color: var(--color-border-warning-hover) !important;
3527
3527
  }
3528
- ._select_7891e_77._warning_7891e_157:focus {
3528
+ ._select_2ynxq_77._warning_2ynxq_157:focus {
3529
3529
  position: relative;
3530
3530
  outline: none !important;
3531
3531
  border-color: var(--color-border-focus) !important;
3532
3532
  box-shadow: var(--shadow-focus);
3533
3533
  z-index: 3;
3534
3534
  }
3535
- ._select_7891e_77._small_7891e_174 {
3535
+ ._select_2ynxq_77._small_2ynxq_174 {
3536
3536
  font-size: var(--font-size-sm);
3537
3537
  height: var(--size-sm);
3538
3538
  padding: var(--padding-input-sm);
@@ -3540,24 +3540,24 @@ html[data-theme='dark'] {
3540
3540
  background-position: right var(--padding-xxs) center;
3541
3541
  padding-right: calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs));
3542
3542
  }
3543
- ._select_7891e_77._right_7891e_182 {
3543
+ ._select_2ynxq_77._right_2ynxq_182 {
3544
3544
  text-align: right;
3545
3545
  text-align-last: right;
3546
3546
  }
3547
- ._select_7891e_77[disabled] {
3547
+ ._select_2ynxq_77[disabled] {
3548
3548
  opacity: 1;
3549
3549
  pointer-events: none;
3550
3550
  background-color: var(--color-background-disabled);
3551
3551
  color: var(--color-text-muted);
3552
3552
  box-shadow: none;
3553
3553
  }
3554
- ._groupOrderFirst_7891e_193,
3555
- ._groupOrderMiddle_7891e_194 {
3554
+ ._groupOrderFirst_2ynxq_193,
3555
+ ._groupOrderMiddle_2ynxq_194 {
3556
3556
  border-top-right-radius: 0 !important;
3557
3557
  border-bottom-right-radius: 0 !important;
3558
3558
  }
3559
- ._groupOrderLast_7891e_198,
3560
- ._groupOrderMiddle_7891e_194 {
3559
+ ._groupOrderLast_2ynxq_198,
3560
+ ._groupOrderMiddle_2ynxq_194 {
3561
3561
  border-top-left-radius: 0 !important;
3562
3562
  border-bottom-left-radius: 0 !important;
3563
3563
  }
@@ -26349,23 +26349,23 @@ const Page$1 = ({
26349
26349
  }
26350
26350
  );
26351
26351
  };
26352
- const inputInTable$6 = "_inputInTable_7891e_1";
26353
- const inputHover$6 = "_inputHover_7891e_13";
26354
- const inputFocus$6 = "_inputFocus_7891e_18";
26355
- const inputError$6 = "_inputError_7891e_25";
26356
- const inputWarning$6 = "_inputWarning_7891e_26";
26357
- const inputDisabled$6 = "_inputDisabled_7891e_61";
26358
- const hideScrollbars$6 = "_hideScrollbars_7891e_67";
26359
- const select$2 = "_select_7891e_77";
26360
- const isInTable$2 = "_isInTable_7891e_121";
26361
- const unSelected = "_unSelected_7891e_133";
26362
- const error$m = "_error_7891e_140";
26363
- const warning$4 = "_warning_7891e_157";
26364
- const small$6 = "_small_7891e_174";
26365
- const right$3 = "_right_7891e_182";
26366
- const groupOrderFirst$1 = "_groupOrderFirst_7891e_193";
26367
- const groupOrderMiddle$1 = "_groupOrderMiddle_7891e_194";
26368
- const groupOrderLast$1 = "_groupOrderLast_7891e_198";
26352
+ const inputInTable$6 = "_inputInTable_2ynxq_1";
26353
+ const inputHover$6 = "_inputHover_2ynxq_13";
26354
+ const inputFocus$6 = "_inputFocus_2ynxq_18";
26355
+ const inputError$6 = "_inputError_2ynxq_25";
26356
+ const inputWarning$6 = "_inputWarning_2ynxq_26";
26357
+ const inputDisabled$6 = "_inputDisabled_2ynxq_61";
26358
+ const hideScrollbars$6 = "_hideScrollbars_2ynxq_67";
26359
+ const select$2 = "_select_2ynxq_77";
26360
+ const isInTable$2 = "_isInTable_2ynxq_121";
26361
+ const unSelected = "_unSelected_2ynxq_133";
26362
+ const error$m = "_error_2ynxq_140";
26363
+ const warning$4 = "_warning_2ynxq_157";
26364
+ const small$6 = "_small_2ynxq_174";
26365
+ const right$3 = "_right_2ynxq_182";
26366
+ const groupOrderFirst$1 = "_groupOrderFirst_2ynxq_193";
26367
+ const groupOrderMiddle$1 = "_groupOrderMiddle_2ynxq_194";
26368
+ const groupOrderLast$1 = "_groupOrderLast_2ynxq_198";
26369
26369
  const styles$p = {
26370
26370
  inputInTable: inputInTable$6,
26371
26371
  inputHover: inputHover$6,
package/dist/global.css CHANGED
@@ -2188,80 +2188,80 @@ html[data-theme='dark'] {
2188
2188
  ._footer_18g0k_47 button:not(:last-child) {
2189
2189
  margin-right: var(--padding-sm);
2190
2190
  }
2191
- ._inputInTable_vn7pb_1 {
2191
+ ._inputInTable_khmhl_1 {
2192
2192
  background-color: transparent;
2193
2193
  border-radius: inherit !important;
2194
2194
  height: var(--size);
2195
2195
  min-height: 100%;
2196
2196
  }
2197
- ._inputInTable_vn7pb_1:not(:hover) {
2197
+ ._inputInTable_khmhl_1:not(:hover) {
2198
2198
  border-color: transparent;
2199
2199
  }
2200
- ._inputInTable_vn7pb_1:not(:focus) {
2200
+ ._inputInTable_khmhl_1:not(:focus) {
2201
2201
  box-shadow: none;
2202
2202
  }
2203
- ._inputHover_vn7pb_13 {
2203
+ ._inputHover_khmhl_13 {
2204
2204
  position: relative;
2205
2205
  border-color: var(--color-border-hover);
2206
2206
  z-index: 2;
2207
2207
  }
2208
- ._inputFocus_vn7pb_18 {
2208
+ ._inputFocus_khmhl_18 {
2209
2209
  position: relative;
2210
2210
  outline: none !important;
2211
2211
  border-color: var(--color-border-focus) !important;
2212
2212
  box-shadow: var(--shadow-focus);
2213
2213
  z-index: 3;
2214
2214
  }
2215
- ._inputError_vn7pb_25,
2216
- ._inputWarning_vn7pb_26 {
2215
+ ._inputError_khmhl_25,
2216
+ ._inputWarning_khmhl_26 {
2217
2217
  position: relative;
2218
2218
  }
2219
- ._inputError_vn7pb_25 {
2219
+ ._inputError_khmhl_25 {
2220
2220
  z-index: 2;
2221
2221
  border-color: var(--color-border-error);
2222
2222
  color: var(--color-text-error) !important;
2223
2223
  background-color: var(--color-background-error-muted);
2224
2224
  }
2225
- ._inputError_vn7pb_25:hover {
2225
+ ._inputError_khmhl_25:hover {
2226
2226
  border-color: var(--color-border-error-hover) !important;
2227
2227
  }
2228
- ._inputError_vn7pb_25:focus {
2228
+ ._inputError_khmhl_25:focus {
2229
2229
  position: relative;
2230
2230
  outline: none !important;
2231
2231
  border-color: var(--color-border-focus) !important;
2232
2232
  box-shadow: var(--shadow-focus);
2233
2233
  z-index: 3;
2234
2234
  }
2235
- ._inputWarning_vn7pb_26 {
2235
+ ._inputWarning_khmhl_26 {
2236
2236
  z-index: 1;
2237
2237
  border-color: var(--color-border-warning);
2238
2238
  color: var(--color-text-warning) !important;
2239
2239
  background-color: var(--color-background-warning-muted);
2240
2240
  }
2241
- ._inputWarning_vn7pb_26:hover {
2241
+ ._inputWarning_khmhl_26:hover {
2242
2242
  border-color: var(--color-border-warning-hover) !important;
2243
2243
  }
2244
- ._inputWarning_vn7pb_26:focus {
2244
+ ._inputWarning_khmhl_26:focus {
2245
2245
  position: relative;
2246
2246
  outline: none !important;
2247
2247
  border-color: var(--color-border-focus) !important;
2248
2248
  box-shadow: var(--shadow-focus);
2249
2249
  z-index: 3;
2250
2250
  }
2251
- ._inputDisabled_vn7pb_61 {
2251
+ ._inputDisabled_khmhl_61 {
2252
2252
  pointer-events: none;
2253
2253
  background-color: var(--color-background-disabled);
2254
2254
  color: var(--color-text-muted);
2255
2255
  box-shadow: none;
2256
2256
  }
2257
- ._hideScrollbars_vn7pb_67 {
2257
+ ._hideScrollbars_khmhl_67 {
2258
2258
  /* Firefox */
2259
2259
  scrollbar-width: none;
2260
2260
  /* IE 10+ */
2261
2261
  -ms-overflow-style: none;
2262
2262
  /* Chrome, Safari and Opera */
2263
2263
  }
2264
- ._hideScrollbars_vn7pb_67::-webkit-scrollbar {
2264
+ ._hideScrollbars_khmhl_67::-webkit-scrollbar {
2265
2265
  display: none;
2266
2266
  }
2267
2267
  :root {
@@ -2277,37 +2277,37 @@ html[data-theme='dark'] {
2277
2277
  --color-border-drawer-tab: black;
2278
2278
  --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
2279
2279
  }
2280
- ._inline_vn7pb_90 {
2280
+ ._inline_khmhl_90 {
2281
2281
  position: relative;
2282
2282
  }
2283
- ._inline_vn7pb_90._left_vn7pb_93 {
2283
+ ._inline_khmhl_90._left_khmhl_93 {
2284
2284
  order: -1;
2285
2285
  }
2286
- ._inline_vn7pb_90._right_vn7pb_96 {
2286
+ ._inline_khmhl_90._right_khmhl_96 {
2287
2287
  order: 9999;
2288
2288
  }
2289
- ._fixed_vn7pb_99 {
2289
+ ._fixed_khmhl_99 {
2290
2290
  position: fixed;
2291
2291
  top: 0;
2292
2292
  bottom: 0;
2293
2293
  z-index: var(--zindex-drawer);
2294
2294
  }
2295
- ._fixed_vn7pb_99._left_vn7pb_93 {
2295
+ ._fixed_khmhl_99._left_khmhl_93 {
2296
2296
  left: 0;
2297
2297
  }
2298
- ._fixed_vn7pb_99._right_vn7pb_96 {
2298
+ ._fixed_khmhl_99._right_khmhl_96 {
2299
2299
  right: 0;
2300
2300
  }
2301
- ._left_vn7pb_93 ._border_vn7pb_111 {
2301
+ ._left_khmhl_93 ._border_khmhl_111 {
2302
2302
  border-right: 1px solid var(--color-border);
2303
2303
  }
2304
- ._right_vn7pb_96 ._border_vn7pb_111 {
2304
+ ._right_khmhl_96 ._border_khmhl_111 {
2305
2305
  border-left: 1px solid var(--color-border);
2306
2306
  }
2307
- ._shadow_vn7pb_117 {
2307
+ ._shadow_khmhl_117 {
2308
2308
  box-shadow: var(--shadow-layer);
2309
2309
  }
2310
- ._drawerContent_vn7pb_120 {
2310
+ ._drawerContent_khmhl_120 {
2311
2311
  overflow-x: hidden;
2312
2312
  overflow-y: auto;
2313
2313
  max-height: 100%;
@@ -2319,40 +2319,40 @@ html[data-theme='dark'] {
2319
2319
  -ms-overflow-style: none;
2320
2320
  /* Chrome, Safari and Opera */
2321
2321
  }
2322
- ._isResizing_vn7pb_132 ._drawerContent_vn7pb_120 {
2322
+ ._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
2323
2323
  transition: none;
2324
2324
  }
2325
2325
  @media print {
2326
- ._drawerContent_vn7pb_120 {
2326
+ ._drawerContent_khmhl_120 {
2327
2327
  background: transparent !important;
2328
2328
  }
2329
2329
  }
2330
- ._drawerContent_vn7pb_120::-webkit-scrollbar {
2330
+ ._drawerContent_khmhl_120::-webkit-scrollbar {
2331
2331
  display: none;
2332
2332
  }
2333
- ._toggleButton_vn7pb_143 {
2333
+ ._toggleButton_khmhl_143 {
2334
2334
  transition: transform 0.2s;
2335
2335
  display: inline-block;
2336
2336
  transform: rotate(180deg);
2337
2337
  position: absolute;
2338
2338
  z-index: calc(var(--zindex-drawer) + 3);
2339
2339
  }
2340
- ._left_vn7pb_93 ._toggleButton_vn7pb_143 {
2340
+ ._left_khmhl_93 ._toggleButton_khmhl_143 {
2341
2341
  right: calc(var(--size) / -2);
2342
2342
  }
2343
- ._right_vn7pb_96 ._toggleButton_vn7pb_143 {
2343
+ ._right_khmhl_96 ._toggleButton_khmhl_143 {
2344
2344
  left: calc(var(--size) / -2);
2345
2345
  }
2346
- ._toggleButton_vn7pb_143._top_vn7pb_156 {
2346
+ ._toggleButton_khmhl_143._top_khmhl_156 {
2347
2347
  top: var(--padding);
2348
2348
  }
2349
- ._toggleButton_vn7pb_143._bottom_vn7pb_159 {
2349
+ ._toggleButton_khmhl_143._bottom_khmhl_159 {
2350
2350
  bottom: var(--padding);
2351
2351
  }
2352
- ._toggleButton_vn7pb_143._toggleButtonOpen_vn7pb_162 {
2352
+ ._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
2353
2353
  transform: rotate(0deg);
2354
2354
  }
2355
- ._tabs_vn7pb_165 {
2355
+ ._tabs_khmhl_165 {
2356
2356
  position: absolute;
2357
2357
  top: 0;
2358
2358
  bottom: 0;
@@ -2362,13 +2362,13 @@ html[data-theme='dark'] {
2362
2362
  border-left: 1px solid var(--color-border);
2363
2363
  border-right: 1px solid var(--color-border);
2364
2364
  }
2365
- ._left_vn7pb_93 ._tabs_vn7pb_165 {
2365
+ ._left_khmhl_93 ._tabs_khmhl_165 {
2366
2366
  right: 0;
2367
2367
  }
2368
- ._right_vn7pb_96 ._tabs_vn7pb_165 {
2368
+ ._right_khmhl_96 ._tabs_khmhl_165 {
2369
2369
  left: 0;
2370
2370
  }
2371
- ._tabs_vn7pb_165 ._tab_vn7pb_165 {
2371
+ ._tabs_khmhl_165 ._tab_khmhl_165 {
2372
2372
  font-size: var(--size-sm);
2373
2373
  height: var(--size-drawer-tabs);
2374
2374
  width: var(--size-drawer-tabs);
@@ -2380,42 +2380,49 @@ html[data-theme='dark'] {
2380
2380
  transition: color 0.2s, background-color 0.2s;
2381
2381
  border: 1px solid var(--color-border-drawer-tab);
2382
2382
  }
2383
- ._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
2383
+ ._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
2384
2384
  border-top-left-radius: 0;
2385
2385
  border-bottom-left-radius: 0;
2386
2386
  }
2387
- ._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
2387
+ ._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2388
2388
  border-left-color: transparent;
2389
2389
  }
2390
- ._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
2390
+ ._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
2391
2391
  border-top-right-radius: 0;
2392
2392
  border-bottom-right-radius: 0;
2393
2393
  }
2394
- ._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
2394
+ ._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2395
2395
  border-right-color: transparent;
2396
2396
  }
2397
- ._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197) {
2397
+ ._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
2398
2398
  color: var(--color-text-primary);
2399
2399
  background-color: var(--color-background-drawer-tab) !important;
2400
2400
  }
2401
- ._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197):hover {
2401
+ ._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
2402
2402
  color: var(--color-text);
2403
2403
  background-color: var(--color-background-drawer-tab-hover) !important;
2404
2404
  }
2405
- ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
2405
+ ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2406
2406
  color: var(--color-text);
2407
2407
  border-color: var(--color-border);
2408
2408
  }
2409
- ._tabs_vn7pb_165 ._tab_vn7pb_165 svg {
2409
+ ._tabs_khmhl_165 ._tab_khmhl_165 svg {
2410
2410
  stroke-width: 1.125;
2411
2411
  }
2412
- ._left_vn7pb_93 ._tabsContent_vn7pb_222 {
2412
+ ._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
2413
+ cursor: default;
2414
+ pointer-events: none;
2415
+ color: var(--color-text-faint) !important;
2416
+ background-color: var(--color-background-disabled) !important;
2417
+ border-color: var(--color-border) !important;
2418
+ }
2419
+ ._left_khmhl_93 ._tabsContent_khmhl_229 {
2413
2420
  padding-right: calc(var(--size-drawer-tabs) - 1px);
2414
2421
  }
2415
- ._right_vn7pb_96 ._tabsContent_vn7pb_222 {
2422
+ ._right_khmhl_96 ._tabsContent_khmhl_229 {
2416
2423
  padding-left: calc(var(--size-drawer-tabs) - 1px);
2417
2424
  }
2418
- ._resizeHandle_vn7pb_228 {
2425
+ ._resizeHandle_khmhl_235 {
2419
2426
  --size-resize-handle: 10px;
2420
2427
  position: absolute;
2421
2428
  top: 0;
@@ -2429,18 +2436,18 @@ html[data-theme='dark'] {
2429
2436
  font-size: var(--size-resize-handle);
2430
2437
  transition: all 0.2s;
2431
2438
  }
2432
- ._resizeHandle_vn7pb_228:hover {
2439
+ ._resizeHandle_khmhl_235:hover {
2433
2440
  background: var(--color-background-drawer-handle-hover);
2434
2441
  color: var(--color-text-primary);
2435
2442
  }
2436
- ._resizeHandle_vn7pb_228:active {
2443
+ ._resizeHandle_khmhl_235:active {
2437
2444
  background: var(--color-text-primary);
2438
2445
  color: white;
2439
2446
  }
2440
- ._left_vn7pb_93 ._resizeHandle_vn7pb_228 {
2447
+ ._left_khmhl_93 ._resizeHandle_khmhl_235 {
2441
2448
  right: 0;
2442
2449
  }
2443
- ._right_vn7pb_96 ._resizeHandle_vn7pb_228 {
2450
+ ._right_khmhl_96 ._resizeHandle_khmhl_235 {
2444
2451
  left: 0;
2445
2452
  }
2446
2453
  ._empty_fe425_1 {
package/dist/index.d.ts CHANGED
@@ -359,6 +359,7 @@ declare interface IDrawerTab {
359
359
  icon?: ReactNode | React_2.JSX.Element;
360
360
  content?: ReactNode;
361
361
  badge?: TStringOrNumber;
362
+ disabled?: boolean;
362
363
  }
363
364
 
364
365
  export declare interface IEmptyProps {
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-20a759e1.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-9f2f8de9.css"></head><body><div id="content"></div></body>
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-c1fad522.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-8ad0a531.css"></head><body><div id="content"></div></body>