@oliasoft-open-source/react-ui-library 4.0.0-beta-59 → 4.0.0-beta-61

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 (77) hide show
  1. package/dist/assets/{index-541a35bd.css → index-815d3e96.css} +150 -136
  2. package/dist/assets/{index-425d14e0.js → index-bb4c3557.js} +78 -70
  3. package/dist/global.css +150 -136
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +109 -92
  6. package/dist/index.js.map +1 -1
  7. package/dist/storybook/assets/{Color-6VNJS4EI-385fd07f.js → Color-6VNJS4EI-b198135c.js} +1 -1
  8. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-81593ce6.js → DocsRenderer-NNNQARDV-19e71c0e.js} +1 -1
  9. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-4193649c.js → WithTooltip-4HIR6TLV-2f83280b.js} +1 -1
  10. package/dist/storybook/assets/{accordion.stories-11c22ab5.js → accordion.stories-e1a1a1da.js} +1 -1
  11. package/dist/storybook/assets/{afe.stories-2bda4793.js → afe.stories-37c20b62.js} +1 -1
  12. package/dist/storybook/assets/{buttons-and-links-957e9470.js → buttons-and-links-82ee1d3d.js} +1 -1
  13. package/dist/storybook/assets/{casing-loads.stories-59db26a9.js → casing-loads.stories-07b8c5bf.js} +1 -1
  14. package/dist/storybook/assets/{cell.stories-7ebcbb82.js → cell.stories-0c3541a7.js} +1 -1
  15. package/dist/storybook/assets/check-box-73be452f.js +1 -0
  16. package/dist/storybook/assets/check-box-960c9b05.css +1 -0
  17. package/dist/storybook/assets/check-box.stories-73c79421.js +97 -0
  18. package/dist/storybook/assets/{chunk-HLWAVYOI-3d751d00.js → chunk-HLWAVYOI-3f2e7bdd.js} +1 -1
  19. package/dist/storybook/assets/{color-e6db64d0.js → color-338772bf.js} +1 -1
  20. package/dist/storybook/assets/{drawer.stories-fdef3d43.js → drawer.stories-4eeb77c2.js} +1 -1
  21. package/dist/storybook/assets/{footer.stories-c9d4f59e.js → footer.stories-8a474f57.js} +1 -1
  22. package/dist/storybook/assets/{form.stories-7b32c75b.js → form.stories-c6efa8b0.js} +1 -1
  23. package/dist/storybook/assets/{formation.stories-4536d334.js → formation.stories-b909ce02.js} +1 -1
  24. package/dist/storybook/assets/{formatter-SWP5E3XI-3726b490.js → formatter-SWP5E3XI-25bcba07.js} +1 -1
  25. package/dist/storybook/assets/grid-3b729f81.js +15 -0
  26. package/dist/storybook/assets/{grid.stories-9c914a43.js → grid.stories-bf68df4a.js} +1 -1
  27. package/dist/storybook/assets/{icon.stories-10514dcd.js → icon.stories-9a1cd92c.js} +1 -1
  28. package/dist/storybook/assets/{iframe-41774194.js → iframe-bc0fdebc.js} +1 -1
  29. package/dist/storybook/assets/{index-e4f0261d.js → index-c54905c0.js} +4 -4
  30. package/dist/storybook/assets/{input-validation-dffded55.js → input-validation-7db01452.js} +1 -1
  31. package/dist/storybook/assets/{inputs-f223f0e0.js → inputs-b9d1bfa6.js} +1 -1
  32. package/dist/storybook/assets/{layout-forms-d2ac437d.js → layout-forms-d1ce1a06.js} +1 -1
  33. package/dist/storybook/assets/{layout-general-9ec44b89.js → layout-general-97dba2ce.js} +1 -1
  34. package/dist/storybook/assets/{list-858d3a1f.js → list-5907161b.js} +1 -1
  35. package/dist/storybook/assets/list-heading-d81b63f6.css +1 -0
  36. package/dist/storybook/assets/list-heading-f1ceab8b.js +1 -0
  37. package/dist/storybook/assets/{list.stories-534b1266.js → list.stories-339e0e65.js} +1 -1
  38. package/dist/storybook/assets/{message.stories-50cd9843.js → message.stories-48adad88.js} +1 -1
  39. package/dist/storybook/assets/{number-input-863c4463.js → number-input-42f50494.js} +5 -5
  40. package/dist/storybook/assets/{number-input.stories-04f6469b.js → number-input.stories-b4db5a5c.js} +1 -1
  41. package/dist/storybook/assets/{option-dropdown.stories-b3566308.js → option-dropdown.stories-4d10db5b.js} +1 -1
  42. package/dist/storybook/assets/{padding-and-spacing-72fe80cd.js → padding-and-spacing-a3a5213e.js} +1 -1
  43. package/dist/storybook/assets/{preview-e1f45513.js → preview-074d29f8.js} +1 -1
  44. package/dist/storybook/assets/{preview-d4100e75.css → preview-4131d937.css} +1 -1
  45. package/dist/storybook/assets/preview-de19c997.js +1 -0
  46. package/dist/storybook/assets/{projects.stories-fb4cb900.js → projects.stories-a5ac5dbd.js} +1 -1
  47. package/dist/storybook/assets/radio-button-266c81ed.js +1 -0
  48. package/dist/storybook/assets/radio-button-52e2b7a7.css +1 -0
  49. package/dist/storybook/assets/radio-button.stories-d74ed901.js +61 -0
  50. package/dist/storybook/assets/{reservoirs.stories-134f21cc.js → reservoirs.stories-098985fb.js} +1 -1
  51. package/dist/storybook/assets/{row.stories-b0214b95.js → row.stories-566dbfdc.js} +1 -1
  52. package/dist/storybook/assets/{site.stories-3f58bf8f.js → site.stories-aa5eda50.js} +1 -1
  53. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-07fdd16e.js → syntaxhighlighter-NMPM6SWI-9c89c825.js} +1 -1
  54. package/dist/storybook/assets/{table-95ed9716.js → table-16e7479d.js} +1 -1
  55. package/dist/storybook/assets/{table.stories-3387ebf8.js → table.stories-af5f3080.js} +1 -1
  56. package/dist/storybook/assets/{title.stories-286cd48b.js → title.stories-c91929de.js} +1 -1
  57. package/dist/storybook/assets/{toggle-d9a0cd27.css → toggle-239108ba.css} +1 -1
  58. package/dist/storybook/assets/toggle-de8e437a.js +1 -0
  59. package/dist/storybook/assets/toggle.stories-05bf43ff.js +108 -0
  60. package/dist/storybook/assets/{tree.stories-304d9ff1.js → tree.stories-0521665b.js} +4 -4
  61. package/dist/storybook/iframe.html +1 -1
  62. package/dist/storybook/index.json +1 -1
  63. package/dist/storybook/project.json +1 -1
  64. package/dist/storybook/stories.json +1 -1
  65. package/package.json +1 -1
  66. package/dist/storybook/assets/check-box-421e08ab.js +0 -1
  67. package/dist/storybook/assets/check-box-805d6047.css +0 -1
  68. package/dist/storybook/assets/check-box.stories-3e23f07e.js +0 -85
  69. package/dist/storybook/assets/grid-78d1b29a.js +0 -15
  70. package/dist/storybook/assets/list-heading-8544b8e3.css +0 -1
  71. package/dist/storybook/assets/list-heading-d8175bfc.js +0 -1
  72. package/dist/storybook/assets/preview-b62a051c.js +0 -1
  73. package/dist/storybook/assets/radio-button-82505e3b.js +0 -1
  74. package/dist/storybook/assets/radio-button-bd9936b8.css +0 -1
  75. package/dist/storybook/assets/radio-button.stories-0cbfcabb.js +0 -51
  76. package/dist/storybook/assets/toggle-df90df5f.js +0 -1
  77. package/dist/storybook/assets/toggle.stories-107799ac.js +0 -96
