@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.
Files changed (35) hide show
  1. package/dist/404.html +1 -1
  2. package/dist/assets/{index-1127a527.js → index-4238df81.js} +14 -14
  3. package/dist/global.css +102 -102
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +26 -26
  6. package/dist/storybook/assets/{Color-6VNJS4EI-cb5c4788.js → Color-6VNJS4EI-cefe79ec.js} +1 -1
  7. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-17347ae5.js → DocsRenderer-NNNQARDV-fb3fe131.js} +1 -1
  8. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-3275a5af.js → WithTooltip-4HIR6TLV-0862d786.js} +1 -1
  9. package/dist/storybook/assets/{afe.stories-bee1e150.js → afe.stories-309aa48a.js} +1 -1
  10. package/dist/storybook/assets/{blowout.stories-20f00bc9.js → blowout.stories-2591ca22.js} +1 -1
  11. package/dist/storybook/assets/{buttons-and-links-f13c8e28.js → buttons-and-links-374b31a9.js} +1 -1
  12. package/dist/storybook/assets/{casing-loads.stories-f7e2f8cc.js → casing-loads.stories-1f1eb04e.js} +1 -1
  13. package/dist/storybook/assets/{chunk-HLWAVYOI-d7c21eea.js → chunk-HLWAVYOI-ae8e1c50.js} +1 -1
  14. package/dist/storybook/assets/{color-5add850b.js → color-b356ce0c.js} +1 -1
  15. package/dist/storybook/assets/{column.stories-e1a47fca.js → column.stories-2f7ed5c1.js} +1 -1
  16. package/dist/storybook/assets/{formation.stories-1292ac52.js → formation.stories-9efe9a06.js} +1 -1
  17. package/dist/storybook/assets/{formatter-SWP5E3XI-238c3a92.js → formatter-SWP5E3XI-e5eab0b3.js} +1 -1
  18. package/dist/storybook/assets/{iframe-0f97428a.js → iframe-e53c8858.js} +1 -1
  19. package/dist/storybook/assets/{index-6ee8b3c0.js → index-783abb9b.js} +4 -4
  20. package/dist/storybook/assets/{input-validation-0dc0d8a4.js → input-validation-9eb9e168.js} +1 -1
  21. package/dist/storybook/assets/{inputs-286807c7.js → inputs-71afa000.js} +1 -1
  22. package/dist/storybook/assets/{layout-forms-62893d5e.js → layout-forms-e397902f.js} +1 -1
  23. package/dist/storybook/assets/{layout-general-23feddd6.js → layout-general-695c8e11.js} +1 -1
  24. package/dist/storybook/assets/preview-4d45db3d.js +1 -0
  25. package/dist/storybook/assets/{preview-df2826f0.js → preview-76383759.js} +1 -1
  26. package/dist/storybook/assets/{projects.stories-80ce9234.js → projects.stories-d5cca87f.js} +1 -1
  27. package/dist/storybook/assets/{reservoirs.stories-c685a1c3.js → reservoirs.stories-bb46900d.js} +1 -1
  28. package/dist/storybook/assets/row-f26d47b5.js +39 -0
  29. package/dist/storybook/assets/{site.stories-bcbe8ab9.js → site.stories-be444eee.js} +1 -1
  30. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-e3c1ae2d.js → syntaxhighlighter-NMPM6SWI-fbc99436.js} +1 -1
  31. package/dist/storybook/iframe.html +1 -1
  32. package/dist/storybook/project.json +1 -1
  33. package/package.json +1 -1
  34. package/dist/storybook/assets/preview-f10109a7.js +0 -1
  35. 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-1127a527.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-5d610f95.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-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.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}
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.widthTablet && `flex-basis: ${p2.widthTablet};`}
20466
+ ${(p2) => p2.$widthTablet && `flex-basis: ${p2.$widthTablet};`}
20467
20467
  }
20468
20468
 
