@oliasoft-open-source/react-ui-library 3.11.1-beta-3 → 3.11.1-beta-5

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
@@ -1069,12 +1069,13 @@ html[data-theme='dark'] {
1069
1069
  /*
1070
1070
  Z-INDEX
1071
1071
  */
1072
- ._chevron_noaey_341 {
1072
+ ._chevron_ckxkd_341 {
1073
1073
  margin-right: 10px;
1074
+ font-size: 11px;
1074
1075
  transition: transform 0.3s;
1075
1076
  color: var(--color-text-muted);
1076
1077
  }
1077
- ._chevron_noaey_341._expanded_noaey_346 {
1078
+ ._chevron_ckxkd_341._expanded_ckxkd_347 {
1078
1079
  transform: rotate(90deg);
1079
1080
  }
1080
1081
  /*
@@ -1417,31 +1418,51 @@ html[data-theme='dark'] {
1417
1418
  /*
1418
1419
  Z-INDEX
1419
1420
  */
1420
- ._wrapper_6kkc6_341 {
1421
- color: inherit;
1422
- fill: inherit;
1423
- display: inline-flex;
1424
- align-items: center;
1425
- justify-content: center;
1421
+ ._accordion_11e4r_341 {
1422
+ position: relative;
1423
+ color: var(--color-text);
1426
1424
  }
1427
- ._wrapper_6kkc6_341 ._customSvg_6kkc6_348 {
1428
- line-height: 0;
1425
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345 {
1426
+ display: flex;
1427
+ align-items: center;
1429
1428
  }
1430
- ._wrapper_6kkc6_341 ._customPng_6kkc6_351 {
1431
- max-width: 100%;
1432
- max-height: 100%;
1433
- object-fit: contain;
1429
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345 ._heading_11e4r_349 {
1430
+ flex-grow: 1;
1434
1431
  }
1435
- ._clickable_6kkc6_356 {
1432
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover {
1436
1433
  cursor: pointer;
1437
1434
  }
1438
- ._clickable_6kkc6_356:hover {
1439
- color: var(--color-text-primary-hover) !important;
1440
- fill: var(--color-text-primary-hover) !important;
1435
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover > * {
1436
+ color: var(--color-text) !important;
1441
1437
  }
1442
- ._clickable_6kkc6_356:active {
1443
- color: var(--color-text-primary-active) !important;
1444
- fill: var(--color-text-primary-active) !important;
1438
+ ._accordion_11e4r_341:not(._bordered_11e4r_358) ._accordionContent_11e4r_358 {
1439
+ margin-top: 15px;
1440
+ }
1441
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345,
1442
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1443
+ border: 1px solid var(--color-border);
1444
+ line-height: 20px;
1445
+ }
1446
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345 {
1447
+ padding: 10px 15px;
1448
+ border-radius: 4px;
1449
+ background-color: var(--color-background);
1450
+ }
1451
+ ._accordion_11e4r_341._bordered_11e4r_358._expanded_11e4r_371 ._accordionHeader_11e4r_345 {
1452
+ border-bottom-left-radius: 0;
1453
+ border-bottom-right-radius: 0;
1454
+ }
1455
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1456
+ border-top: none;
1457
+ border-radius: 0 0 4px 4px;
1458
+ background-color: var(--color-background-raised);
1459
+ }
1460
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358._padding_11e4r_380 {
1461
+ padding: 10px 15px;
1462
+ }
1463
+ ._accordion_11e4r_341._bordered_11e4r_358._squareBottom_11e4r_383 ._accordionHeader_11e4r_345 {
1464
+ border-bottom-left-radius: 0;
1465
+ border-bottom-right-radius: 0;
1445
1466
  }
1446
1467
  /*
1447
1468
  This file has shared variables that are re-used in other LESS files/modules
@@ -1783,51 +1804,89 @@ html[data-theme='dark'] {
1783
1804
  /*
1784
1805
  Z-INDEX
1785
1806
  */
1786
- ._accordion_11e4r_341 {
1807
+ ._checkbox_1r0b6_341 {
1808
+ margin: calc((var(--size) - var(--size-xs)) / 2) 0;
1787
1809
  position: relative;
1788
- color: var(--color-text);
1789
- }
1790
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345 {
1791
1810
  display: flex;
1792
1811
  align-items: center;
1812
+ gap: 8px;
1813
+ backface-visibility: hidden;
1814
+ vertical-align: baseline;
1815
+ font-style: normal;
1816
+ min-height: var(--size-xs);
1817
+ font-size: inherit;
1818
+ line-height: var(--size-xs);
1819
+ min-width: var(--size-xs);
1820
+ outline: 0px;
1793
1821
  }
1794
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345 ._heading_11e4r_349 {
1795
- flex-grow: 1;
1822
+ ._checkbox_1r0b6_341._noLabel_1r0b6_356 {
1823
+ width: var(--size-xs);
1796
1824
  }
1797
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover {
1825
+ ._checkbox_1r0b6_341._small_1r0b6_359 {
1826
+ margin: calc((var(--size-sm) - var(--size-xs)) / 2) 0;
1827
+ font-size: 12px;
1828
+ }
1829
+ ._checkbox_1r0b6_341 input {
1798
1830
  cursor: pointer;
1831
+ position: absolute;
1832
+ top: 0px;
1833
+ left: 0px;
1834
+ width: var(--size-xs);
1835
+ height: var(--size-xs);
1836
+ opacity: 0 !important;
1837
+ outline: 0px;
1838
+ z-index: -1;
1799
1839
  }
1800
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover > * {
1801
- color: var(--color-text) !important;
1840
+ ._checkbox_1r0b6_341 label {
1841
+ cursor: pointer;
1842
+ user-select: none;
1843
+ color: var(--color-text);
1844
+ transition: color 0.1s ease 0s;
1845
+ display: block;
1846
+ padding-left: 1.85714em;
1847
+ font-size: 1em;
1848
+ outline: 0px;
1802
1849
  }
1803
- ._accordion_11e4r_341:not(._bordered_11e4r_358) ._accordionContent_11e4r_358 {
1804
- margin-top: 15px;
1850
+ ._checkbox_1r0b6_341 label ._checkmark_1r0b6_384 {
1851
+ position: absolute;
1852
+ top: 0px;
1853
+ left: 0px;
1854
+ width: var(--size-xs);
1855
+ height: var(--size-xs);
1856
+ padding: 2px;
1857
+ background: var(--color-background-input);
1858
+ border-radius: 0.214286rem;
1859
+ transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
1860
+ border: 1px solid var(--color-border-checkbox);
1861
+ color: transparent;
1805
1862
  }
1806
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345,
1807
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1808
- border: 1px solid var(--color-border);
1809
- line-height: 20px;
1863
+ ._checkbox_1r0b6_341 label ._checkmark_1r0b6_384:hover {
1864
+ border-color: var(--color-border-hover);
1810
1865
  }
1811
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345 {
1812
- padding: 10px 15px;
1813
- border-radius: 4px;
1814
- background-color: var(--color-background);
1866
+ ._checkbox_1r0b6_341 input:checked ~ label ._checkmark_1r0b6_384 {
1867
+ background: var(--color-background-primary);
1868
+ border-color: transparent;
1869
+ color: white;
1815
1870
  }
1816
- ._accordion_11e4r_341._bordered_11e4r_358._expanded_11e4r_371 ._accordionHeader_11e4r_345 {
1817
- border-bottom-left-radius: 0;
1818
- border-bottom-right-radius: 0;
1871
+ ._checkbox_1r0b6_341._disabled_1r0b6_405 {
1872
+ cursor: default;
1873
+ pointer-events: none;
1819
1874
  }
1820
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1821
- border-top: none;
1822
- border-radius: 0 0 4px 4px;
1823
- background-color: var(--color-background-raised);
1875
+ ._checkbox_1r0b6_341._disabled_1r0b6_405 label {
1876
+ color: var(--color-text-muted);
1824
1877
  }
1825
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358._padding_11e4r_380 {
1826
- padding: 10px 15px;
1878
+ ._checkbox_1r0b6_341._disabled_1r0b6_405 ._checkmark_1r0b6_384 {
1879
+ background: var(--color-background-disabled) !important;
1880
+ border-color: var(--color-border-checkbox) !important;
1827
1881
  }
1828
- ._accordion_11e4r_341._bordered_11e4r_358._squareBottom_11e4r_383 ._accordionHeader_11e4r_345 {
1829
- border-bottom-left-radius: 0;
1830
- border-bottom-right-radius: 0;
1882
+ ._checkbox_1r0b6_341._disabled_1r0b6_405 input:checked ~ label ._checkmark_1r0b6_384 {
1883
+ color: var(--color-text-faint);
1884
+ }
1885
+ ._noMargin_1r0b6_419 {
1886
+ margin: 0;
1887
+ }
1888
+ ._isInTable_1r0b6_422 {
1889
+ margin: 0;
1831
1890
  }
1832
1891
  /*
1833
1892
  This file has shared variables that are re-used in other LESS files/modules
@@ -2169,91 +2228,46 @@ html[data-theme='dark'] {
2169
2228
  /*
2170
2229
  Z-INDEX
2171
2230
  */
2172
- ._checkbox_16naz_341 {
2173
- margin: calc((var(--size) - var(--size-xs)) / 2) 0;
2174
- position: relative;
2175
- display: flex;
2176
- align-items: center;
2177
- gap: 8px;
2178
- backface-visibility: hidden;
2179
- vertical-align: baseline;
2180
- font-style: normal;
2181
- min-height: var(--size-xs);
2182
- font-size: inherit;
2183
- line-height: var(--size-xs);
2184
- min-width: var(--size-xs);
2185
- outline: 0px;
2231
+ ._tooltip_bsjxl_341 {
2232
+ background: var(--color-text);
2233
+ fill: var(--color-text);
2234
+ z-index: 2003;
2235
+ color: var(--color-background);
2236
+ border-radius: 3px;
2186
2237
  }
2187
- ._checkbox_16naz_341._noLabel_16naz_356 {
2188
- width: var(--size-xs);
2238
+ ._tooltip_bsjxl_341 * {
2239
+ color: var(--color-background);
2189
2240
  }
2190
- ._checkbox_16naz_341._small_16naz_359 {
2191
- margin: calc((var(--size-sm) - var(--size-xs)) / 2) 0;
2192
- font-size: 12px;
2241
+ ._tooltip_bsjxl_341 > svg,
2242
+ ._tooltip_bsjxl_341 > svg > * {
2243
+ fill: inherit !important;
2193
2244
  }
2194
- ._checkbox_16naz_341 input {
2195
- cursor: pointer;
2196
- position: absolute;
2197
- top: 0px;
2198
- left: 0px;
2199
- width: var(--size-xs);
2200
- height: var(--size-xs);
2201
- opacity: 0 !important;
2202
- outline: 0px;
2203
- z-index: -1;
2245
+ ._tooltip_bsjxl_341._error_bsjxl_355 {
2246
+ background: var(--color-error-500);
2247
+ fill: var(--color-error-500);
2204
2248
  }
2205
- ._checkbox_16naz_341 label {
2206
- cursor: pointer;
2207
- user-select: none;
2208
- color: var(--color-text);
2209
- transition: color 0.1s ease 0s;
2210
- display: block;
2211
- padding-left: 1.85714em;
2212
- font-size: 1em;
2213
- outline: 0px;
2249
+ ._tooltip_bsjxl_341._warning_bsjxl_359 {
2250
+ background: var(--color-warning-500);
2251
+ fill: var(--color-warning-500);
2214
2252
  }
2215
- ._checkbox_16naz_341 label ._checkmark_16naz_384 {
2216
- position: absolute;
2217
- top: 0px;
2218
- left: 0px;
2219
- width: var(--size-xs);
2220
- height: var(--size-xs);
2253
+ ._helpIcon_1yokl_1 {
2254
+ color: var(--color-text-faint);
2255
+ font-size: 13px;
2221
2256
  display: inline-flex;
2222
2257
  align-items: center;
2223
- justify-content: center;
2224
- background: var(--color-background-input);
2225
- border-radius: 0.214286rem;
2226
- transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
2227
- border: 1px solid var(--color-border-checkbox);
2228
- color: transparent;
2229
- }
2230
- ._checkbox_16naz_341 label ._checkmark_16naz_384:hover {
2231
- border-color: var(--color-border-hover);
2232
- }
2233
- ._checkbox_16naz_341 input:checked ~ label ._checkmark_16naz_384 {
2234
- background: var(--color-background-primary);
2235
- border-color: transparent;
2236
- color: white;
2237
- }
2238
- ._checkbox_16naz_341._disabled_16naz_407 {
2239
- cursor: default;
2240
- pointer-events: none;
2241
- }
2242
- ._checkbox_16naz_341._disabled_16naz_407 label {
2243
- color: var(--color-text-muted);
2244
2258
  }
2245
- ._checkbox_16naz_341._disabled_16naz_407 ._checkmark_16naz_384 {
2246
- background: var(--color-background-disabled) !important;
2247
- border-color: var(--color-border-checkbox) !important;
2259
+ ._active_1yokl_7 {
2260
+ color: var(--color-text);
2248
2261
  }
2249
- ._checkbox_16naz_341._disabled_16naz_407 input:checked ~ label ._checkmark_16naz_384 {
2250
- color: var(--color-text-faint);
2262
+ ._clickable_1yokl_10 {
2263
+ cursor: pointer;
2251
2264
  }
2252
- ._noMargin_16naz_421 {
2253
- margin: 0;
2265
+ ._clickable_1yokl_10:hover,
2266
+ ._clickable_1yokl_10:focus {
2267
+ color: var(--color-text-primary-hover);
2254
2268
  }
2255
- ._isInTable_16naz_424 {
2256
- margin: 0;
2269
+ ._clickable_1yokl_10:active {
2270
+ color: var(--color-text-primary-active);
2257
2271
  }
2258
2272
  /*
2259
2273
  This file has shared variables that are re-used in other LESS files/modules
@@ -2595,46 +2609,23 @@ html[data-theme='dark'] {
2595
2609
  /*
2596
2610
  Z-INDEX
2597
2611
  */
2598
- ._tooltip_bsjxl_341 {
2599
- background: var(--color-text);
2600
- fill: var(--color-text);
2601
- z-index: 2003;
2602
- color: var(--color-background);
2603
- border-radius: 3px;
2604
- }
2605
- ._tooltip_bsjxl_341 * {
2606
- color: var(--color-background);
2607
- }
2608
- ._tooltip_bsjxl_341 > svg,
2609
- ._tooltip_bsjxl_341 > svg > * {
2610
- fill: inherit !important;
2611
- }
2612
- ._tooltip_bsjxl_341._error_bsjxl_355 {
2613
- background: var(--color-error-500);
2614
- fill: var(--color-error-500);
2615
- }
2616
- ._tooltip_bsjxl_341._warning_bsjxl_359 {
2617
- background: var(--color-warning-500);
2618
- fill: var(--color-warning-500);
2619
- }
2620
- ._helpIcon_1yokl_1 {
2621
- color: var(--color-text-faint);
2622
- font-size: 13px;
2623
- display: inline-flex;
2624
- align-items: center;
2612
+ ._bordered_8hv0o_341 {
2613
+ border: 1px solid var(--color-border);
2614
+ border-radius: 0 0 4px 4px;
2615
+ border-top: none;
2616
+ background-color: var(--color-background-raised);
2625
2617
  }
2626
- ._active_1yokl_7 {
2627
- color: var(--color-text);
2618
+ ._checkboxWrapper_8hv0o_347 {
2619
+ padding: 2px 15px;
2628
2620
  }
2629
- ._clickable_1yokl_10 {
2630
- cursor: pointer;
2621
+ ._checkboxWrapper_8hv0o_347:last-child {
2622
+ border-radius: 0 0 inherit inherit;
2631
2623
  }
2632
- ._clickable_1yokl_10:hover,
2633
- ._clickable_1yokl_10:focus {
2634
- color: var(--color-text-primary-hover);
2624
+ ._padding_8hv0o_353 {
2625
+ padding: 10px 15px;
2635
2626
  }
2636
- ._clickable_1yokl_10:active {
2637
- color: var(--color-text-primary-active);
2627
+ ._contentWrapper_8hv0o_356 {
2628
+ border-radius: inherit;
2638
2629
  }
2639
2630
  /*
2640
2631
  This file has shared variables that are re-used in other LESS files/modules
@@ -2976,23 +2967,31 @@ html[data-theme='dark'] {
2976
2967
  /*
2977
2968
  Z-INDEX
2978
2969
  */
2979
- ._bordered_8hv0o_341 {
2980
- border: 1px solid var(--color-border);
2981
- border-radius: 0 0 4px 4px;
2982
- border-top: none;
2983
- background-color: var(--color-background-raised);
2970
+ ._wrapper_6kkc6_341 {
2971
+ color: inherit;
2972
+ fill: inherit;
2973
+ display: inline-flex;
2974
+ align-items: center;
2975
+ justify-content: center;
2984
2976
  }
2985
- ._checkboxWrapper_8hv0o_347 {
2986
- padding: 2px 15px;
2977
+ ._wrapper_6kkc6_341 ._customSvg_6kkc6_348 {
2978
+ line-height: 0;
2987
2979
  }
2988
- ._checkboxWrapper_8hv0o_347:last-child {
2989
- border-radius: 0 0 inherit inherit;
2980
+ ._wrapper_6kkc6_341 ._customPng_6kkc6_351 {
2981
+ max-width: 100%;
2982
+ max-height: 100%;
2983
+ object-fit: contain;
2990
2984
  }
2991
- ._padding_8hv0o_353 {
2992
- padding: 10px 15px;
2985
+ ._clickable_6kkc6_356 {
2986
+ cursor: pointer;
2993
2987
  }
2994
- ._contentWrapper_8hv0o_356 {
2995
- border-radius: inherit;
2988
+ ._clickable_6kkc6_356:hover {
2989
+ color: var(--color-text-primary-hover) !important;
2990
+ fill: var(--color-text-primary-hover) !important;
2991
+ }
2992
+ ._clickable_6kkc6_356:active {
2993
+ color: var(--color-text-primary-active) !important;
2994
+ fill: var(--color-text-primary-active) !important;
2996
2995
  }
2997
2996
  /*
2998
2997
  This file has shared variables that are re-used in other LESS files/modules
@@ -8035,76 +8034,76 @@ html[data-theme='dark'] {
8035
8034
  /*
8036
8035
  Z-INDEX
8037
8036
  */
8038
- ._inputInTable_iomrv_341 {
8037
+ ._inputInTable_1jk6o_341 {
8039
8038
  background-color: transparent;
8040
8039
  border-radius: inherit !important;
8041
8040
  height: var(--size);
8042
8041
  min-height: 100%;
8043
8042
  }
8044
- ._inputInTable_iomrv_341:not(:hover) {
8043
+ ._inputInTable_1jk6o_341:not(:hover) {
8045
8044
  border-color: transparent;
8046
8045
  }
8047
- ._inputHover_iomrv_350 {
8046
+ ._inputHover_1jk6o_350 {
8048
8047
  position: relative;
8049
8048
  border-color: var(--color-border-hover);
8050
8049
  z-index: 2;
8051
8050
  }
8052
- ._inputFocus_iomrv_355 {
8051
+ ._inputFocus_1jk6o_355 {
8053
8052
  position: relative;
8054
8053
  outline: none !important;
8055
8054
  border-color: var(--color-border-focus) !important;
8056
8055
  box-shadow: var(--shadow-focus);
8057
8056
  z-index: 3;
8058
8057
  }
8059
- ._inputError_iomrv_362,
8060
- ._inputWarning_iomrv_363 {
8058
+ ._inputError_1jk6o_362,
8059
+ ._inputWarning_1jk6o_363 {
8061
8060
  position: relative;
8062
8061
  }
8063
- ._inputError_iomrv_362 {
8062
+ ._inputError_1jk6o_362 {
8064
8063
  z-index: 2;
8065
8064
  border-color: var(--color-border-error);
8066
8065
  color: var(--color-text-error) !important;
8067
8066
  background-color: var(--color-background-error);
8068
8067
  }
8069
- ._inputError_iomrv_362:hover {
8068
+ ._inputError_1jk6o_362:hover {
8070
8069
  border-color: var(--color-border-error-hover) !important;
8071
8070
  }
8072
- ._inputError_iomrv_362:focus {
8071
+ ._inputError_1jk6o_362:focus {
8073
8072
  position: relative;
8074
8073
  outline: none !important;
8075
8074
  border-color: var(--color-border-focus) !important;
8076
8075
  box-shadow: var(--shadow-focus);
8077
8076
  z-index: 3;
8078
8077
  }
8079
- ._inputWarning_iomrv_363 {
8078
+ ._inputWarning_1jk6o_363 {
8080
8079
  z-index: 1;
8081
8080
  border-color: var(--color-border-warning);
8082
8081
  color: var(--color-text-warning) !important;
8083
8082
  background-color: var(--color-background-warning);
8084
8083
  }
8085
- ._inputWarning_iomrv_363:hover {
8084
+ ._inputWarning_1jk6o_363:hover {
8086
8085
  border-color: var(--color-border-warning-hover) !important;
8087
8086
  }
8088
- ._inputWarning_iomrv_363:focus {
8087
+ ._inputWarning_1jk6o_363:focus {
8089
8088
  position: relative;
8090
8089
  outline: none !important;
8091
8090
  border-color: var(--color-border-focus) !important;
8092
8091
  box-shadow: var(--shadow-focus);
8093
8092
  z-index: 3;
8094
8093
  }
8095
- ._inputDisabled_iomrv_398 {
8094
+ ._inputDisabled_1jk6o_398 {
8096
8095
  pointer-events: none;
8097
8096
  background-color: var(--color-background-disabled);
8098
8097
  color: var(--color-text-muted);
8099
8098
  }
8100
- ._hideScrollbars_iomrv_403 {
8099
+ ._hideScrollbars_1jk6o_403 {
8101
8100
  /* Firefox */
8102
8101
  scrollbar-width: none;
8103
8102
  /* IE 10+ */
8104
8103
  -ms-overflow-style: none;
8105
8104
  /* Chrome, Safari and Opera */
8106
8105
  }
8107
- ._hideScrollbars_iomrv_403::-webkit-scrollbar {
8106
+ ._hideScrollbars_1jk6o_403::-webkit-scrollbar {
8108
8107
  display: none;
8109
8108
  }
8110
8109
  :root {
@@ -8119,37 +8118,37 @@ html[data-theme='dark'] {
8119
8118
  --color-background-drawer-tab-hover: var(--color-primary-muted-700);
8120
8119
  --color-border-drawer-tab: var(--color-border);
8121
8120
  }
8122
- ._inline_iomrv_425 {
8121
+ ._inline_1jk6o_425 {
8123
8122
  position: relative;
8124
8123
  }
8125
- ._inline_iomrv_425._left_iomrv_428 {
8124
+ ._inline_1jk6o_425._left_1jk6o_428 {
8126
8125
  order: -1;
8127
8126
  }
8128
- ._inline_iomrv_425._right_iomrv_431 {
8127
+ ._inline_1jk6o_425._right_1jk6o_431 {
8129
8128
  order: 9999;
8130
8129
  }
8131
- ._fixed_iomrv_434 {
8130
+ ._fixed_1jk6o_434 {
8132
8131
  position: fixed;
8133
8132
  top: 0;
8134
8133
  bottom: 0;
8135
8134
  z-index: 99;
8136
8135
  }
8137
- ._fixed_iomrv_434._left_iomrv_428 {
8136
+ ._fixed_1jk6o_434._left_1jk6o_428 {
8138
8137
  left: 0;
8139
8138
  }
8140
- ._fixed_iomrv_434._right_iomrv_431 {
8139
+ ._fixed_1jk6o_434._right_1jk6o_431 {
8141
8140
  right: 0;
8142
8141
  }
8143
- ._left_iomrv_428 ._border_iomrv_446 {
8142
+ ._left_1jk6o_428 ._border_1jk6o_446 {
8144
8143
  border-right: 1px solid var(--color-border);
8145
8144
  }
8146
- ._right_iomrv_431 ._border_iomrv_446 {
8145
+ ._right_1jk6o_431 ._border_1jk6o_446 {
8147
8146
  border-left: 1px solid var(--color-border);
8148
8147
  }
8149
- ._shadow_iomrv_452 {
8148
+ ._shadow_1jk6o_452 {
8150
8149
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
8151
8150
  }
8152
- ._drawerContent_iomrv_455 {
8151
+ ._drawerContent_1jk6o_455 {
8153
8152
  overflow-x: hidden;
8154
8153
  overflow-y: auto;
8155
8154
  max-height: 100%;
@@ -8161,40 +8160,40 @@ html[data-theme='dark'] {
8161
8160
  -ms-overflow-style: none;
8162
8161
  /* Chrome, Safari and Opera */
8163
8162
  }
8164
- ._isResizing_iomrv_467 ._drawerContent_iomrv_455 {
8163
+ ._isResizing_1jk6o_467 ._drawerContent_1jk6o_455 {
8165
8164
  transition: none;
8166
8165
  }
8167
8166
  @media print {
8168
- ._drawerContent_iomrv_455 {
8167
+ ._drawerContent_1jk6o_455 {
8169
8168
  background: transparent !important;
8170
8169
  }
8171
8170
  }
8172
- ._drawerContent_iomrv_455::-webkit-scrollbar {
8171
+ ._drawerContent_1jk6o_455::-webkit-scrollbar {
8173
8172
  display: none;
8174
8173
  }
8175
- ._toggleButton_iomrv_478 {
8174
+ ._toggleButton_1jk6o_478 {
8176
8175
  transition: transform 0.4s;
8177
8176
  display: inline-block;
8178
8177
  transform: rotate(180deg);
8179
8178
  position: absolute;
8180
8179
  z-index: 102;
8181
8180
  }
8182
- ._left_iomrv_428 ._toggleButton_iomrv_478 {
8181
+ ._left_1jk6o_428 ._toggleButton_1jk6o_478 {
8183
8182
  right: calc(var(--size) / -2);
8184
8183
  }
8185
- ._right_iomrv_431 ._toggleButton_iomrv_478 {
8184
+ ._right_1jk6o_431 ._toggleButton_1jk6o_478 {
8186
8185
  left: calc(var(--size) / -2);
8187
8186
  }
8188
- ._toggleButton_iomrv_478._top_iomrv_491 {
8187
+ ._toggleButton_1jk6o_478._top_1jk6o_491 {
8189
8188
  top: 20px;
8190
8189
  }
8191
- ._toggleButton_iomrv_478._bottom_iomrv_494 {
8190
+ ._toggleButton_1jk6o_478._bottom_1jk6o_494 {
8192
8191
  bottom: 20px;
8193
8192
  }
8194
- ._toggleButton_iomrv_478._toggleButtonOpen_iomrv_497 {
8193
+ ._toggleButton_1jk6o_478._toggleButtonOpen_1jk6o_497 {
8195
8194
  transform: rotate(0deg);
8196
8195
  }
8197
- ._tabs_iomrv_500 {
8196
+ ._tabs_1jk6o_500 {
8198
8197
  position: absolute;
8199
8198
  top: 0;
8200
8199
  bottom: 0;
@@ -8204,14 +8203,13 @@ html[data-theme='dark'] {
8204
8203
  border-left: 1px solid var(--color-border);
8205
8204
  border-right: 1px solid var(--color-border);
8206
8205
  }
8207
- ._left_iomrv_428 ._tabs_iomrv_500 {
8206
+ ._left_1jk6o_428 ._tabs_1jk6o_500 {
8208
8207
  right: 0;
8209
8208
  }
8210
- ._right_iomrv_431 ._tabs_iomrv_500 {
8209
+ ._right_1jk6o_431 ._tabs_1jk6o_500 {
8211
8210
  left: 0;
8212
8211
  }
8213
- ._tabs_iomrv_500 ._tab_iomrv_500 {
8214
- font-size: 18px;
8212
+ ._tabs_1jk6o_500 ._tab_1jk6o_500 {
8215
8213
  height: 38px;
8216
8214
  width: 38px;
8217
8215
  display: flex;
@@ -8222,39 +8220,39 @@ html[data-theme='dark'] {
8222
8220
  transition: color 0.3s, background-color 0.3s;
8223
8221
  border: 1px solid var(--color-border-drawer-tab);
8224
8222
  }
8225
- ._left_iomrv_428 ._tabs_iomrv_500 ._tab_iomrv_500 {
8223
+ ._left_1jk6o_428 ._tabs_1jk6o_500 ._tab_1jk6o_500 {
8226
8224
  border-top-left-radius: 0;
8227
8225
  border-bottom-left-radius: 0;
8228
8226
  }
8229
- ._left_iomrv_428 ._tabs_iomrv_500 ._tab_iomrv_500._active_iomrv_532 {
8227
+ ._left_1jk6o_428 ._tabs_1jk6o_500 ._tab_1jk6o_500._active_1jk6o_531 {
8230
8228
  border-left-color: transparent;
8231
8229
  }
8232
- ._right_iomrv_431 ._tabs_iomrv_500 ._tab_iomrv_500 {
8230
+ ._right_1jk6o_431 ._tabs_1jk6o_500 ._tab_1jk6o_500 {
8233
8231
  border-top-right-radius: 0;
8234
8232
  border-bottom-right-radius: 0;
8235
8233
  }
8236
- ._right_iomrv_431 ._tabs_iomrv_500 ._tab_iomrv_500._active_iomrv_532 {
8234
+ ._right_1jk6o_431 ._tabs_1jk6o_500 ._tab_1jk6o_500._active_1jk6o_531 {
8237
8235
  border-right-color: transparent;
8238
8236
  }
8239
- ._tabs_iomrv_500 ._tab_iomrv_500:not(._active_iomrv_532) {
8237
+ ._tabs_1jk6o_500 ._tab_1jk6o_500:not(._active_1jk6o_531) {
8240
8238
  color: var(--color-text-primary);
8241
8239
  background-color: var(--color-background-drawer-tab) !important;
8242
8240
  }
8243
- ._tabs_iomrv_500 ._tab_iomrv_500:not(._active_iomrv_532):hover {
8241
+ ._tabs_1jk6o_500 ._tab_1jk6o_500:not(._active_1jk6o_531):hover {
8244
8242
  color: var(--color-text);
8245
8243
  background-color: var(--color-background-drawer-tab-hover) !important;
8246
8244
  }
8247
- ._tabs_iomrv_500 ._tab_iomrv_500._active_iomrv_532 {
8245
+ ._tabs_1jk6o_500 ._tab_1jk6o_500._active_1jk6o_531 {
8248
8246
  color: var(--color-text);
8249
8247
  border-color: var(--color-border);
8250
8248
  }
8251
- ._left_iomrv_428 ._tabsContent_iomrv_554 {
8249
+ ._left_1jk6o_428 ._tabsContent_1jk6o_553 {
8252
8250
  padding-right: 36px;
8253
8251
  }
8254
- ._right_iomrv_431 ._tabsContent_iomrv_554 {
8252
+ ._right_1jk6o_431 ._tabsContent_1jk6o_553 {
8255
8253
  padding-left: 36px;
8256
8254
  }
8257
- ._resizeHandle_iomrv_560 {
8255
+ ._resizeHandle_1jk6o_559 {
8258
8256
  position: absolute;
8259
8257
  top: 0;
8260
8258
  bottom: 0;
@@ -8267,18 +8265,18 @@ html[data-theme='dark'] {
8267
8265
  font-size: 12px;
8268
8266
  transition: all 0.2s;
8269
8267
  }
8270
- ._resizeHandle_iomrv_560:hover {
8268
+ ._resizeHandle_1jk6o_559:hover {
8271
8269
  background: rgba(235, 100, 41, 0.15);
8272
8270
  color: var(--color-text-primary);
8273
8271
  }
8274
- ._resizeHandle_iomrv_560:active {
8272
+ ._resizeHandle_1jk6o_559:active {
8275
8273
  background: var(--color-text-primary);
8276
8274
  color: white;
8277
8275
  }
8278
- ._left_iomrv_428 ._resizeHandle_iomrv_560 {
8276
+ ._left_1jk6o_428 ._resizeHandle_1jk6o_559 {
8279
8277
  right: 0;
8280
8278
  }
8281
- ._right_iomrv_431 ._resizeHandle_iomrv_560 {
8279
+ ._right_1jk6o_431 ._resizeHandle_1jk6o_559 {
8282
8280
  left: 0;
8283
8281
  }
8284
8282
  /*