@@ -499,26 +499,26 @@ a {
499
499
  --color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);
500
500
  --color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);
501
501
  --color-neutral-0: hsl(0, 0%, 100%);
502
- --color-neutral-50: hsl(60, 9.28571429%, 97.5%);
503
- --color-neutral-100: hsl(60, 9.28571429%, 92.5%);
504
- --color-neutral-150: hsl(60, 9.28571429%, 87.5%);
505
- --color-neutral-200: hsl(60, 9.28571429%, 82.5%);
506
- --color-neutral-250: hsl(60, 9.28571429%, 77.5%);
507
- --color-neutral-300: hsl(60, 9.28571429%, 72.5%);
508
- --color-neutral-350: hsl(60, 9.28571429%, 67.5%);
509
- --color-neutral-400: hsl(60, 9.28571429%, 62.5%);
510
- --color-neutral-450: hsl(60, 9.28571429%, 57.5%);
511
- --color-neutral-500: hsl(60, 9.28571429%, 52.5%);
512
- --color-neutral-550: hsl(60, 9.28571429%, 47.5%);
513
- --color-neutral-600: hsl(60, 9.28571429%, 42.5%);
514
- --color-neutral-650: hsl(60, 9.28571429%, 37.5%);
515
- --color-neutral-700: hsl(60, 9.28571429%, 32.5%);
516
- --color-neutral-750: hsl(60, 9.28571429%, 27.5%);
517
- --color-neutral-800: hsl(60, 9.28571429%, 22.5%);
518
- --color-neutral-850: hsl(60, 9.28571429%, 17.5%);
519
- --color-neutral-900: hsl(60, 9.28571429%, 12.5%);
520
- --color-neutral-950: hsl(60, 9.28571429%, 7.5%);
521
- --color-neutral-1000: hsl(60, 9.28571429%, 2.5%);
502
+ --color-neutral-50: hsl(60, 25.71428571%, 97.5%);
503
+ --color-neutral-100: hsl(60, 25.71428571%, 92.5%);
504
+ --color-neutral-150: hsl(60, 25.71428571%, 87.5%);
505
+ --color-neutral-200: hsl(60, 25.71428571%, 82.5%);
506
+ --color-neutral-250: hsl(60, 25.71428571%, 77.5%);
507
+ --color-neutral-300: hsl(60, 25.71428571%, 72.5%);
508
+ --color-neutral-350: hsl(60, 25.71428571%, 67.5%);
509
+ --color-neutral-400: hsl(60, 25.71428571%, 62.5%);
510
+ --color-neutral-450: hsl(60, 25.71428571%, 57.5%);
511
+ --color-neutral-500: hsl(60, 25.71428571%, 52.5%);
512
+ --color-neutral-550: hsl(60, 25.71428571%, 47.5%);
513
+ --color-neutral-600: hsl(60, 25.71428571%, 42.5%);
514
+ --color-neutral-650: hsl(60, 25.71428571%, 37.5%);
515
+ --color-neutral-700: hsl(60, 25.71428571%, 32.5%);
516
+ --color-neutral-750: hsl(60, 25.71428571%, 27.5%);
517
+ --color-neutral-800: hsl(60, 25.71428571%, 22.5%);
518
+ --color-neutral-850: hsl(60, 25.71428571%, 17.5%);
519
+ --color-neutral-900: hsl(60, 25.71428571%, 12.5%);
520
+ --color-neutral-950: hsl(60, 25.71428571%, 7.5%);
521
+ --color-neutral-1000: hsl(60, 25.71428571%, 2.5%);
522
522
  }
