@trycourier/react-designer 0.0.0-canary-20251208142108 → 0.0.0-canary-20251209152659
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/cjs/index.js +54 -54
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/styles.css +250 -80
- package/dist/components/BrandEditor/BrandEditor.d.ts +1 -0
- package/dist/components/TemplateEditor/Channels/Email/Email.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Email/EmailLayout.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarItemDetails/SideBarItemDetails.d.ts +3 -1
- package/dist/components/TemplateEditor/Channels/Inbox/Inbox.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Inbox/InboxLayout.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/MSTeams/MSTeams.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsLayout.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Push/Push.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/SMS/SMS.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/SMS/SMSLayout.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Slack/Slack.d.ts +1 -1
- package/dist/components/TemplateEditor/Channels/Slack/SlackLayout.d.ts +1 -1
- package/dist/components/TemplateEditor/TemplateEditor.d.ts +1 -1
- package/dist/components/TemplateEditor/index.d.ts +2 -0
- package/dist/components/extensions/Button/ButtonForm.d.ts +3 -1
- package/dist/components/extensions/ImageBlock/components/ImageBlockForm.d.ts +3 -1
- package/dist/components/ui/MainLayout/MainLayout.d.ts +1 -1
- package/dist/components/ui/TextInput/TextInput.d.ts +2 -0
- package/dist/components/ui/VariableEditor/VariableInput.d.ts +11 -0
- package/dist/components/ui/VariableEditor/VariableTextarea.d.ts +9 -0
- package/dist/components/ui/VariableEditor/index.d.ts +6 -0
- package/dist/components/ui/VariableEditor/shared.d.ts +51 -0
- package/dist/components/ui-kit/Icon/PushIcon.d.ts +1 -1
- package/dist/components/ui-kit/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/esm/index.js +55 -55
- package/dist/esm/index.js.map +4 -4
- package/dist/esm/styles.css +250 -80
- package/dist/styles.css +250 -80
- package/package.json +3 -2
package/dist/esm/styles.css
CHANGED
|
@@ -985,9 +985,6 @@ body {
|
|
|
985
985
|
.-courier-z-10 {
|
|
986
986
|
z-index: -10;
|
|
987
987
|
}
|
|
988
|
-
.courier-z-0 {
|
|
989
|
-
z-index: 0;
|
|
990
|
-
}
|
|
991
988
|
.courier-z-10 {
|
|
992
989
|
z-index: 10;
|
|
993
990
|
}
|
|
@@ -1015,6 +1012,14 @@ body {
|
|
|
1015
1012
|
.courier-m-6 {
|
|
1016
1013
|
margin: 1.5rem;
|
|
1017
1014
|
}
|
|
1015
|
+
.\!courier-my-0 {
|
|
1016
|
+
margin-top: 0px !important;
|
|
1017
|
+
margin-bottom: 0px !important;
|
|
1018
|
+
}
|
|
1019
|
+
.\!courier-my-1 {
|
|
1020
|
+
margin-top: 0.25rem !important;
|
|
1021
|
+
margin-bottom: 0.25rem !important;
|
|
1022
|
+
}
|
|
1018
1023
|
.-courier-mx-4 {
|
|
1019
1024
|
margin-left: -1rem;
|
|
1020
1025
|
margin-right: -1rem;
|
|
@@ -1069,6 +1074,9 @@ body {
|
|
|
1069
1074
|
.\!-courier-ml-4 {
|
|
1070
1075
|
margin-left: -1rem !important;
|
|
1071
1076
|
}
|
|
1077
|
+
.\!courier-ml-0 {
|
|
1078
|
+
margin-left: 0px !important;
|
|
1079
|
+
}
|
|
1072
1080
|
.\!courier-mr-auto {
|
|
1073
1081
|
margin-right: auto !important;
|
|
1074
1082
|
}
|
|
@@ -1228,6 +1236,9 @@ body {
|
|
|
1228
1236
|
.courier-h-\[1px\] {
|
|
1229
1237
|
height: 1px;
|
|
1230
1238
|
}
|
|
1239
|
+
.courier-h-\[25px\] {
|
|
1240
|
+
height: 25px;
|
|
1241
|
+
}
|
|
1231
1242
|
.courier-h-\[300px\] {
|
|
1232
1243
|
height: 300px;
|
|
1233
1244
|
}
|
|
@@ -1270,6 +1281,9 @@ body {
|
|
|
1270
1281
|
.courier-min-h-\[120px\] {
|
|
1271
1282
|
min-height: 120px;
|
|
1272
1283
|
}
|
|
1284
|
+
.courier-min-h-\[20px\] {
|
|
1285
|
+
min-height: 20px;
|
|
1286
|
+
}
|
|
1273
1287
|
.courier-min-h-\[44px\] {
|
|
1274
1288
|
min-height: 44px;
|
|
1275
1289
|
}
|
|
@@ -1676,9 +1690,6 @@ body {
|
|
|
1676
1690
|
.courier-border-dotted {
|
|
1677
1691
|
border-style: dotted;
|
|
1678
1692
|
}
|
|
1679
|
-
.\!courier-border-none {
|
|
1680
|
-
border-style: none !important;
|
|
1681
|
-
}
|
|
1682
1693
|
.courier-border-none {
|
|
1683
1694
|
border-style: none;
|
|
1684
1695
|
}
|
|
@@ -1835,6 +1846,10 @@ body {
|
|
|
1835
1846
|
.courier-bg-black\/80 {
|
|
1836
1847
|
background-color: rgb(0 0 0 / 0.8);
|
|
1837
1848
|
}
|
|
1849
|
+
.courier-bg-blue-700 {
|
|
1850
|
+
--tw-bg-opacity: 1;
|
|
1851
|
+
background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
|
|
1852
|
+
}
|
|
1838
1853
|
.courier-bg-border {
|
|
1839
1854
|
background-color: var(--border);
|
|
1840
1855
|
}
|
|
@@ -1868,10 +1883,6 @@ body {
|
|
|
1868
1883
|
--tw-bg-opacity: 1;
|
|
1869
1884
|
background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
|
|
1870
1885
|
}
|
|
1871
|
-
.courier-bg-neutral-900 {
|
|
1872
|
-
--tw-bg-opacity: 1;
|
|
1873
|
-
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
|
|
1874
|
-
}
|
|
1875
1886
|
.courier-bg-popover {
|
|
1876
1887
|
background-color: var(--popover);
|
|
1877
1888
|
}
|
|
@@ -1915,12 +1926,18 @@ body {
|
|
|
1915
1926
|
.courier-fill-neutral-300 {
|
|
1916
1927
|
fill: #d4d4d4;
|
|
1917
1928
|
}
|
|
1929
|
+
.courier-fill-neutral-400 {
|
|
1930
|
+
fill: #a3a3a3;
|
|
1931
|
+
}
|
|
1918
1932
|
.courier-fill-ring {
|
|
1919
1933
|
fill: var(--ring);
|
|
1920
1934
|
}
|
|
1921
1935
|
.courier-stroke-accent-foreground {
|
|
1922
1936
|
stroke: var(--accent-foreground);
|
|
1923
1937
|
}
|
|
1938
|
+
.courier-stroke-neutral-400 {
|
|
1939
|
+
stroke: #a3a3a3;
|
|
1940
|
+
}
|
|
1924
1941
|
.courier-stroke-ring {
|
|
1925
1942
|
stroke: var(--ring);
|
|
1926
1943
|
}
|
|
@@ -2051,6 +2068,9 @@ body {
|
|
|
2051
2068
|
.courier-pb-0 {
|
|
2052
2069
|
padding-bottom: 0px;
|
|
2053
2070
|
}
|
|
2071
|
+
.courier-pb-1 {
|
|
2072
|
+
padding-bottom: 0.25rem;
|
|
2073
|
+
}
|
|
2054
2074
|
.courier-pb-2 {
|
|
2055
2075
|
padding-bottom: 0.5rem;
|
|
2056
2076
|
}
|
|
@@ -2063,6 +2083,9 @@ body {
|
|
|
2063
2083
|
.courier-pb-6 {
|
|
2064
2084
|
padding-bottom: 1.5rem;
|
|
2065
2085
|
}
|
|
2086
|
+
.courier-pb-px {
|
|
2087
|
+
padding-bottom: 1px;
|
|
2088
|
+
}
|
|
2066
2089
|
.courier-pl-0 {
|
|
2067
2090
|
padding-left: 0px;
|
|
2068
2091
|
}
|
|
@@ -2184,6 +2207,9 @@ body {
|
|
|
2184
2207
|
.courier-leading-none {
|
|
2185
2208
|
line-height: 1;
|
|
2186
2209
|
}
|
|
2210
|
+
.courier-leading-normal {
|
|
2211
|
+
line-height: 1.5;
|
|
2212
|
+
}
|
|
2187
2213
|
.courier-leading-relaxed {
|
|
2188
2214
|
line-height: 1.625;
|
|
2189
2215
|
}
|
|
@@ -2196,13 +2222,25 @@ body {
|
|
|
2196
2222
|
.courier-tracking-widest {
|
|
2197
2223
|
letter-spacing: 0.1em;
|
|
2198
2224
|
}
|
|
2225
|
+
.courier-text-\[\#171717\] {
|
|
2226
|
+
--tw-text-opacity: 1;
|
|
2227
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
2228
|
+
}
|
|
2199
2229
|
.courier-text-\[\#A3A3A3\] {
|
|
2200
2230
|
--tw-text-opacity: 1;
|
|
2201
2231
|
color: rgb(163 163 163 / var(--tw-text-opacity, 1));
|
|
2202
2232
|
}
|
|
2233
|
+
.courier-text-\[\#DC2626\] {
|
|
2234
|
+
--tw-text-opacity: 1;
|
|
2235
|
+
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
|
|
2236
|
+
}
|
|
2203
2237
|
.courier-text-accent-foreground {
|
|
2204
2238
|
color: var(--accent-foreground);
|
|
2205
2239
|
}
|
|
2240
|
+
.courier-text-amber-800 {
|
|
2241
|
+
--tw-text-opacity: 1;
|
|
2242
|
+
color: rgb(146 64 14 / var(--tw-text-opacity, 1));
|
|
2243
|
+
}
|
|
2206
2244
|
.courier-text-blue-700 {
|
|
2207
2245
|
--tw-text-opacity: 1;
|
|
2208
2246
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
@@ -2469,6 +2507,13 @@ body {
|
|
|
2469
2507
|
}
|
|
2470
2508
|
/* .theme-container {
|
|
2471
2509
|
} */
|
|
2510
|
+
/* Dark mode override for number input spin buttons */
|
|
2511
|
+
.dark input[type="number"]::-webkit-inner-spin-button,
|
|
2512
|
+
.dark input[type="number"]::-webkit-outer-spin-button {
|
|
2513
|
+
filter: invert(1);
|
|
2514
|
+
/* Fallback for better browser support to force dark controls */
|
|
2515
|
+
color-scheme: dark;
|
|
2516
|
+
}
|
|
2472
2517
|
/* CRITICAL: Show drag handle when element is being dragged */
|
|
2473
2518
|
.ProseMirror .react-renderer .is-dragging > [data-cypress="draggable-handle"] {
|
|
2474
2519
|
visibility: visible !important;
|
|
@@ -2524,18 +2569,13 @@ body {
|
|
|
2524
2569
|
border-bottom-right-radius: calc(var(--radius) - 4px);
|
|
2525
2570
|
border-left-width: 1px;
|
|
2526
2571
|
border-color: var(--border);
|
|
2527
|
-
|
|
2528
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
2572
|
+
background-color: var(--background);
|
|
2529
2573
|
transition-property: all;
|
|
2530
2574
|
transition-duration: 300ms;
|
|
2531
2575
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2532
2576
|
animation-duration: 300ms;
|
|
2533
2577
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2534
2578
|
}
|
|
2535
|
-
.courier-editor-sidebar:is(.courier-dark *) {
|
|
2536
|
-
--tw-bg-opacity: 1;
|
|
2537
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
2538
|
-
}
|
|
2539
2579
|
.courier-editor-loading {
|
|
2540
2580
|
position: absolute;
|
|
2541
2581
|
top: 0px;
|
|
@@ -2629,6 +2669,13 @@ body {
|
|
|
2629
2669
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
2630
2670
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2631
2671
|
}
|
|
2672
|
+
.courier-editor-main .ProseMirror:is(.courier-dark *) {
|
|
2673
|
+
--tw-text-opacity: 1;
|
|
2674
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
2675
|
+
}
|
|
2676
|
+
.courier-editor-main .ProseMirror:is(.courier-dark *) {
|
|
2677
|
+
caret-color: currentColor;
|
|
2678
|
+
}
|
|
2632
2679
|
.courier-editor-main > div {
|
|
2633
2680
|
width: 100%;
|
|
2634
2681
|
}
|
|
@@ -2908,13 +2955,13 @@ body {
|
|
|
2908
2955
|
display: none;
|
|
2909
2956
|
}
|
|
2910
2957
|
.ProseMirror {
|
|
2911
|
-
z-index: 0;
|
|
2912
2958
|
height: 100%;
|
|
2913
2959
|
max-width: 42rem;
|
|
2914
2960
|
padding-top: 2.5rem;
|
|
2915
2961
|
padding-bottom: 2.5rem;
|
|
2916
2962
|
padding-right: 2.5rem;
|
|
2917
2963
|
padding-left: 0px;
|
|
2964
|
+
color: var(--secondary-foreground);
|
|
2918
2965
|
caret-color: #000;
|
|
2919
2966
|
outline-width: 0px;
|
|
2920
2967
|
}
|
|
@@ -2941,7 +2988,7 @@ body {
|
|
|
2941
2988
|
}
|
|
2942
2989
|
.ProseMirror .selection:is(.courier-dark *),
|
|
2943
2990
|
.ProseMirror *:is(.courier-dark *)::selection {
|
|
2944
|
-
background-color: rgb(
|
|
2991
|
+
background-color: rgb(59 130 246 / 0.4);
|
|
2945
2992
|
}
|
|
2946
2993
|
.ProseMirror > .react-renderer {
|
|
2947
2994
|
margin-top: 3rem;
|
|
@@ -2997,8 +3044,16 @@ body {
|
|
|
2997
3044
|
.ProseMirror > .react-renderer.node-blockquote .is-empty blockquote,
|
|
2998
3045
|
.ProseMirror > .react-renderer.node-customCode .is-empty p,
|
|
2999
3046
|
.ProseMirror > .react-renderer.node-customCode .is-empty blockquote {
|
|
3000
|
-
|
|
3001
|
-
|
|
3047
|
+
position: relative;
|
|
3048
|
+
}
|
|
3049
|
+
.ProseMirror > .react-renderer.node-paragraph .is-empty p,
|
|
3050
|
+
.ProseMirror > .react-renderer.node-paragraph .is-empty blockquote,
|
|
3051
|
+
.ProseMirror > .react-renderer.node-blockquote .is-empty p,
|
|
3052
|
+
.ProseMirror > .react-renderer.node-blockquote .is-empty blockquote,
|
|
3053
|
+
.ProseMirror > .react-renderer.node-customCode .is-empty p,
|
|
3054
|
+
.ProseMirror > .react-renderer.node-customCode .is-empty blockquote {
|
|
3055
|
+
z-index: 10;
|
|
3056
|
+
}
|
|
3002
3057
|
.ProseMirror > .react-renderer.node-paragraph .is-empty p::after, .ProseMirror > .react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror > .react-renderer.node-blockquote .is-empty p::after, .ProseMirror > .react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror > .react-renderer.node-customCode .is-empty p::after, .ProseMirror > .react-renderer.node-customCode .is-empty blockquote::after {
|
|
3003
3058
|
content: "Write body text...";
|
|
3004
3059
|
}
|
|
@@ -3034,6 +3089,12 @@ body {
|
|
|
3034
3089
|
--tw-text-opacity: 1;
|
|
3035
3090
|
color: rgb(163 163 163 / var(--tw-text-opacity, 1));
|
|
3036
3091
|
}
|
|
3092
|
+
.ProseMirror > .react-renderer.node-paragraph .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-blockquote .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-customCode .is-empty .courier-custom-code {
|
|
3093
|
+
position: relative;
|
|
3094
|
+
}
|
|
3095
|
+
.ProseMirror > .react-renderer.node-paragraph .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-blockquote .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-customCode .is-empty .courier-custom-code {
|
|
3096
|
+
z-index: 10;
|
|
3097
|
+
}
|
|
3037
3098
|
.ProseMirror > .react-renderer.node-paragraph .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-blockquote .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-customCode .is-empty .courier-custom-code::after {
|
|
3038
3099
|
content: "Use the right panel to add custom HTML code...";
|
|
3039
3100
|
}
|
|
@@ -3089,8 +3150,13 @@ body {
|
|
|
3089
3150
|
.ProseMirror > .react-renderer.node-heading .is-empty h1,
|
|
3090
3151
|
.ProseMirror > .react-renderer.node-heading .is-empty h2,
|
|
3091
3152
|
.ProseMirror > .react-renderer.node-heading .is-empty h3 {
|
|
3092
|
-
|
|
3093
|
-
|
|
3153
|
+
position: relative;
|
|
3154
|
+
}
|
|
3155
|
+
.ProseMirror > .react-renderer.node-heading .is-empty h1,
|
|
3156
|
+
.ProseMirror > .react-renderer.node-heading .is-empty h2,
|
|
3157
|
+
.ProseMirror > .react-renderer.node-heading .is-empty h3 {
|
|
3158
|
+
z-index: 10;
|
|
3159
|
+
}
|
|
3094
3160
|
.ProseMirror > .react-renderer.node-heading .is-empty h1::after, .ProseMirror > .react-renderer.node-heading .is-empty h2::after, .ProseMirror > .react-renderer.node-heading .is-empty h3::after {
|
|
3095
3161
|
content: "Write heading...";
|
|
3096
3162
|
}
|
|
@@ -3273,6 +3339,10 @@ body {
|
|
|
3273
3339
|
--tw-content: '';
|
|
3274
3340
|
content: var(--tw-content);
|
|
3275
3341
|
}
|
|
3342
|
+
.ProseMirror > .react-renderer.node-imageBlock.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-imageBlock.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-button.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-divider.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-paragraph.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-heading.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-blockquote.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-column.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-imageBlock:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-imageBlock:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-imageBlock:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-imageBlock:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-imageBlock:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-imageBlock:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-button:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-button:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-button:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-button:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-button:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-button:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-divider:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-divider:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-divider:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-divider:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-divider:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-paragraph:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-paragraph:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-heading:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-heading:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-heading:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-heading:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-heading:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-blockquote:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-blockquote:active .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-customCode:hover .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-customCode:hover .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-customCode:hover .node-element.courier-empty-image:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-customCode:active .node-element > div:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-customCode:active .node-element > hr:is(.courier-dark *)::before, .ProseMirror > .react-renderer.node-customCode.node-customCode:active .node-element.courier-empty-image:is(.courier-dark *)::before {
|
|
3343
|
+
--tw-border-opacity: 1;
|
|
3344
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
|
|
3345
|
+
}
|
|
3276
3346
|
/* Column-specific hover: only show when in edge zone */
|
|
3277
3347
|
.ProseMirror > .react-renderer.node-imageBlock.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-button.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-divider.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-paragraph.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-heading.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-blockquote.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-column.node-column .node-columnCell [data-cypress="draggable-item"] > div, .ProseMirror > .react-renderer.node-customCode.node-column .node-columnCell [data-cypress="draggable-item"] > div {
|
|
3278
3348
|
padding-left: 2rem;
|
|
@@ -3529,6 +3599,9 @@ body {
|
|
|
3529
3599
|
.ProseMirror > .react-renderer.node-imageBlock.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-button.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-divider.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-paragraph.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-heading.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-blockquote.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-column.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-customCode.node-column .is-empty .courier-custom-code {
|
|
3530
3600
|
position: relative;
|
|
3531
3601
|
}
|
|
3602
|
+
.ProseMirror > .react-renderer.node-imageBlock.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-button.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-divider.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-paragraph.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-heading.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-blockquote.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-column.node-column .is-empty .courier-custom-code, .ProseMirror > .react-renderer.node-customCode.node-column .is-empty .courier-custom-code {
|
|
3603
|
+
z-index: 10;
|
|
3604
|
+
}
|
|
3532
3605
|
.ProseMirror > .react-renderer.node-imageBlock.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-button.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-divider.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-paragraph.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-heading.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-blockquote.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-column.node-column .is-empty .courier-custom-code::after, .ProseMirror > .react-renderer.node-customCode.node-column .is-empty .courier-custom-code::after {
|
|
3533
3606
|
content: "Use the right panel to add custom HTML code...";
|
|
3534
3607
|
}
|
|
@@ -3928,6 +4001,9 @@ body {
|
|
|
3928
4001
|
.courier-slack-editor .ProseMirror {
|
|
3929
4002
|
padding: 0px;
|
|
3930
4003
|
}
|
|
4004
|
+
.courier-slack-editor .ProseMirror:is(.courier-dark *) {
|
|
4005
|
+
color: var(--foreground);
|
|
4006
|
+
}
|
|
3931
4007
|
.courier-slack-editor .ProseMirror > .react-renderer {
|
|
3932
4008
|
margin-top: 0.5rem;
|
|
3933
4009
|
margin-bottom: 0.5rem;
|
|
@@ -3962,6 +4038,9 @@ body {
|
|
|
3962
4038
|
.courier-slack-editor .ProseMirror > .react-renderer.node-column {
|
|
3963
4039
|
margin: 0px;
|
|
3964
4040
|
}
|
|
4041
|
+
.courier-slack-editor .ProseMirror > .react-renderer.node-button.node-divider .node-element hr:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-divider.node-divider .node-element hr:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph.node-divider .node-element hr:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-heading.node-divider .node-element hr:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote.node-divider .node-element hr:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow.node-divider .node-element hr:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-column.node-divider .node-element hr:is(.courier-dark *) {
|
|
4042
|
+
background-color: var(--border) !important;
|
|
4043
|
+
}
|
|
3965
4044
|
.courier-slack-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div, .courier-slack-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div, .courier-slack-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div, .courier-slack-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div {
|
|
3966
4045
|
justify-content: flex-start !important;
|
|
3967
4046
|
}
|
|
@@ -3974,10 +4053,16 @@ body {
|
|
|
3974
4053
|
.courier-slack-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div > div {
|
|
3975
4054
|
background-color: transparent !important;
|
|
3976
4055
|
}
|
|
4056
|
+
.courier-slack-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div > div {
|
|
4057
|
+
--tw-text-opacity: 1;
|
|
4058
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
4059
|
+
}
|
|
4060
|
+
.courier-slack-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div > div:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div > div:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div > div:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div > div:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div > div:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div > div:is(.courier-dark *), .courier-slack-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div > div:is(.courier-dark *) {
|
|
4061
|
+
color: var(--foreground);
|
|
4062
|
+
}
|
|
3977
4063
|
.courier-slack-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div > div, .courier-slack-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div > div {
|
|
3978
4064
|
border: 1px solid #e5e5e5 !important;
|
|
3979
4065
|
border-radius: 6px !important;
|
|
3980
|
-
color: #171717 !important;
|
|
3981
4066
|
padding: 6px 9.6px !important;
|
|
3982
4067
|
font-weight: 500 !important;
|
|
3983
4068
|
font-size: 14px !important;
|
|
@@ -4026,6 +4111,10 @@ body {
|
|
|
4026
4111
|
--tw-content: '';
|
|
4027
4112
|
content: var(--tw-content);
|
|
4028
4113
|
}
|
|
4114
|
+
.courier-slack-editor .ProseMirror > .react-renderer.node-button:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-button:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-button:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-button:active .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-divider:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-divider:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-divider:active .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-heading:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-heading:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-heading:active .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow:active .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-column:hover .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-column:hover .node-element > hr:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-column:active .node-element > div:is(.courier-dark *)::before, .courier-slack-editor .ProseMirror > .react-renderer.node-column:active .node-element > hr:is(.courier-dark *)::before {
|
|
4115
|
+
--tw-border-opacity: 1;
|
|
4116
|
+
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
|
|
4117
|
+
}
|
|
4029
4118
|
.courier-slack-editor .ProseMirror > .react-renderer.node-button .node-element, .courier-slack-editor .ProseMirror > .react-renderer.node-divider .node-element, .courier-slack-editor .ProseMirror > .react-renderer.node-paragraph .node-element, .courier-slack-editor .ProseMirror > .react-renderer.node-heading .node-element, .courier-slack-editor .ProseMirror > .react-renderer.node-blockquote .node-element, .courier-slack-editor .ProseMirror > .react-renderer.node-buttonRow .node-element, .courier-slack-editor .ProseMirror > .react-renderer.node-column .node-element {
|
|
4030
4119
|
position: relative;
|
|
4031
4120
|
}
|
|
@@ -4127,32 +4216,17 @@ body {
|
|
|
4127
4216
|
.courier-msteams-editor .ProseMirror > .react-renderer.node-column {
|
|
4128
4217
|
margin: 0px;
|
|
4129
4218
|
}
|
|
4130
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.
|
|
4131
|
-
|
|
4132
|
-
|
|
4133
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-
|
|
4134
|
-
|
|
4135
|
-
|
|
4136
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-
|
|
4137
|
-
|
|
4138
|
-
}
|
|
4139
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div > div {
|
|
4140
|
-
background-color: transparent !important;
|
|
4219
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-button:is(.courier-dark *),
|
|
4220
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-divider:is(.courier-dark *),
|
|
4221
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph:is(.courier-dark *),
|
|
4222
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-heading:is(.courier-dark *),
|
|
4223
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote:is(.courier-dark *),
|
|
4224
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow:is(.courier-dark *),
|
|
4225
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-column:is(.courier-dark *) {
|
|
4226
|
+
color: var(--foreground);
|
|
4141
4227
|
}
|
|
4142
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.node-
|
|
4143
|
-
|
|
4144
|
-
border-radius: 6px !important;
|
|
4145
|
-
color: #171717 !important;
|
|
4146
|
-
padding: 6px 9.6px !important;
|
|
4147
|
-
font-weight: 500 !important;
|
|
4148
|
-
font-size: 14px !important;
|
|
4149
|
-
font-style: normal !important;
|
|
4150
|
-
line-height: 24px !important;
|
|
4151
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
|
|
4152
|
-
}
|
|
4153
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror > .react-renderer.node-column.node-button .node-element > div > div:hover {
|
|
4154
|
-
--tw-bg-opacity: 1;
|
|
4155
|
-
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
4228
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.node-divider .node-element hr:is(.courier-dark *), .courier-msteams-editor .ProseMirror > .react-renderer.node-divider.node-divider .node-element hr:is(.courier-dark *), .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph.node-divider .node-element hr:is(.courier-dark *), .courier-msteams-editor .ProseMirror > .react-renderer.node-heading.node-divider .node-element hr:is(.courier-dark *), .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote.node-divider .node-element hr:is(.courier-dark *), .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow.node-divider .node-element hr:is(.courier-dark *), .courier-msteams-editor .ProseMirror > .react-renderer.node-column.node-divider .node-element hr:is(.courier-dark *) {
|
|
4229
|
+
background-color: var(--foreground) !important;
|
|
4156
4230
|
}
|
|
4157
4231
|
.courier-msteams-editor .ProseMirror > .react-renderer.node-button [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror > .react-renderer.node-divider [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror > .react-renderer.node-heading [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror > .react-renderer.node-column [data-cypress="draggable-handle"] {
|
|
4158
4232
|
visibility: hidden;
|
|
@@ -4191,6 +4265,10 @@ body {
|
|
|
4191
4265
|
--tw-content: '';
|
|
4192
4266
|
content: var(--tw-content);
|
|
4193
4267
|
}
|
|
4268
|
+
.courier-msteams-editor .ProseMirror > .react-renderer.node-button:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-button:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-button:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-button:active .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider:active .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph:active .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading:active .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote:active .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow:active .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-column:hover .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-column:hover .node-element > hr:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-column:active .node-element > div:is(.courier-dark *)::before, .courier-msteams-editor .ProseMirror > .react-renderer.node-column:active .node-element > hr:is(.courier-dark *)::before {
|
|
4269
|
+
--tw-border-opacity: 1;
|
|
4270
|
+
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
|
|
4271
|
+
}
|
|
4194
4272
|
.courier-msteams-editor .ProseMirror > .react-renderer.node-button .node-element, .courier-msteams-editor .ProseMirror > .react-renderer.node-divider .node-element, .courier-msteams-editor .ProseMirror > .react-renderer.node-paragraph .node-element, .courier-msteams-editor .ProseMirror > .react-renderer.node-heading .node-element, .courier-msteams-editor .ProseMirror > .react-renderer.node-blockquote .node-element, .courier-msteams-editor .ProseMirror > .react-renderer.node-buttonRow .node-element, .courier-msteams-editor .ProseMirror > .react-renderer.node-column .node-element {
|
|
4195
4273
|
position: relative;
|
|
4196
4274
|
}
|
|
@@ -4332,6 +4410,24 @@ body {
|
|
|
4332
4410
|
font-size: 0.8rem;
|
|
4333
4411
|
padding: 0;
|
|
4334
4412
|
}
|
|
4413
|
+
/* Variable Textarea placeholder styles */
|
|
4414
|
+
.variable-textarea-placeholder .ProseMirror p.is-editor-empty:first-child::before,
|
|
4415
|
+
.variable-textarea-placeholder .ProseMirror p.is-empty:first-child::before {
|
|
4416
|
+
content: attr(data-placeholder);
|
|
4417
|
+
float: left;
|
|
4418
|
+
color: var(--muted-foreground);
|
|
4419
|
+
pointer-events: none;
|
|
4420
|
+
height: 0;
|
|
4421
|
+
}
|
|
4422
|
+
/* Variable Input placeholder styles */
|
|
4423
|
+
.variable-input-placeholder .ProseMirror p.is-editor-empty:first-child::before,
|
|
4424
|
+
.variable-input-placeholder .ProseMirror p.is-empty:first-child::before {
|
|
4425
|
+
content: attr(data-placeholder);
|
|
4426
|
+
float: left;
|
|
4427
|
+
color: var(--muted-foreground);
|
|
4428
|
+
pointer-events: none;
|
|
4429
|
+
height: 0;
|
|
4430
|
+
}
|
|
4335
4431
|
.file\:courier-border-0::file-selector-button {
|
|
4336
4432
|
border-width: 0px;
|
|
4337
4433
|
}
|
|
@@ -4366,11 +4462,8 @@ body {
|
|
|
4366
4462
|
.last\:courier-mt-0:last-child {
|
|
4367
4463
|
margin-top: 0px;
|
|
4368
4464
|
}
|
|
4369
|
-
.
|
|
4370
|
-
|
|
4371
|
-
}
|
|
4372
|
-
.read-only\:courier-border-transparent:read-only {
|
|
4373
|
-
border-color: transparent;
|
|
4465
|
+
.hover\:courier-z-\[100000\]:hover {
|
|
4466
|
+
z-index: 100000;
|
|
4374
4467
|
}
|
|
4375
4468
|
.hover\:courier-border-accent-foreground:hover {
|
|
4376
4469
|
border-color: var(--accent-foreground);
|
|
@@ -4381,6 +4474,10 @@ body {
|
|
|
4381
4474
|
.hover\:courier-bg-black\/5:hover {
|
|
4382
4475
|
background-color: rgb(0 0 0 / 0.05);
|
|
4383
4476
|
}
|
|
4477
|
+
.hover\:courier-bg-blue-600:hover {
|
|
4478
|
+
--tw-bg-opacity: 1;
|
|
4479
|
+
background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
|
|
4480
|
+
}
|
|
4384
4481
|
.hover\:courier-bg-card:hover {
|
|
4385
4482
|
background-color: var(--card);
|
|
4386
4483
|
}
|
|
@@ -4396,10 +4493,6 @@ body {
|
|
|
4396
4493
|
--tw-bg-opacity: 1;
|
|
4397
4494
|
background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
|
|
4398
4495
|
}
|
|
4399
|
-
.hover\:courier-bg-neutral-800:hover {
|
|
4400
|
-
--tw-bg-opacity: 1;
|
|
4401
|
-
background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
|
|
4402
|
-
}
|
|
4403
4496
|
.hover\:courier-bg-red-500:hover {
|
|
4404
4497
|
--tw-bg-opacity: 1;
|
|
4405
4498
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
@@ -4473,13 +4566,13 @@ body {
|
|
|
4473
4566
|
.active\:courier-bg-black\/10:active {
|
|
4474
4567
|
background-color: rgb(0 0 0 / 0.1);
|
|
4475
4568
|
}
|
|
4476
|
-
.active\:courier-bg-
|
|
4569
|
+
.active\:courier-bg-blue-700:active {
|
|
4477
4570
|
--tw-bg-opacity: 1;
|
|
4478
|
-
background-color: rgb(
|
|
4571
|
+
background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
|
|
4479
4572
|
}
|
|
4480
|
-
.active\:courier-bg-neutral-
|
|
4573
|
+
.active\:courier-bg-neutral-200:active {
|
|
4481
4574
|
--tw-bg-opacity: 1;
|
|
4482
|
-
background-color: rgb(
|
|
4575
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
|
|
4483
4576
|
}
|
|
4484
4577
|
.active\:courier-text-neutral-800:active {
|
|
4485
4578
|
--tw-text-opacity: 1;
|
|
@@ -4615,16 +4708,23 @@ body {
|
|
|
4615
4708
|
.data-\[state\=open\]\:courier-slide-in-from-top-\[48\%\][data-state="open"] {
|
|
4616
4709
|
--tw-enter-translate-y: -48%;
|
|
4617
4710
|
}
|
|
4711
|
+
.dark\:courier-border-accent:is(.courier-dark *) {
|
|
4712
|
+
border-color: var(--accent);
|
|
4713
|
+
}
|
|
4618
4714
|
.dark\:courier-border-foreground:is(.courier-dark *) {
|
|
4619
4715
|
border-color: var(--foreground);
|
|
4620
4716
|
}
|
|
4621
|
-
.dark\:courier-border-neutral-
|
|
4717
|
+
.dark\:courier-border-neutral-300:is(.courier-dark *) {
|
|
4622
4718
|
--tw-border-opacity: 1;
|
|
4623
|
-
border-color: rgb(
|
|
4719
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
|
|
4624
4720
|
}
|
|
4625
|
-
.dark\:courier-border-
|
|
4721
|
+
.dark\:courier-border-neutral-500:is(.courier-dark *) {
|
|
4626
4722
|
--tw-border-opacity: 1;
|
|
4627
|
-
border-color: rgb(
|
|
4723
|
+
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
|
|
4724
|
+
}
|
|
4725
|
+
.dark\:courier-border-neutral-600:is(.courier-dark *) {
|
|
4726
|
+
--tw-border-opacity: 1;
|
|
4727
|
+
border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
|
|
4628
4728
|
}
|
|
4629
4729
|
.dark\:courier-border-white\/20:is(.courier-dark *) {
|
|
4630
4730
|
border-color: rgb(255 255 255 / 0.2);
|
|
@@ -4632,16 +4732,38 @@ body {
|
|
|
4632
4732
|
.dark\:courier-border-t-white\/40:is(.courier-dark *) {
|
|
4633
4733
|
border-top-color: rgb(255 255 255 / 0.4);
|
|
4634
4734
|
}
|
|
4735
|
+
.dark\:courier-bg-\[\#171717\]:is(.courier-dark *) {
|
|
4736
|
+
--tw-bg-opacity: 1;
|
|
4737
|
+
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
|
|
4738
|
+
}
|
|
4739
|
+
.dark\:courier-bg-\[\#2E333F\]:is(.courier-dark *) {
|
|
4740
|
+
--tw-bg-opacity: 1;
|
|
4741
|
+
background-color: rgb(46 51 63 / var(--tw-bg-opacity, 1));
|
|
4742
|
+
}
|
|
4743
|
+
.dark\:courier-bg-\[\#3B82F6\]:is(.courier-dark *) {
|
|
4744
|
+
--tw-bg-opacity: 1;
|
|
4745
|
+
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
|
|
4746
|
+
}
|
|
4747
|
+
.dark\:courier-bg-\[\#48465B\]:is(.courier-dark *) {
|
|
4748
|
+
--tw-bg-opacity: 1;
|
|
4749
|
+
background-color: rgb(72 70 91 / var(--tw-bg-opacity, 1));
|
|
4750
|
+
}
|
|
4751
|
+
.dark\:courier-bg-background:is(.courier-dark *) {
|
|
4752
|
+
background-color: var(--background);
|
|
4753
|
+
}
|
|
4635
4754
|
.dark\:courier-bg-black:is(.courier-dark *) {
|
|
4636
4755
|
--tw-bg-opacity: 1;
|
|
4637
4756
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
4638
4757
|
}
|
|
4758
|
+
.dark\:courier-bg-blue-500\/40:is(.courier-dark *) {
|
|
4759
|
+
background-color: rgb(59 130 246 / 0.4);
|
|
4760
|
+
}
|
|
4639
4761
|
.dark\:courier-bg-foreground:is(.courier-dark *) {
|
|
4640
4762
|
background-color: var(--foreground);
|
|
4641
4763
|
}
|
|
4642
|
-
.dark\:courier-bg-neutral-
|
|
4764
|
+
.dark\:courier-bg-neutral-700:is(.courier-dark *) {
|
|
4643
4765
|
--tw-bg-opacity: 1;
|
|
4644
|
-
background-color: rgb(
|
|
4766
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
|
|
4645
4767
|
}
|
|
4646
4768
|
.dark\:courier-bg-neutral-800:is(.courier-dark *) {
|
|
4647
4769
|
--tw-bg-opacity: 1;
|
|
@@ -4651,18 +4773,24 @@ body {
|
|
|
4651
4773
|
--tw-bg-opacity: 1;
|
|
4652
4774
|
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
|
|
4653
4775
|
}
|
|
4654
|
-
.dark\:courier-bg-primary:is(.courier-dark *) {
|
|
4655
|
-
background-color: var(--primary);
|
|
4656
|
-
}
|
|
4657
4776
|
.dark\:courier-bg-white:is(.courier-dark *) {
|
|
4658
4777
|
--tw-bg-opacity: 1;
|
|
4659
4778
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
4660
4779
|
}
|
|
4661
|
-
.dark\:courier-
|
|
4662
|
-
|
|
4780
|
+
.dark\:courier-text-\[\#171717\]:is(.courier-dark *) {
|
|
4781
|
+
--tw-text-opacity: 1;
|
|
4782
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
4663
4783
|
}
|
|
4664
|
-
.dark\:courier-text
|
|
4665
|
-
|
|
4784
|
+
.dark\:courier-text-\[\#8786A9\]:is(.courier-dark *) {
|
|
4785
|
+
--tw-text-opacity: 1;
|
|
4786
|
+
color: rgb(135 134 169 / var(--tw-text-opacity, 1));
|
|
4787
|
+
}
|
|
4788
|
+
.dark\:courier-text-\[\#C9C8E1\]:is(.courier-dark *) {
|
|
4789
|
+
--tw-text-opacity: 1;
|
|
4790
|
+
color: rgb(201 200 225 / var(--tw-text-opacity, 1));
|
|
4791
|
+
}
|
|
4792
|
+
.dark\:courier-text-accent:is(.courier-dark *) {
|
|
4793
|
+
color: var(--accent);
|
|
4666
4794
|
}
|
|
4667
4795
|
.dark\:courier-text-neutral-200:is(.courier-dark *) {
|
|
4668
4796
|
--tw-text-opacity: 1;
|
|
@@ -4697,9 +4825,9 @@ body {
|
|
|
4697
4825
|
.dark\:courier-outline-neutral-300:is(.courier-dark *) {
|
|
4698
4826
|
outline-color: #d4d4d4;
|
|
4699
4827
|
}
|
|
4700
|
-
.dark\:hover\:courier-bg-neutral-
|
|
4828
|
+
.dark\:hover\:courier-bg-neutral-600:hover:is(.courier-dark *) {
|
|
4701
4829
|
--tw-bg-opacity: 1;
|
|
4702
|
-
background-color: rgb(
|
|
4830
|
+
background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
|
|
4703
4831
|
}
|
|
4704
4832
|
.dark\:hover\:courier-bg-neutral-700:hover:is(.courier-dark *) {
|
|
4705
4833
|
--tw-bg-opacity: 1;
|
|
@@ -4717,6 +4845,9 @@ body {
|
|
|
4717
4845
|
--tw-bg-opacity: 1;
|
|
4718
4846
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
4719
4847
|
}
|
|
4848
|
+
.dark\:hover\:courier-bg-secondary:hover:is(.courier-dark *) {
|
|
4849
|
+
background-color: var(--secondary);
|
|
4850
|
+
}
|
|
4720
4851
|
.dark\:hover\:courier-bg-white\/10:hover:is(.courier-dark *) {
|
|
4721
4852
|
background-color: rgb(255 255 255 / 0.1);
|
|
4722
4853
|
}
|
|
@@ -4735,10 +4866,6 @@ body {
|
|
|
4735
4866
|
--tw-text-opacity: 1;
|
|
4736
4867
|
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
4737
4868
|
}
|
|
4738
|
-
.dark\:active\:courier-bg-neutral-300:active:is(.courier-dark *) {
|
|
4739
|
-
--tw-bg-opacity: 1;
|
|
4740
|
-
background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
|
|
4741
|
-
}
|
|
4742
4869
|
.dark\:active\:courier-bg-neutral-700:active:is(.courier-dark *) {
|
|
4743
4870
|
--tw-bg-opacity: 1;
|
|
4744
4871
|
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
|
|
@@ -4751,6 +4878,10 @@ body {
|
|
|
4751
4878
|
--tw-text-opacity: 1;
|
|
4752
4879
|
color: rgb(229 229 229 / var(--tw-text-opacity, 1));
|
|
4753
4880
|
}
|
|
4881
|
+
.data-\[state\=on\]\:dark\:courier-text-white:is(.courier-dark *)[data-state="on"] {
|
|
4882
|
+
--tw-text-opacity: 1;
|
|
4883
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
4884
|
+
}
|
|
4754
4885
|
@media (min-width: 640px) {
|
|
4755
4886
|
|
|
4756
4887
|
.sm\:courier-mt-0 {
|
|
@@ -4811,6 +4942,38 @@ body {
|
|
|
4811
4942
|
.\[\&\>svg\]\:courier-shrink-0>svg {
|
|
4812
4943
|
flex-shrink: 0;
|
|
4813
4944
|
}
|
|
4945
|
+
.\[\&_\.ProseMirror\]\:courier-flex .ProseMirror {
|
|
4946
|
+
display: flex;
|
|
4947
|
+
}
|
|
4948
|
+
.\[\&_\.ProseMirror\]\:courier-h-\[25px\] .ProseMirror {
|
|
4949
|
+
height: 25px;
|
|
4950
|
+
}
|
|
4951
|
+
.\[\&_\.ProseMirror\]\:courier-min-h-\[20px\] .ProseMirror {
|
|
4952
|
+
min-height: 20px;
|
|
4953
|
+
}
|
|
4954
|
+
.\[\&_\.ProseMirror\]\:courier-flex-1 .ProseMirror {
|
|
4955
|
+
flex: 1 1 0%;
|
|
4956
|
+
}
|
|
4957
|
+
.\[\&_\.ProseMirror\]\:courier-items-end .ProseMirror {
|
|
4958
|
+
align-items: flex-end;
|
|
4959
|
+
}
|
|
4960
|
+
.\[\&_\.ProseMirror\]\:courier-border-none .ProseMirror {
|
|
4961
|
+
border-style: none;
|
|
4962
|
+
}
|
|
4963
|
+
.\[\&_\.ProseMirror\]\:courier-p-0 .ProseMirror {
|
|
4964
|
+
padding: 0px;
|
|
4965
|
+
}
|
|
4966
|
+
.\[\&_\.ProseMirror\]\:courier-outline-none .ProseMirror {
|
|
4967
|
+
outline: 2px solid transparent;
|
|
4968
|
+
outline-offset: 2px;
|
|
4969
|
+
}
|
|
4970
|
+
.\[\&_\.tiptap\]\:courier-border-none .tiptap {
|
|
4971
|
+
border-style: none;
|
|
4972
|
+
}
|
|
4973
|
+
.\[\&_\.tiptap\]\:courier-outline-none .tiptap {
|
|
4974
|
+
outline: 2px solid transparent;
|
|
4975
|
+
outline-offset: 2px;
|
|
4976
|
+
}
|
|
4814
4977
|
.\[\&_svg\]\:courier-pointer-events-none svg {
|
|
4815
4978
|
pointer-events: none;
|
|
4816
4979
|
}
|
|
@@ -4838,3 +5001,10 @@ body {
|
|
|
4838
5001
|
.\[\&_svg\]\:data-\[state\=on\]\:courier-fill-foreground[data-state="on"] svg {
|
|
4839
5002
|
fill: var(--foreground);
|
|
4840
5003
|
}
|
|
5004
|
+
.dark\:\[\&_svg\]\:courier-fill-accent-foreground svg:is(.courier-dark *) {
|
|
5005
|
+
fill: var(--accent-foreground);
|
|
5006
|
+
}
|
|
5007
|
+
.\[\&_svg\]\:dark\:courier-text-white:is(.courier-dark *) svg {
|
|
5008
|
+
--tw-text-opacity: 1;
|
|
5009
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
5010
|
+
}
|