20469
20469
  @media (max-width: 575px) {
20470
- ${(p2) => p2.widthMobile && `flex-basis: ${p2.widthMobile};`}
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.flexbox && !p2.scroll ? "flex" : "block"};
20479
- ${(p2) => p2.flexbox && `flex-direction: column;`}
20480
- padding: ${(p2) => p2.padding === true ? "16px 20px" : p2.padding};
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
- ._inputInTable_1apdk_341 {
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
- ._inputInTable_1apdk_341:not(:hover) {
3345
+ ._inputInTable_1kayo_341:not(:hover) {
3346
3346
  border-color: transparent;
3347
3347
  }
3348
- ._inputHover_1apdk_350 {
3348
+ ._inputHover_1kayo_350 {
3349
3349
  position: relative;
3350
3350
  border-color: var(--color-border-hover);
3351
3351
  z-index: 2;
3352
3352
  }
3353
- ._inputFocus_1apdk_355 {
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
- ._inputError_1apdk_362,
3361
- ._inputWarning_1apdk_363 {
3360
+ ._inputError_1kayo_362,
3361
+ ._inputWarning_1kayo_363 {
3362
3362
  position: relative;
3363
3363
  }
3364
- ._inputError_1apdk_362 {
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
- ._inputError_1apdk_362:hover {
3370
+ ._inputError_1kayo_362:hover {
3371
3371
  border-color: var(--color-border-error-hover) !important;
3372
3372
  }
3373
- ._inputError_1apdk_362:focus {
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
- ._inputWarning_1apdk_363 {
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
- ._inputWarning_1apdk_363:hover {
3386
+ ._inputWarning_1kayo_363:hover {
3387
3387
  border-color: var(--color-border-warning-hover) !important;
3388
3388
  }
3389
- ._inputWarning_1apdk_363:focus {
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
- ._inputDisabled_1apdk_398 {
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
- ._hideScrollbars_1apdk_403 {
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
- ._hideScrollbars_1apdk_403::-webkit-scrollbar {
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
- ._button_1apdk_447 {
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
- ._button_1apdk_447:hover {
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
- ._button_1apdk_447:focus {
3475
+ ._button_1kayo_447:focus {
3476
3476
  box-shadow: var(--shadow-focus);
3477
3477
  }
3478
- ._button_1apdk_447:active {
3478
+ ._button_1kayo_447:active {
3479
3479
  background: var(--color-background-button-default-active);
3480
3480
  box-shadow: none;
3481
3481
  }
3482
- ._button_1apdk_447._active_1apdk_484:not(._green_1apdk_484):not(._red_1apdk_484):not(._orange_1apdk_484) {
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
- ._button_1apdk_447:hover,
3489
- ._button_1apdk_447:focus,
3490
- ._button_1apdk_447:active {
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
- ._button_1apdk_447 ._icon_1apdk_496 {
3494
+ ._button_1kayo_447 ._icon_1kayo_496 {
3495
3495
  margin: 0 8px 0 -4px;
3496
3496
  }
3497
- ._button_1apdk_447 ._icon_1apdk_496 svg {
3497
+ ._button_1kayo_447 ._icon_1kayo_496 svg {
3498
3498
  height: 14px;
3499
3499
  width: 14px;
3500
3500
  }
3501
- ._iconOnly_1apdk_503 {
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
- ._iconOnly_1apdk_503 ._icon_1apdk_496 {
3507
+ ._iconOnly_1kayo_503 ._icon_1kayo_496 {
3508
3508
  margin: 0;
3509
3509
  line-height: 0;
3510
3510
  }
3511
- ._basic_1apdk_513 {
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
- ._basic_1apdk_513._muted_1apdk_519 {
3517
+ ._basic_1kayo_513._muted_1kayo_519 {
3518
3518
  color: var(--color-text-button-muted);
3519
3519
  }
3520
- ._basic_1apdk_513:hover,
3521
- ._basic_1apdk_513:focus {
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
- ._basic_1apdk_513:active,
3526
- ._basic_1apdk_513._active_1apdk_484 {
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
- ._disabled_1apdk_532 {
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
- ._disabled_1apdk_532:not(._active_1apdk_484):not(._basic_1apdk_513) {
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
- ._small_1apdk_542 {
3540
+ ._small_1kayo_542 {
3541
3541
  font-size: 12px;
3542
3542
  min-height: var(--size-sm);
3543
- padding: 0 0.75rem;
3543
+ padding: var(--padding-input-small);
3544
3544
  }
3545
- ._pill_1apdk_547,
3546
- ._round_1apdk_548 {
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
- ._round_1apdk_548 {
3555
+ ._round_1kayo_548 {
3556
3556
  padding: 0;
3557
3557
  width: var(--size);
3558
3558
  line-height: 1;
3559
3559
  }
3560
- ._round_1apdk_548._small_1apdk_542 {
3560
+ ._round_1kayo_548._small_1kayo_542 {
3561
3561
  width: var(--size-sm);
3562
3562
  }
3563
- ._orange_1apdk_484:not(._basic_1apdk_513) {
3563
+ ._orange_1kayo_484:not(._basic_1kayo_513) {
3564
3564
  background-color: var(--color-background-button-primary);
3565
3565
  }
3566
- ._orange_1apdk_484:not(._basic_1apdk_513):hover,
3567
- ._orange_1apdk_484:not(._basic_1apdk_513):focus {
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
- ._orange_1apdk_484:not(._basic_1apdk_513):active,
3571
- ._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
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
- ._red_1apdk_484:not(._basic_1apdk_513) {
3574
+ ._red_1kayo_484:not(._basic_1kayo_513) {
3575
3575
  background-color: var(--color-background-button-error);
3576
3576
  }
3577
- ._red_1apdk_484:not(._basic_1apdk_513):hover,
3578
- ._red_1apdk_484:not(._basic_1apdk_513):focus {
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
- ._red_1apdk_484:not(._basic_1apdk_513):active,
3582
- ._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
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
- ._red_1apdk_484._basic_1apdk_513 {
3585
+ ._red_1kayo_484._basic_1kayo_513 {
3586
3586
  color: var(--color-text-error);
3587
3587
  }
3588
- ._green_1apdk_484:not(._basic_1apdk_513) {
3588
+ ._green_1kayo_484:not(._basic_1kayo_513) {
3589
3589
  background-color: var(--color-background-button-success);
3590
3590
  }
3591
- ._green_1apdk_484:not(._basic_1apdk_513):hover,
3592
- ._green_1apdk_484:not(._basic_1apdk_513):focus {
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
- ._green_1apdk_484:not(._basic_1apdk_513):active,
3596
- ._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
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
- ._green_1apdk_484._basic_1apdk_513 {
3599
+ ._green_1kayo_484._basic_1kayo_513 {
3600
3600
  color: var(--color-text-success);
3601
3601
  }
3602
- ._orange_1apdk_484:not(._basic_1apdk_513),
3603
- ._red_1apdk_484:not(._basic_1apdk_513),
3604
- ._green_1apdk_484:not(._basic_1apdk_513) {
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
- ._orange_1apdk_484:not(._basic_1apdk_513):hover,
3608
- ._red_1apdk_484:not(._basic_1apdk_513):hover,
3609
- ._green_1apdk_484:not(._basic_1apdk_513):hover,
3610
- ._orange_1apdk_484:not(._basic_1apdk_513):focus,
3611
- ._red_1apdk_484:not(._basic_1apdk_513):focus,
3612
- ._green_1apdk_484:not(._basic_1apdk_513):focus {
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
- ._orange_1apdk_484:not(._basic_1apdk_513):active,
3616
- ._red_1apdk_484:not(._basic_1apdk_513):active,
3617
- ._green_1apdk_484:not(._basic_1apdk_513):active,
3618
- ._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,
3619
- ._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,
3620
- ._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
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
- ._error_1apdk_625 {
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
- ._error_1apdk_625:hover {
3630
+ ._error_1kayo_625:hover {
3631
3631
  border-color: var(--color-border-error-hover) !important;
3632
3632
  }
3633
- ._error_1apdk_625:focus {
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
- ._warning_1apdk_642 {
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
- ._warning_1apdk_642:hover {
3647
+ ._warning_1kayo_642:hover {
3648
3648
  border-color: var(--color-border-warning-hover) !important;
3649
3649
  }
3650
- ._warning_1apdk_642:focus {
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
- ._inverted_1apdk_659 {
3657
+ ._inverted_1kayo_659 {
3658
3658
  background-color: transparent;
3659
3659
  border-color: var(--color-text);
3660
3660
  box-shadow: none;
3661
3661
  }
3662
- ._inverted_1apdk_659:hover,
3663
- ._inverted_1apdk_659:focus,
3664
- ._inverted_1apdk_659:active {
3662
+ ._inverted_1kayo_659:hover,
3663
+ ._inverted_1kayo_659:focus,
3664
+ ._inverted_1kayo_659:active {
3665
3665
  box-shadow: none;
3666
3666
  }
3667
- ._inverted_1apdk_659._orange_1apdk_484 {
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
- ._inverted_1apdk_659._red_1apdk_484 {
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
- ._inverted_1apdk_659._green_1apdk_484 {
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
- ._inverted_1apdk_659._orange_1apdk_484:hover,
3680
- ._inverted_1apdk_659._red_1apdk_484:hover,
3681
- ._inverted_1apdk_659._green_1apdk_484:hover,
3682
- ._inverted_1apdk_659._orange_1apdk_484:focus,
3683
- ._inverted_1apdk_659._red_1apdk_484:focus,
3684
- ._inverted_1apdk_659._green_1apdk_484:focus,
3685
- ._inverted_1apdk_659._orange_1apdk_484:active,
3686
- ._inverted_1apdk_659._red_1apdk_484:active,
3687
- ._inverted_1apdk_659._green_1apdk_484:active {
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
- ._groupOrderFirst_1apdk_693,
3692
- ._groupOrderMiddle_1apdk_694,
3693
- ._groupOrderLast_1apdk_695 {
3691
+ ._groupOrderFirst_1kayo_693,
3692
+ ._groupOrderMiddle_1kayo_694,
3693
+ ._groupOrderLast_1kayo_695 {
3694
3694
  margin-right: 0;
3695
3695
  }
3696
- ._groupOrderFirst_1apdk_693,
3697
- ._groupOrderMiddle_1apdk_694 {
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
- ._groupOrderLast_1apdk_695,
3702
- ._groupOrderMiddle_1apdk_694 {
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-1127a527.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-5d610f95.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-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 = "_inputInTable_1apdk_341";
11354
- const inputHover$b = "_inputHover_1apdk_350";
11355
- const inputFocus$b = "_inputFocus_1apdk_355";
11356
- const inputError$b = "_inputError_1apdk_362";
11357
- const inputWarning$b = "_inputWarning_1apdk_363";
11358
- const inputDisabled$b = "_inputDisabled_1apdk_398";
11359
- const hideScrollbars$b = "_hideScrollbars_1apdk_403";
11360
- const button$3 = "_button_1apdk_447";
11361
- const active$8 = "_active_1apdk_484";
11362
- const green$1 = "_green_1apdk_484";
11363
- const red$1 = "_red_1apdk_484";
11364
- const orange$1 = "_orange_1apdk_484";
11365
- const icon$5 = "_icon_1apdk_496";
11366
- const iconOnly = "_iconOnly_1apdk_503";
11367
- const basic = "_basic_1apdk_513";
11368
- const muted$2 = "_muted_1apdk_519";
11369
- const disabled$8 = "_disabled_1apdk_532";
11370
- const small$d = "_small_1apdk_542";
11371
- const pill = "_pill_1apdk_547";
11372
- const round = "_round_1apdk_548";
11373
- const error$8 = "_error_1apdk_625";
11374
- const warning$b = "_warning_1apdk_642";
11375
- const inverted$1 = "_inverted_1apdk_659";
11376
- const groupOrderFirst$4 = "_groupOrderFirst_1apdk_693";
11377
- const groupOrderMiddle$4 = "_groupOrderMiddle_1apdk_694";
11378
- const groupOrderLast$4 = "_groupOrderLast_1apdk_695";
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,