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