523
523
 
524
524
  :root {
@@ -834,7 +834,7 @@ a {
834
834
  border-bottom-left-radius: 0;
835
835
  border-bottom-right-radius: 0;
836
836
  }
837
- ._checkbox_k43wr_1 {
837
+ ._checkbox_1ybyr_1 {
838
838
  --size-checkbox: var(--size-xs);
839
839
  margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
840
840
  position: relative;
@@ -850,15 +850,15 @@ a {
850
850
  min-width: var(--size-checkbox);
851
851
  outline: 0px;
852
852
  }
853
- ._checkbox_k43wr_1._noLabel_k43wr_17 {
853
+ ._checkbox_1ybyr_1._noLabel_1ybyr_17 {
854
854
  width: var(--size-checkbox);
855
855
  }
856
- ._checkbox_k43wr_1._small_k43wr_20 {
856
+ ._checkbox_1ybyr_1._small_1ybyr_20 {
857
857
  --size-checkbox: calc(var(--size-xs) - 4px);
858
858
  margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
859
859
  font-size: var(--font-size-sm);
860
860
  }
861
- ._checkbox_k43wr_1 input {
861
+ ._checkbox_1ybyr_1 input {
862
862
  cursor: pointer;
863
863
  position: absolute;
864
864
  top: 0px;
@@ -867,7 +867,7 @@ a {
867
867
  outline: 0px;
868
868
  z-index: -1;
869
869
  }
870
- ._checkbox_k43wr_1 label {
870
+ ._checkbox_1ybyr_1 label {
871
871
  cursor: pointer;
872
872
  user-select: none;
873
873
  color: var(--color-text);
@@ -876,7 +876,7 @@ a {
876
876
  padding-left: calc(var(--size-checkbox) + var(--padding-xs));
877
877
  outline: 0px;
878
878
  }
879
- ._checkbox_k43wr_1 label ._checkmark_k43wr_43 {
879
+ ._checkbox_1ybyr_1 label ._checkmark_1ybyr_43 {
880
880
  position: absolute;
881
881
  top: 0px;
882
882
  left: 0px;
@@ -892,34 +892,37 @@ a {
892
892
  border: 1px solid var(--color-border-checkbox);
893
893
  color: transparent;
894
894
  }
895
- ._checkbox_k43wr_1 label ._checkmark_k43wr_43:hover {
895
+ ._checkbox_1ybyr_1 label ._checkmark_1ybyr_43:hover {
896
896
  border-color: var(--color-border-hover);
897
897
  }
898
- ._checkbox_k43wr_1 input:checked ~ label ._checkmark_k43wr_43 {
898
+ ._checkbox_1ybyr_1 input:checked ~ label ._checkmark_1ybyr_43 {
899
899
  background: var(--color-background-primary);
900
900
  border-color: transparent;
901
901
  color: white;
902
902
  }
903
- ._checkbox_k43wr_1._disabled_k43wr_67 {
903
+ ._checkbox_1ybyr_1._disabled_1ybyr_67 {
904
904
  cursor: default;
905
905
  pointer-events: none;
906
906
  }
907
- ._checkbox_k43wr_1._disabled_k43wr_67 label {
907
+ ._checkbox_1ybyr_1._disabled_1ybyr_67 label {
908
908
  color: var(--color-text-faint);
909
909
  }
910
- ._checkbox_k43wr_1._disabled_k43wr_67 ._checkmark_k43wr_43 {
910
+ ._checkbox_1ybyr_1._disabled_1ybyr_67 ._checkmark_1ybyr_43 {
911
911
  background: var(--color-background-disabled) !important;
912
912
  border-color: var(--color-border-checkbox) !important;
913
913
  }
914
- ._checkbox_k43wr_1._disabled_k43wr_67 input:checked ~ label ._checkmark_k43wr_43 {
914
+ ._checkbox_1ybyr_1._disabled_1ybyr_67 input:checked ~ label ._checkmark_1ybyr_43 {
915
915
  color: var(--color-text-faint);
916
916
  }
917
- ._noMargin_k43wr_81 {
917
+ ._noMargin_1ybyr_81 {
918
918
  margin: 0;
919
919
  }
920
- ._isInTable_k43wr_84 {
920
+ ._isInTable_1ybyr_84 {
921
921
  margin: 0;
922
922
  }
923
+ ._helpIconEnabled_1ybyr_87 {
924
+ pointer-events: auto;
925
+ }
923
926
  ._tooltip_wli9z_1 {
924
927
  background: var(--color-text);
925
928
  fill: var(--color-text);
@@ -2411,123 +2414,123 @@ html[data-theme='dark'] {
2411
2414
  border-top-left-radius: 0 !important;
2412
2415
  border-bottom-left-radius: 0 !important;
2413
2416
  }
2414
- ._inputInTable_1g06t_1 {
2417
+ ._inputInTable_rdsv1_1 {
2415
2418
  background-color: transparent;
2416
2419
  border-radius: inherit !important;
2417
2420
  height: var(--size);
2418
2421
  min-height: 100%;
2419
2422
  }
2420
- ._inputInTable_1g06t_1:not(:hover) {
2423
+ ._inputInTable_rdsv1_1:not(:hover) {
2421
2424
  border-color: transparent;
2422
2425
  }
2423
- ._inputInTable_1g06t_1:not(:focus) {
2426
+ ._inputInTable_rdsv1_1:not(:focus) {
2424
2427
  box-shadow: none;
2425
2428
  }
2426
- ._inputHover_1g06t_13 {
2429
+ ._inputHover_rdsv1_13 {
2427
2430
  position: relative;
2428
2431
  border-color: var(--color-border-hover);
2429
2432
  z-index: 2;
2430
2433
  }
2431
- ._inputFocus_1g06t_18 {
2434
+ ._inputFocus_rdsv1_18 {
2432
2435
  position: relative;
2433
2436
  outline: none !important;
2434
2437
  border-color: var(--color-border-focus) !important;
2435
2438
  box-shadow: var(--shadow-focus);
2436
2439
  z-index: 3;
2437
2440
  }
2438
- ._inputError_1g06t_25,
2439
- ._inputWarning_1g06t_26 {
2441
+ ._inputError_rdsv1_25,
2442
+ ._inputWarning_rdsv1_26 {
2440
2443
  position: relative;
2441
2444
  }
2442
- ._inputError_1g06t_25 {
2445
+ ._inputError_rdsv1_25 {
2443
2446
  z-index: 2;
2444
2447
  border-color: var(--color-border-error);
2445
2448
  color: var(--color-text-error) !important;
2446
2449
  background-color: var(--color-background-error-muted);
2447
2450
  }
2448
- ._inputError_1g06t_25:hover {
2451
+ ._inputError_rdsv1_25:hover {
2449
2452
  border-color: var(--color-border-error-hover) !important;
2450
2453
  }
2451
- ._inputError_1g06t_25:focus {
2454
+ ._inputError_rdsv1_25:focus {
2452
2455
  position: relative;
2453
2456
  outline: none !important;
2454
2457
  border-color: var(--color-border-focus) !important;
2455
2458
  box-shadow: var(--shadow-focus);
2456
2459
  z-index: 3;
2457
2460
  }
2458
- ._inputWarning_1g06t_26 {
2461
+ ._inputWarning_rdsv1_26 {
2459
2462
  z-index: 1;
2460
2463
  border-color: var(--color-border-warning);
2461
2464
  color: var(--color-text-warning) !important;
2462
2465
  background-color: var(--color-background-warning-muted);
2463
2466
  }
2464
- ._inputWarning_1g06t_26:hover {
2467
+ ._inputWarning_rdsv1_26:hover {
2465
2468
  border-color: var(--color-border-warning-hover) !important;
2466
2469
  }
2467
- ._inputWarning_1g06t_26:focus {
2470
+ ._inputWarning_rdsv1_26:focus {
2468
2471
  position: relative;
2469
2472
  outline: none !important;
2470
2473
  border-color: var(--color-border-focus) !important;
2471
2474
  box-shadow: var(--shadow-focus);
2472
2475
  z-index: 3;
2473
2476
  }
2474
- ._inputDisabled_1g06t_61 {
2477
+ ._inputDisabled_rdsv1_61 {
2475
2478
  pointer-events: none;
2476
2479
  background-color: var(--color-background-disabled);
2477
2480
  color: var(--color-text-muted);
2478
2481
  box-shadow: none;
2479
2482
  }
2480
- ._hideScrollbars_1g06t_67 {
2483
+ ._hideScrollbars_rdsv1_67 {
2481
2484
  /* Firefox */
2482
2485
  scrollbar-width: none;
2483
2486
  /* IE 10+ */
2484
2487
  -ms-overflow-style: none;
2485
2488
  /* Chrome, Safari and Opera */
2486
2489
  }
2487
- ._hideScrollbars_1g06t_67::-webkit-scrollbar {
2490
+ ._hideScrollbars_rdsv1_67::-webkit-scrollbar {
2488
2491
  display: none;
2489
2492
  }
2490
- ._header_1g06t_77 ._headerTitle_1g06t_77,
2491
- ._heading_1g06t_78 ._itemHeader_1g06t_78 {
2493
+ ._header_rdsv1_77 ._headerTitle_rdsv1_77,
2494
+ ._heading_rdsv1_78 ._itemHeader_rdsv1_78 {
2492
2495
  transition: opacity 0.3s;
2493
2496
  }
2494
- ._narrow_1g06t_81 ._header_1g06t_77 ._headerTitle_1g06t_77,
2495
- ._narrow_1g06t_81 ._heading_1g06t_78 ._itemHeader_1g06t_78 {
2497
+ ._narrow_rdsv1_81 ._header_rdsv1_77 ._headerTitle_rdsv1_77,
2498
+ ._narrow_rdsv1_81 ._heading_rdsv1_78 ._itemHeader_rdsv1_78 {
2496
2499
  opacity: 0;
2497
2500
  }
2498
- ._stickyHeader_1g06t_85 {
2501
+ ._stickyHeader_rdsv1_85 {
2499
2502
  position: sticky;
2500
2503
  top: 0;
2501
2504
  background-color: var(--color-background);
2502
2505
  z-index: 10;
2503
2506
  }
2504
- ._itemHeader_1g06t_78 {
2507
+ ._itemHeader_rdsv1_78 {
2505
2508
  padding: var(--padding-xs) var(--padding);
2506
2509
  display: flex;
2507
2510
  align-items: flex-start;
2508
2511
  }
2509
- ._itemHeader_1g06t_78 ._title_1g06t_96 {
2512
+ ._itemHeader_rdsv1_78 ._title_rdsv1_96 {
2510
2513
  margin: 0;
2511
2514
  padding: 0;
2512
2515
  flex-grow: 1;
2513
2516
  min-width: 0;
2514
2517
  }
2515
- ._itemHeader_1g06t_78 ._name_1g06t_102 {
2518
+ ._itemHeader_rdsv1_78 ._name_rdsv1_102 {
2516
2519
  font-weight: 400;
2517
2520
  }
2518
- ._itemHeader_1g06t_78 ._iconTooltipMargin_1g06t_105 {
2521
+ ._itemHeader_rdsv1_78 ._iconTooltipMargin_rdsv1_105 {
2519
2522
  margin-left: var(--padding-xs);
2520
2523
  }
2521
- ._itemHeader_1g06t_78 ._bold_1g06t_108 {
2524
+ ._itemHeader_rdsv1_78 ._bold_rdsv1_108 {
2522
2525
  font-weight: bold;
2523
2526
  }
2524
- ._header_1g06t_77 {
2527
+ ._header_rdsv1_77 {
2525
2528
  padding: var(--padding);
2526
2529
  display: flex;
2527
2530
  align-items: center;
2528
2531
  border-bottom: 1px solid var(--color-border);
2529
2532
  }
2530
- ._toggleNarrow_1g06t_117 {
2533
+ ._toggleNarrow_rdsv1_117 {
2531
2534
  margin-right: 16px;
2532
2535
  margin-left: -5px;
2533
2536
  color: #c8c8c8;
@@ -2536,16 +2539,16 @@ html[data-theme='dark'] {
2536
2539
  width: 22px;
2537
2540
  justify-content: center;
2538
2541
  }
2539
- ._toggleNarrow_1g06t_117:hover {
2542
+ ._toggleNarrow_rdsv1_117:hover {
2540
2543
  color: var(--color-text-primary-hover);
2541
2544
  }
2542
- ._toggleNarrow_1g06t_117:active {
2545
+ ._toggleNarrow_rdsv1_117:active {
2543
2546
  color: var(--color-text-primary-active);
2544
2547
  }
2545
- ._narrow_1g06t_81 ._toggleNarrow_1g06t_117 {
2548
+ ._narrow_rdsv1_81 ._toggleNarrow_rdsv1_117 {
2546
2549
  transform: scaleX(-1);
2547
2550
  }
2548
- ._drag_1g06t_135 {
2551
+ ._drag_rdsv1_135 {
2549
2552
  color: var(--color-text-faint);
2550
2553
  display: flex;
2551
2554
  align-items: center;
@@ -2556,28 +2559,28 @@ html[data-theme='dark'] {
2556
2559
  height: 19px;
2557
2560
  width: 19px;
2558
2561
  }
2559
- ._drag_1g06t_135:hover {
2562
+ ._drag_rdsv1_135:hover {
2560
2563
  color: var(--color-text-primary-hover);
2561
2564
  }
2562
- ._drag_1g06t_135:active {
2565
+ ._drag_rdsv1_135:active {
2563
2566
  color: var(--color-text-primary-active);
2564
2567
  }
2565
- ._list_1g06t_152 {
2568
+ ._list_rdsv1_152 {
2566
2569
  flex-shrink: 0;
2567
2570
  background: var(--color-background);
2568
2571
  }
2569
- ._list_1g06t_152._bordered_1g06t_156:first-child,
2570
- ._list_1g06t_152._bordered_1g06t_156:first-child > :first-child {
2572
+ ._list_rdsv1_152._bordered_rdsv1_156:first-child,
2573
+ ._list_rdsv1_152._bordered_rdsv1_156:first-child > :first-child {
2571
2574
  border-top-left-radius: inherit;
2572
2575
  border-top-right-radius: inherit;
2573
2576
  }
2574
- ._list_1g06t_152._bordered_1g06t_156:last-child,
2575
- ._list_1g06t_152._bordered_1g06t_156:last-child > :last-child {
2577
+ ._list_rdsv1_152._bordered_rdsv1_156:last-child,
2578
+ ._list_rdsv1_152._bordered_rdsv1_156:last-child > :last-child {
2576
2579
  border-bottom-left-radius: inherit;
2577
2580
  border-bottom-right-radius: inherit;
2578
2581
  border-bottom: 0;
2579
2582
  }
2580
- ._item_1g06t_78 {
2583
+ ._item_rdsv1_78 {
2581
2584
  color: inherit;
2582
2585
  display: block;
2583
2586
  transition: background-color 0.2s;
@@ -2588,7 +2591,7 @@ html[data-theme='dark'] {
2588
2591
  overflow-wrap: break-word;
2589
2592
  hyphens: auto;
2590
2593
  }
2591
- ._item_1g06t_78:not(._heading_1g06t_78):after {
2594
+ ._item_rdsv1_78:not(._heading_rdsv1_78):after {
2592
2595
  content: '';
2593
2596
  position: absolute;
2594
2597
  left: 0;
@@ -2597,75 +2600,80 @@ html[data-theme='dark'] {
2597
2600
  width: 2px;
2598
2601
  border-top-left-radius: inherit;
2599
2602
  border-bottom-left-radius: inherit;
2600
- transition: background 0.3s;
2603
+ transition: background 0.3s, width 0.3s;
2601
2604
  }
2602
- ._item_1g06t_78._action_1g06t_189 {
2605
+ ._item_rdsv1_78._action_rdsv1_189 {
2603
2606
  cursor: pointer;
2604
2607
  }
2605
- ._item_1g06t_78._action_1g06t_189:not(._active_1g06t_192):hover {
2608
+ ._item_rdsv1_78._action_rdsv1_189:not(._active_rdsv1_192):hover {
2606
2609
  background: var(--color-background-listitem-hover);
2607
2610
  }
2608
- ._item_1g06t_78._action_1g06t_189:not(._active_1g06t_192):hover:after {
2611
+ ._item_rdsv1_78._action_rdsv1_189:not(._active_rdsv1_192):hover:after {
2612
+ width: 5px;
2613
+ background: rgba(0, 0, 0, 0.1);
2614
+ }
2615
+ ._item_rdsv1_78._indented_rdsv1_199:after {
2616
+ width: 3px;
2609
2617
  background: rgba(0, 0, 0, 0.1);
2610
2618
  }
2611
- ._item_1g06t_78._active_1g06t_192 {
2619
+ ._item_rdsv1_78._active_rdsv1_192 {
2612
2620
  cursor: default;
2613
2621
  position: relative;
2614
2622
  z-index: 1;
2615
2623
  background: var(--color-background-listitem-active);
2616
2624
  }
2617
- ._item_1g06t_78._active_1g06t_192:after {
2625
+ ._item_rdsv1_78._active_rdsv1_192:after {
2618
2626
  background: var(--color-background-primary) !important;
2619
2627
  }
2620
- ._item_1g06t_78._disabled_1g06t_207 {
2628
+ ._item_rdsv1_78._disabled_rdsv1_212 {
2621
2629
  color: var(--color-text-faint);
2622
2630
  pointer-events: none;
2623
2631
  }
2624
- ._item_1g06t_78._heading_1g06t_78 {
2632
+ ._item_rdsv1_78._heading_rdsv1_78 {
2625
2633
  color: var(--color-text-muted);
2626
2634
  background-color: var(--color-background-cardheader);
2627
2635
  }
2628
- ._item_1g06t_78._heading_1g06t_78._action_1g06t_189:hover {
2636
+ ._item_rdsv1_78._heading_rdsv1_78._action_rdsv1_189:hover {
2629
2637
  color: var(--color-text-primary-hover);
2630
2638
  }
2631
- ._item_1g06t_78 ._label_1g06t_218 {
2639
+ ._item_rdsv1_78 ._label_rdsv1_223 {
2632
2640
  display: flex;
2633
2641
  align-items: center;
2634
2642
  margin-right: var(--padding-xs);
2635
2643
  flex-shrink: 0;
2636
2644
  }
2637
- ._item_1g06t_78 ._details_1g06t_224,
2638
- ._item_1g06t_78 ._metadata_1g06t_225 {
2645
+ ._item_rdsv1_78 ._details_rdsv1_229,
2646
+ ._item_rdsv1_78 ._metadata_rdsv1_230 {
2639
2647
  display: block;
2640
2648
  width: 100%;
2641
2649
  font-weight: normal;
2642
2650
  }
2643
- ._item_1g06t_78 ._metadata_1g06t_225 {
2651
+ ._item_rdsv1_78 ._metadata_rdsv1_230 {
2644
2652
  color: var(--color-text-muted);
2645
2653
  }
2646
- ._item_1g06t_78 ._itemContent_1g06t_233 {
2654
+ ._item_rdsv1_78 ._itemContent_rdsv1_238 {
2647
2655
  padding: 0 var(--padding) var(--padding-sm);
2648
2656
  cursor: auto;
2649
2657
  }
2650
- ._item_1g06t_78 ._itemContent_1g06t_233:empty {
2658
+ ._item_rdsv1_78 ._itemContent_rdsv1_238:empty {
2651
2659
  padding: inherit;
2652
2660
  }
2653
- ._indentIcon_1g06t_240 {
2661
+ ._indentIcon_rdsv1_245 {
2654
2662
  color: var(--color-text-faint);
2655
2663
  flex-shrink: 0;
2656
2664
  margin-right: var(--padding-xxs);
2657
2665
  }
2658
- ._expandIcon_1g06t_245 {
2666
+ ._expandIcon_rdsv1_250 {
2659
2667
  flex-shrink: 0;
2660
2668
  position: relative;
2661
2669
  display: flex;
2662
2670
  height: var(--line-height);
2663
2671
  margin-right: var(--padding-xs);
2664
2672
  }
2665
- ._expandIcon_1g06t_245._expanded_1g06t_252 svg {
2673
+ ._expandIcon_rdsv1_250._expanded_rdsv1_257 svg {
2666
2674
  transform: rotate(90deg);
2667
2675
  }
2668
- ._right_1g06t_255 {
2676
+ ._right_rdsv1_260 {
2669
2677
  margin-left: auto;
2670
2678
  display: flex;
2671
2679
  align-items: center;
@@ -2674,24 +2682,24 @@ html[data-theme='dark'] {
2674
2682
  margin-right: calc(var(--padding-xs) * -1);
2675
2683
  min-height: var(--size-sm);
2676
2684
  }
2677
- ._actions_1g06t_264 {
2685
+ ._actions_rdsv1_269 {
2678
2686
  margin-left: var(--padding-xs);
2679
2687
  display: flex;
2680
2688
  align-items: center;
2681
2689
  }
2682
- ._scrollableList_1g06t_269 {
2690
+ ._scrollableList_rdsv1_274 {
2683
2691
  height: 100%;
2684
2692
  overflow-y: auto;
2685
2693
  scroll-behavior: smooth;
2686
2694
  }
2687
- ._hideScrollbar_1g06t_67 {
2695
+ ._hideScrollbar_rdsv1_67 {
2688
2696
  /* Firefox */
2689
2697
  scrollbar-width: none;
2690
2698
  /* IE 10+ */
2691
2699
  -ms-overflow-style: none;
2692
2700
  /* Chrome, Safari and Opera */
2693
2701
  }
2694
- ._hideScrollbar_1g06t_67::-webkit-scrollbar {
2702
+ ._hideScrollbar_rdsv1_67::-webkit-scrollbar {
2695
2703
  display: none;
2696
2704
  }
2697
2705
  ._loader_477i5_1 {
@@ -3739,17 +3747,17 @@ html[data-theme='dark'] {
3739
3747
  font-weight: bold;
3740
3748
  z-index: 1;
3741
3749
  }
3742
- ._wrapper_chpf0_1._inline_chpf0_1 {
3750
+ ._wrapper_1fbik_1._inline_1fbik_1 {
3743
3751
  display: flex;
3744
3752
  align-items: center;
3745
3753
  }
3746
- ._wrapper_chpf0_1._inline_chpf0_1 ._radio_chpf0_5:not(:last-child) {
3754
+ ._wrapper_1fbik_1._inline_1fbik_1 ._radio_1fbik_5:not(:last-child) {
3747
3755
  margin-right: var(--padding);
3748
3756
  }
3749
- ._wrapper_chpf0_1 ._labelMargin_chpf0_8 {
3757
+ ._wrapper_1fbik_1 ._labelMargin_1fbik_8 {
3750
3758
  margin-right: var(--padding);
3751
3759
  }
3752
- ._radio_chpf0_5 {
3760
+ ._radio_1fbik_5 {
3753
3761
  --size-radio: var(--size-xs);
3754
3762
  margin: calc((var(--size) - var(--size-radio)) / 2) 0;
3755
3763
  position: relative;
@@ -3765,16 +3773,16 @@ html[data-theme='dark'] {
3765
3773
  min-width: var(--size-radio);
3766
3774
  outline: 0px;
3767
3775
  }
3768
- ._radio_chpf0_5._small_chpf0_27 {
3776
+ ._radio_1fbik_5._small_1fbik_27 {
3769
3777
  --size-radio: calc(var(--size-xs) - 4px);
3770
3778
  margin: calc((var(--size-sm) - var(--size-radio)) / 2) 0;
3771
3779
  font-size: var(--font-size-sm);
3772
3780
  }
3773
- ._radio_chpf0_5._noMargin_chpf0_32 {
3781
+ ._radio_1fbik_5._noMargin_1fbik_32 {
3774
3782
  margin-top: 0;
3775
3783
  margin-bottom: 0;
3776
3784
  }
3777
- ._radio_chpf0_5 input {
3785
+ ._radio_1fbik_5 input {
3778
3786
  cursor: pointer;
3779
3787
  position: absolute;
3780
3788
  top: 0;
@@ -3785,7 +3793,7 @@ html[data-theme='dark'] {
3785
3793
  height: var(--size-radio);
3786
3794
  z-index: -1;
3787
3795
  }
3788
- ._radio_chpf0_5 label {
3796
+ ._radio_1fbik_5 label {
3789
3797
  cursor: pointer;
3790
3798
  position: relative;
3791
3799
  display: block;
@@ -3794,8 +3802,8 @@ html[data-theme='dark'] {
3794
3802
  color: var(--color-text);
3795
3803
  transition: color 0.1s ease;
3796
3804
  }
3797
- ._radio_chpf0_5 label:before,
3798
- ._radio_chpf0_5 label:after {
3805
+ ._radio_1fbik_5 label:before,
3806
+ ._radio_1fbik_5 label:after {
3799
3807
  content: '';
3800
3808
  position: absolute;
3801
3809
  top: 0;
@@ -3806,49 +3814,52 @@ html[data-theme='dark'] {
3806
3814
  border-radius: 50%;
3807
3815
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
3808
3816
  }
3809
- ._radio_chpf0_5 label:before {
3817
+ ._radio_1fbik_5 label:before {
3810
3818
  background: var(--color-background-button-default);
3811
3819
  border: 1px solid var(--color-border-checkbox);
3812
3820
  transform: none;
3813
3821
  }
3814
- ._radio_chpf0_5 label:hover:before {
3822
+ ._radio_1fbik_5 label:hover:before {
3815
3823
  border-color: var(--color-border-hover);
3816
3824
  }
3817
- ._radio_chpf0_5 label:after {
3825
+ ._radio_1fbik_5 label:after {
3818
3826
  border: none;
3819
3827
  transform: scale(0.46666667);
3820
3828
  background-color: white;
3821
3829
  box-shadow: var(--shadow-button);
3822
3830
  opacity: 0;
3823
3831
  }
3824
- ._radio_chpf0_5 input:checked ~ label:before {
3832
+ ._radio_1fbik_5 input:checked ~ label:before {
3825
3833
  background-color: var(--color-background-primary);
3826
3834
  border-color: transparent;
3827
3835
  }
3828
- ._radio_chpf0_5 input:checked ~ label:after {
3836
+ ._radio_1fbik_5 input:checked ~ label:after {
3829
3837
  opacity: 1;
3830
3838
  }
3831
- ._radio_chpf0_5._disabled_chpf0_90 {
3839
+ ._radio_1fbik_5._disabled_1fbik_90 {
3832
3840
  cursor: default;
3833
3841
  pointer-events: none;
3834
3842
  }
3835
- ._radio_chpf0_5._disabled_chpf0_90 label {
3843
+ ._radio_1fbik_5._disabled_1fbik_90 label {
3836
3844
  color: var(--color-text-faint);
3837
3845
  }
3838
- ._radio_chpf0_5._disabled_chpf0_90 label:before {
3846
+ ._radio_1fbik_5._disabled_1fbik_90 label:before {
3839
3847
  background-color: var(--color-background-disabled) !important;
3840
3848
  }
3841
- ._radio_chpf0_5._disabled_chpf0_90 input:checked ~ label:before {
3849
+ ._radio_1fbik_5._disabled_1fbik_90 input:checked ~ label:before {
3842
3850
  border-color: var(--color-border-checkbox);
3843
3851
  }
3844
- ._radio_chpf0_5._disabled_chpf0_90 input:checked ~ label:after {
3852
+ ._radio_1fbik_5._disabled_1fbik_90 input:checked ~ label:after {
3845
3853
  background-color: var(--color-border-checkbox);
3846
3854
  }
3847
- ._isInTable_chpf0_106 {
3855
+ ._isInTable_1fbik_106 {
3848
3856
  margin: 0;
3849
3857
  position: relative;
3850
3858
  top: 1px;
3851
3859
  }
3860
+ ._helpIconEnabled_1fbik_111 {
3861
+ pointer-events: auto;
3862
+ }
3852
3863
  /**
3853
3864
  * Styles extracted from: packages/remirror__theme/src/components-theme.ts
3854
3865
  */
@@ -10471,7 +10482,7 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
10471
10482
  --color-background-toggle: rgba(255, 255, 255, 0.2);
10472
10483
  --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
10473
10484
  }
10474
- ._toggle_6nx51_9 {
10485
+ ._toggle_3ujcm_9 {
10475
10486
  --size-toggle: var(--size-xs);
10476
10487
  position: relative;
10477
10488
  display: inline-flex;
@@ -10487,12 +10498,12 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
10487
10498
  min-width: var(--size-toggle);
10488
10499
  margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
10489
10500
  }
10490
- ._toggle_6nx51_9._small_6nx51_25 {
10501
+ ._toggle_3ujcm_9._small_3ujcm_25 {
10491
10502
  --size-toggle: calc(var(--size-xs) - 4px);
10492
10503
  margin: calc((var(--size-sm) - var(--size-toggle)) / 2) 0;
10493
10504
  font-size: var(--font-size-sm);
10494
10505
  }
10495
- ._toggle_6nx51_9 input {
10506
+ ._toggle_3ujcm_9 input {
10496
10507
  width: calc(var(--size-toggle) * 2);
10497
10508
  height: var(--size-toggle);
10498
10509
  cursor: pointer;
@@ -10508,7 +10519,7 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
10508
10519
  font-family: sans-serif;
10509
10520
  margin: 0;
10510
10521
  }
10511
- ._toggle_6nx51_9 label {
10522
+ ._toggle_3ujcm_9 label {
10512
10523
  min-height: var(--size-toggle);
10513
10524
  padding-left: calc((var(--size-toggle) * 2) + var(--padding-xs));
10514
10525
  transition: color 0.1s ease;
@@ -10517,16 +10528,16 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
10517
10528
  display: block;
10518
10529
  outline: 0;
10519
10530
  }
10520
- ._toggle_6nx51_9 label:empty {
10531
+ ._toggle_3ujcm_9 label:empty {
10521
10532
  padding-left: calc(var(--size-toggle) * 2);
10522
10533
  }
10523
- ._toggle_6nx51_9 label:before,
10524
- ._toggle_6nx51_9 label:after {
10534
+ ._toggle_3ujcm_9 label:before,
10535
+ ._toggle_3ujcm_9 label:after {
10525
10536
  display: block;
10526
10537
  position: absolute;
10527
10538
  content: '';
10528
10539
  }
10529
- ._toggle_6nx51_9 label:before {
10540
+ ._toggle_3ujcm_9 label:before {
10530
10541
  height: var(--size-toggle);
10531
10542
  border-radius: calc(var(--size-toggle) / 2);
10532
10543
  z-index: 1;
@@ -10538,7 +10549,7 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
10538
10549
  top: 0;
10539
10550
  transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
10540
10551
  }
10541
- ._toggle_6nx51_9 label:after {
10552
+ ._toggle_3ujcm_9 label:after {
10542
10553
  height: calc(var(--size-toggle) - 4px);
10543
10554
  width: calc(var(--size-toggle) - 4px);
10544
10555
  border-radius: 50%;
@@ -10551,32 +10562,35 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
10551
10562
  z-index: 2;
10552
10563
  transition: background 0.3s ease, left 0.3s ease;
10553
10564
  }
10554
- ._toggle_6nx51_9 input:hover ~ label:before {
10565
+ ._toggle_3ujcm_9 input:hover ~ label:before {
10555
10566
  background: var(--color-background-toggle-hover);
10556
10567
  }
10557
- ._toggle_6nx51_9 input:checked ~ label:before {
10568
+ ._toggle_3ujcm_9 input:checked ~ label:before {
10558
10569
  background-color: var(--color-background-button-primary);
10559
10570
  }
10560
- ._toggle_6nx51_9 input:checked ~ label:after {
10571
+ ._toggle_3ujcm_9 input:checked ~ label:after {
10561
10572
  left: calc(var(--size-toggle) + 2px);
10562
10573
  }
10563
- ._toggle_6nx51_9 input:checked:hover ~ label:before {
10574
+ ._toggle_3ujcm_9 input:checked:hover ~ label:before {
10564
10575
  background-color: var(--color-background-button-primary-hover);
10565
10576
  }
10566
- ._toggle_6nx51_9._disabled_6nx51_101 {
10577
+ ._toggle_3ujcm_9._disabled_3ujcm_101 {
10567
10578
  cursor: default;
10568
10579
  pointer-events: none;
10569
10580
  color: var(--color-text-faint);
10570
10581
  }
10571
- ._toggle_6nx51_9._disabled_6nx51_101 label:before {
10582
+ ._toggle_3ujcm_9._disabled_3ujcm_101 label:before {
10572
10583
  background-color: var(--color-background-disabled);
10573
10584
  }
10574
- ._toggle_6nx51_9._disabled_6nx51_101 label:after {
10585
+ ._toggle_3ujcm_9._disabled_3ujcm_101 label:after {
10575
10586
  opacity: 0.4;
10576
10587
  }
10577
- ._noMargin_6nx51_112 {
10588
+ ._noMargin_3ujcm_112 {
10578
10589
  margin: 0;
10579
10590
  }
10591
+ ._helpIconEnabled_3ujcm_115 {
10592
+ pointer-events: auto;
10593
+ }
10580
10594
  :root {
10581
10595
  --size-topbar: var(--size-xl);
10582
10596
  --color-link-border-hover: var(--color-neutral-100);