@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.
- package/dist/assets/{index-541a35bd.css → index-815d3e96.css} +150 -136
- package/dist/assets/{index-425d14e0.js → index-bb4c3557.js} +78 -70
- package/dist/global.css +150 -136
- package/dist/index.html +1 -1
- package/dist/index.js +109 -92
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-385fd07f.js → Color-6VNJS4EI-b198135c.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-81593ce6.js → DocsRenderer-NNNQARDV-19e71c0e.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-4193649c.js → WithTooltip-4HIR6TLV-2f83280b.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-11c22ab5.js → accordion.stories-e1a1a1da.js} +1 -1
- package/dist/storybook/assets/{afe.stories-2bda4793.js → afe.stories-37c20b62.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-957e9470.js → buttons-and-links-82ee1d3d.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-59db26a9.js → casing-loads.stories-07b8c5bf.js} +1 -1
- package/dist/storybook/assets/{cell.stories-7ebcbb82.js → cell.stories-0c3541a7.js} +1 -1
- package/dist/storybook/assets/check-box-73be452f.js +1 -0
- package/dist/storybook/assets/check-box-960c9b05.css +1 -0
- package/dist/storybook/assets/check-box.stories-73c79421.js +97 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-3d751d00.js → chunk-HLWAVYOI-3f2e7bdd.js} +1 -1
- package/dist/storybook/assets/{color-e6db64d0.js → color-338772bf.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-fdef3d43.js → drawer.stories-4eeb77c2.js} +1 -1
- package/dist/storybook/assets/{footer.stories-c9d4f59e.js → footer.stories-8a474f57.js} +1 -1
- package/dist/storybook/assets/{form.stories-7b32c75b.js → form.stories-c6efa8b0.js} +1 -1
- package/dist/storybook/assets/{formation.stories-4536d334.js → formation.stories-b909ce02.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-3726b490.js → formatter-SWP5E3XI-25bcba07.js} +1 -1
- package/dist/storybook/assets/grid-3b729f81.js +15 -0
- package/dist/storybook/assets/{grid.stories-9c914a43.js → grid.stories-bf68df4a.js} +1 -1
- package/dist/storybook/assets/{icon.stories-10514dcd.js → icon.stories-9a1cd92c.js} +1 -1
- package/dist/storybook/assets/{iframe-41774194.js → iframe-bc0fdebc.js} +1 -1
- package/dist/storybook/assets/{index-e4f0261d.js → index-c54905c0.js} +4 -4
- package/dist/storybook/assets/{input-validation-dffded55.js → input-validation-7db01452.js} +1 -1
- package/dist/storybook/assets/{inputs-f223f0e0.js → inputs-b9d1bfa6.js} +1 -1
- package/dist/storybook/assets/{layout-forms-d2ac437d.js → layout-forms-d1ce1a06.js} +1 -1
- package/dist/storybook/assets/{layout-general-9ec44b89.js → layout-general-97dba2ce.js} +1 -1
- package/dist/storybook/assets/{list-858d3a1f.js → list-5907161b.js} +1 -1
- package/dist/storybook/assets/list-heading-d81b63f6.css +1 -0
- package/dist/storybook/assets/list-heading-f1ceab8b.js +1 -0
- package/dist/storybook/assets/{list.stories-534b1266.js → list.stories-339e0e65.js} +1 -1
- package/dist/storybook/assets/{message.stories-50cd9843.js → message.stories-48adad88.js} +1 -1
- package/dist/storybook/assets/{number-input-863c4463.js → number-input-42f50494.js} +5 -5
- package/dist/storybook/assets/{number-input.stories-04f6469b.js → number-input.stories-b4db5a5c.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-b3566308.js → option-dropdown.stories-4d10db5b.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-72fe80cd.js → padding-and-spacing-a3a5213e.js} +1 -1
- package/dist/storybook/assets/{preview-e1f45513.js → preview-074d29f8.js} +1 -1
- package/dist/storybook/assets/{preview-d4100e75.css → preview-4131d937.css} +1 -1
- package/dist/storybook/assets/preview-de19c997.js +1 -0
- package/dist/storybook/assets/{projects.stories-fb4cb900.js → projects.stories-a5ac5dbd.js} +1 -1
- package/dist/storybook/assets/radio-button-266c81ed.js +1 -0
- package/dist/storybook/assets/radio-button-52e2b7a7.css +1 -0
- package/dist/storybook/assets/radio-button.stories-d74ed901.js +61 -0
- package/dist/storybook/assets/{reservoirs.stories-134f21cc.js → reservoirs.stories-098985fb.js} +1 -1
- package/dist/storybook/assets/{row.stories-b0214b95.js → row.stories-566dbfdc.js} +1 -1
- package/dist/storybook/assets/{site.stories-3f58bf8f.js → site.stories-aa5eda50.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-07fdd16e.js → syntaxhighlighter-NMPM6SWI-9c89c825.js} +1 -1
- package/dist/storybook/assets/{table-95ed9716.js → table-16e7479d.js} +1 -1
- package/dist/storybook/assets/{table.stories-3387ebf8.js → table.stories-af5f3080.js} +1 -1
- package/dist/storybook/assets/{title.stories-286cd48b.js → title.stories-c91929de.js} +1 -1
- package/dist/storybook/assets/{toggle-d9a0cd27.css → toggle-239108ba.css} +1 -1
- package/dist/storybook/assets/toggle-de8e437a.js +1 -0
- package/dist/storybook/assets/toggle.stories-05bf43ff.js +108 -0
- package/dist/storybook/assets/{tree.stories-304d9ff1.js → tree.stories-0521665b.js} +4 -4
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/check-box-421e08ab.js +0 -1
- package/dist/storybook/assets/check-box-805d6047.css +0 -1
- package/dist/storybook/assets/check-box.stories-3e23f07e.js +0 -85
- package/dist/storybook/assets/grid-78d1b29a.js +0 -15
- package/dist/storybook/assets/list-heading-8544b8e3.css +0 -1
- package/dist/storybook/assets/list-heading-d8175bfc.js +0 -1
- package/dist/storybook/assets/preview-b62a051c.js +0 -1
- package/dist/storybook/assets/radio-button-82505e3b.js +0 -1
- package/dist/storybook/assets/radio-button-bd9936b8.css +0 -1
- package/dist/storybook/assets/radio-button.stories-0cbfcabb.js +0 -51
- package/dist/storybook/assets/toggle-df90df5f.js +0 -1
- 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,
|
|
503
|
-
--color-neutral-100: hsl(60,
|
|
504
|
-
--color-neutral-150: hsl(60,
|
|
505
|
-
--color-neutral-200: hsl(60,
|
|
506
|
-
--color-neutral-250: hsl(60,
|
|
507
|
-
--color-neutral-300: hsl(60,
|
|
508
|
-
--color-neutral-350: hsl(60,
|
|
509
|
-
--color-neutral-400: hsl(60,
|
|
510
|
-
--color-neutral-450: hsl(60,
|
|
511
|
-
--color-neutral-500: hsl(60,
|
|
512
|
-
--color-neutral-550: hsl(60,
|
|
513
|
-
--color-neutral-600: hsl(60,
|
|
514
|
-
--color-neutral-650: hsl(60,
|
|
515
|
-
--color-neutral-700: hsl(60,
|
|
516
|
-
--color-neutral-750: hsl(60,
|
|
517
|
-
--color-neutral-800: hsl(60,
|
|
518
|
-
--color-neutral-850: hsl(60,
|
|
519
|
-
--color-neutral-900: hsl(60,
|
|
520
|
-
--color-neutral-950: hsl(60,
|
|
521
|
-
--color-neutral-1000: hsl(60,
|
|
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
|
-
.
|
|
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
|
-
.
|
|
853
|
+
._checkbox_1ybyr_1._noLabel_1ybyr_17 {
|
|
854
854
|
width: var(--size-checkbox);
|
|
855
855
|
}
|
|
856
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
895
|
+
._checkbox_1ybyr_1 label ._checkmark_1ybyr_43:hover {
|
|
896
896
|
border-color: var(--color-border-hover);
|
|
897
897
|
}
|
|
898
|
-
.
|
|
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
|
-
.
|
|
903
|
+
._checkbox_1ybyr_1._disabled_1ybyr_67 {
|
|
904
904
|
cursor: default;
|
|
905
905
|
pointer-events: none;
|
|
906
906
|
}
|
|
907
|
-
.
|
|
907
|
+
._checkbox_1ybyr_1._disabled_1ybyr_67 label {
|
|
908
908
|
color: var(--color-text-faint);
|
|
909
909
|
}
|
|
910
|
-
.
|
|
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
|
-
.
|
|
914
|
+
._checkbox_1ybyr_1._disabled_1ybyr_67 input:checked ~ label ._checkmark_1ybyr_43 {
|
|
915
915
|
color: var(--color-text-faint);
|
|
916
916
|
}
|
|
917
|
-
.
|
|
917
|
+
._noMargin_1ybyr_81 {
|
|
918
918
|
margin: 0;
|
|
919
919
|
}
|
|
920
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2423
|
+
._inputInTable_rdsv1_1:not(:hover) {
|
|
2421
2424
|
border-color: transparent;
|
|
2422
2425
|
}
|
|
2423
|
-
.
|
|
2426
|
+
._inputInTable_rdsv1_1:not(:focus) {
|
|
2424
2427
|
box-shadow: none;
|
|
2425
2428
|
}
|
|
2426
|
-
.
|
|
2429
|
+
._inputHover_rdsv1_13 {
|
|
2427
2430
|
position: relative;
|
|
2428
2431
|
border-color: var(--color-border-hover);
|
|
2429
2432
|
z-index: 2;
|
|
2430
2433
|
}
|
|
2431
|
-
.
|
|
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
|
-
.
|
|
2439
|
-
.
|
|
2441
|
+
._inputError_rdsv1_25,
|
|
2442
|
+
._inputWarning_rdsv1_26 {
|
|
2440
2443
|
position: relative;
|
|
2441
2444
|
}
|
|
2442
|
-
.
|
|
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
|
-
.
|
|
2451
|
+
._inputError_rdsv1_25:hover {
|
|
2449
2452
|
border-color: var(--color-border-error-hover) !important;
|
|
2450
2453
|
}
|
|
2451
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2467
|
+
._inputWarning_rdsv1_26:hover {
|
|
2465
2468
|
border-color: var(--color-border-warning-hover) !important;
|
|
2466
2469
|
}
|
|
2467
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2490
|
+
._hideScrollbars_rdsv1_67::-webkit-scrollbar {
|
|
2488
2491
|
display: none;
|
|
2489
2492
|
}
|
|
2490
|
-
.
|
|
2491
|
-
.
|
|
2493
|
+
._header_rdsv1_77 ._headerTitle_rdsv1_77,
|
|
2494
|
+
._heading_rdsv1_78 ._itemHeader_rdsv1_78 {
|
|
2492
2495
|
transition: opacity 0.3s;
|
|
2493
2496
|
}
|
|
2494
|
-
.
|
|
2495
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2518
|
+
._itemHeader_rdsv1_78 ._name_rdsv1_102 {
|
|
2516
2519
|
font-weight: 400;
|
|
2517
2520
|
}
|
|
2518
|
-
.
|
|
2521
|
+
._itemHeader_rdsv1_78 ._iconTooltipMargin_rdsv1_105 {
|
|
2519
2522
|
margin-left: var(--padding-xs);
|
|
2520
2523
|
}
|
|
2521
|
-
.
|
|
2524
|
+
._itemHeader_rdsv1_78 ._bold_rdsv1_108 {
|
|
2522
2525
|
font-weight: bold;
|
|
2523
2526
|
}
|
|
2524
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2542
|
+
._toggleNarrow_rdsv1_117:hover {
|
|
2540
2543
|
color: var(--color-text-primary-hover);
|
|
2541
2544
|
}
|
|
2542
|
-
.
|
|
2545
|
+
._toggleNarrow_rdsv1_117:active {
|
|
2543
2546
|
color: var(--color-text-primary-active);
|
|
2544
2547
|
}
|
|
2545
|
-
.
|
|
2548
|
+
._narrow_rdsv1_81 ._toggleNarrow_rdsv1_117 {
|
|
2546
2549
|
transform: scaleX(-1);
|
|
2547
2550
|
}
|
|
2548
|
-
.
|
|
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
|
-
.
|
|
2562
|
+
._drag_rdsv1_135:hover {
|
|
2560
2563
|
color: var(--color-text-primary-hover);
|
|
2561
2564
|
}
|
|
2562
|
-
.
|
|
2565
|
+
._drag_rdsv1_135:active {
|
|
2563
2566
|
color: var(--color-text-primary-active);
|
|
2564
2567
|
}
|
|
2565
|
-
.
|
|
2568
|
+
._list_rdsv1_152 {
|
|
2566
2569
|
flex-shrink: 0;
|
|
2567
2570
|
background: var(--color-background);
|
|
2568
2571
|
}
|
|
2569
|
-
.
|
|
2570
|
-
.
|
|
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
|
-
.
|
|
2575
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2605
|
+
._item_rdsv1_78._action_rdsv1_189 {
|
|
2603
2606
|
cursor: pointer;
|
|
2604
2607
|
}
|
|
2605
|
-
.
|
|
2608
|
+
._item_rdsv1_78._action_rdsv1_189:not(._active_rdsv1_192):hover {
|
|
2606
2609
|
background: var(--color-background-listitem-hover);
|
|
2607
2610
|
}
|
|
2608
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2625
|
+
._item_rdsv1_78._active_rdsv1_192:after {
|
|
2618
2626
|
background: var(--color-background-primary) !important;
|
|
2619
2627
|
}
|
|
2620
|
-
.
|
|
2628
|
+
._item_rdsv1_78._disabled_rdsv1_212 {
|
|
2621
2629
|
color: var(--color-text-faint);
|
|
2622
2630
|
pointer-events: none;
|
|
2623
2631
|
}
|
|
2624
|
-
.
|
|
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
|
-
.
|
|
2636
|
+
._item_rdsv1_78._heading_rdsv1_78._action_rdsv1_189:hover {
|
|
2629
2637
|
color: var(--color-text-primary-hover);
|
|
2630
2638
|
}
|
|
2631
|
-
.
|
|
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
|
-
.
|
|
2638
|
-
.
|
|
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
|
-
.
|
|
2651
|
+
._item_rdsv1_78 ._metadata_rdsv1_230 {
|
|
2644
2652
|
color: var(--color-text-muted);
|
|
2645
2653
|
}
|
|
2646
|
-
.
|
|
2654
|
+
._item_rdsv1_78 ._itemContent_rdsv1_238 {
|
|
2647
2655
|
padding: 0 var(--padding) var(--padding-sm);
|
|
2648
2656
|
cursor: auto;
|
|
2649
2657
|
}
|
|
2650
|
-
.
|
|
2658
|
+
._item_rdsv1_78 ._itemContent_rdsv1_238:empty {
|
|
2651
2659
|
padding: inherit;
|
|
2652
2660
|
}
|
|
2653
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2673
|
+
._expandIcon_rdsv1_250._expanded_rdsv1_257 svg {
|
|
2666
2674
|
transform: rotate(90deg);
|
|
2667
2675
|
}
|
|
2668
|
-
.
|
|
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
|
-
.
|
|
2685
|
+
._actions_rdsv1_269 {
|
|
2678
2686
|
margin-left: var(--padding-xs);
|
|
2679
2687
|
display: flex;
|
|
2680
2688
|
align-items: center;
|
|
2681
2689
|
}
|
|
2682
|
-
.
|
|
2690
|
+
._scrollableList_rdsv1_274 {
|
|
2683
2691
|
height: 100%;
|
|
2684
2692
|
overflow-y: auto;
|
|
2685
2693
|
scroll-behavior: smooth;
|
|
2686
2694
|
}
|
|
2687
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3750
|
+
._wrapper_1fbik_1._inline_1fbik_1 {
|
|
3743
3751
|
display: flex;
|
|
3744
3752
|
align-items: center;
|
|
3745
3753
|
}
|
|
3746
|
-
.
|
|
3754
|
+
._wrapper_1fbik_1._inline_1fbik_1 ._radio_1fbik_5:not(:last-child) {
|
|
3747
3755
|
margin-right: var(--padding);
|
|
3748
3756
|
}
|
|
3749
|
-
.
|
|
3757
|
+
._wrapper_1fbik_1 ._labelMargin_1fbik_8 {
|
|
3750
3758
|
margin-right: var(--padding);
|
|
3751
3759
|
}
|
|
3752
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3781
|
+
._radio_1fbik_5._noMargin_1fbik_32 {
|
|
3774
3782
|
margin-top: 0;
|
|
3775
3783
|
margin-bottom: 0;
|
|
3776
3784
|
}
|
|
3777
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3798
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3822
|
+
._radio_1fbik_5 label:hover:before {
|
|
3815
3823
|
border-color: var(--color-border-hover);
|
|
3816
3824
|
}
|
|
3817
|
-
.
|
|
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
|
-
.
|
|
3832
|
+
._radio_1fbik_5 input:checked ~ label:before {
|
|
3825
3833
|
background-color: var(--color-background-primary);
|
|
3826
3834
|
border-color: transparent;
|
|
3827
3835
|
}
|
|
3828
|
-
.
|
|
3836
|
+
._radio_1fbik_5 input:checked ~ label:after {
|
|
3829
3837
|
opacity: 1;
|
|
3830
3838
|
}
|
|
3831
|
-
.
|
|
3839
|
+
._radio_1fbik_5._disabled_1fbik_90 {
|
|
3832
3840
|
cursor: default;
|
|
3833
3841
|
pointer-events: none;
|
|
3834
3842
|
}
|
|
3835
|
-
.
|
|
3843
|
+
._radio_1fbik_5._disabled_1fbik_90 label {
|
|
3836
3844
|
color: var(--color-text-faint);
|
|
3837
3845
|
}
|
|
3838
|
-
.
|
|
3846
|
+
._radio_1fbik_5._disabled_1fbik_90 label:before {
|
|
3839
3847
|
background-color: var(--color-background-disabled) !important;
|
|
3840
3848
|
}
|
|
3841
|
-
.
|
|
3849
|
+
._radio_1fbik_5._disabled_1fbik_90 input:checked ~ label:before {
|
|
3842
3850
|
border-color: var(--color-border-checkbox);
|
|
3843
3851
|
}
|
|
3844
|
-
.
|
|
3852
|
+
._radio_1fbik_5._disabled_1fbik_90 input:checked ~ label:after {
|
|
3845
3853
|
background-color: var(--color-border-checkbox);
|
|
3846
3854
|
}
|
|
3847
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10531
|
+
._toggle_3ujcm_9 label:empty {
|
|
10521
10532
|
padding-left: calc(var(--size-toggle) * 2);
|
|
10522
10533
|
}
|
|
10523
|
-
.
|
|
10524
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10565
|
+
._toggle_3ujcm_9 input:hover ~ label:before {
|
|
10555
10566
|
background: var(--color-background-toggle-hover);
|
|
10556
10567
|
}
|
|
10557
|
-
.
|
|
10568
|
+
._toggle_3ujcm_9 input:checked ~ label:before {
|
|
10558
10569
|
background-color: var(--color-background-button-primary);
|
|
10559
10570
|
}
|
|
10560
|
-
.
|
|
10571
|
+
._toggle_3ujcm_9 input:checked ~ label:after {
|
|
10561
10572
|
left: calc(var(--size-toggle) + 2px);
|
|
10562
10573
|
}
|
|
10563
|
-
.
|
|
10574
|
+
._toggle_3ujcm_9 input:checked:hover ~ label:before {
|
|
10564
10575
|
background-color: var(--color-background-button-primary-hover);
|
|
10565
10576
|
}
|
|
10566
|
-
.
|
|
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
|
-
.
|
|
10582
|
+
._toggle_3ujcm_9._disabled_3ujcm_101 label:before {
|
|
10572
10583
|
background-color: var(--color-background-disabled);
|
|
10573
10584
|
}
|
|
10574
|
-
.
|
|
10585
|
+
._toggle_3ujcm_9._disabled_3ujcm_101 label:after {
|
|
10575
10586
|
opacity: 0.4;
|
|
10576
10587
|
}
|
|
10577
|
-
.
|
|
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);
|