@trycourier/react-designer 0.0.0-canary-20251207160907 → 0.0.0-canary-20251208145541
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 +53 -53
- package/dist/cjs/index.js.map +3 -3
- package/dist/cjs/styles.css +179 -69
- 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/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/ui/MainLayout/MainLayout.d.ts +1 -1
- package/dist/components/ui-kit/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/esm/index.js +54 -54
- package/dist/esm/index.js.map +3 -3
- package/dist/esm/styles.css +179 -69
- package/dist/styles.css +179 -69
- package/package.json +3 -2
package/dist/cjs/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,10 @@ 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
|
+
}
|
|
1018
1019
|
.\!courier-my-1 {
|
|
1019
1020
|
margin-top: 0.25rem !important;
|
|
1020
1021
|
margin-bottom: 0.25rem !important;
|
|
@@ -1073,6 +1074,9 @@ body {
|
|
|
1073
1074
|
.\!-courier-ml-4 {
|
|
1074
1075
|
margin-left: -1rem !important;
|
|
1075
1076
|
}
|
|
1077
|
+
.\!courier-ml-0 {
|
|
1078
|
+
margin-left: 0px !important;
|
|
1079
|
+
}
|
|
1076
1080
|
.\!courier-mr-auto {
|
|
1077
1081
|
margin-right: auto !important;
|
|
1078
1082
|
}
|
|
@@ -1842,6 +1846,10 @@ body {
|
|
|
1842
1846
|
.courier-bg-black\/80 {
|
|
1843
1847
|
background-color: rgb(0 0 0 / 0.8);
|
|
1844
1848
|
}
|
|
1849
|
+
.courier-bg-blue-700 {
|
|
1850
|
+
--tw-bg-opacity: 1;
|
|
1851
|
+
background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
|
|
1852
|
+
}
|
|
1845
1853
|
.courier-bg-border {
|
|
1846
1854
|
background-color: var(--border);
|
|
1847
1855
|
}
|
|
@@ -1875,10 +1883,6 @@ body {
|
|
|
1875
1883
|
--tw-bg-opacity: 1;
|
|
1876
1884
|
background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
|
|
1877
1885
|
}
|
|
1878
|
-
.courier-bg-neutral-900 {
|
|
1879
|
-
--tw-bg-opacity: 1;
|
|
1880
|
-
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
|
|
1881
|
-
}
|
|
1882
1886
|
.courier-bg-popover {
|
|
1883
1887
|
background-color: var(--popover);
|
|
1884
1888
|
}
|
|
@@ -1922,12 +1926,18 @@ body {
|
|
|
1922
1926
|
.courier-fill-neutral-300 {
|
|
1923
1927
|
fill: #d4d4d4;
|
|
1924
1928
|
}
|
|
1929
|
+
.courier-fill-neutral-400 {
|
|
1930
|
+
fill: #a3a3a3;
|
|
1931
|
+
}
|
|
1925
1932
|
.courier-fill-ring {
|
|
1926
1933
|
fill: var(--ring);
|
|
1927
1934
|
}
|
|
1928
1935
|
.courier-stroke-accent-foreground {
|
|
1929
1936
|
stroke: var(--accent-foreground);
|
|
1930
1937
|
}
|
|
1938
|
+
.courier-stroke-neutral-400 {
|
|
1939
|
+
stroke: #a3a3a3;
|
|
1940
|
+
}
|
|
1931
1941
|
.courier-stroke-ring {
|
|
1932
1942
|
stroke: var(--ring);
|
|
1933
1943
|
}
|
|
@@ -2212,13 +2222,25 @@ body {
|
|
|
2212
2222
|
.courier-tracking-widest {
|
|
2213
2223
|
letter-spacing: 0.1em;
|
|
2214
2224
|
}
|
|
2225
|
+
.courier-text-\[\#171717\] {
|
|
2226
|
+
--tw-text-opacity: 1;
|
|
2227
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
2228
|
+
}
|
|
2215
2229
|
.courier-text-\[\#A3A3A3\] {
|
|
2216
2230
|
--tw-text-opacity: 1;
|
|
2217
2231
|
color: rgb(163 163 163 / var(--tw-text-opacity, 1));
|
|
2218
2232
|
}
|
|
2233
|
+
.courier-text-\[\#DC2626\] {
|
|
2234
|
+
--tw-text-opacity: 1;
|
|
2235
|
+
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
|
|
2236
|
+
}
|
|
2219
2237
|
.courier-text-accent-foreground {
|
|
2220
2238
|
color: var(--accent-foreground);
|
|
2221
2239
|
}
|
|
2240
|
+
.courier-text-amber-800 {
|
|
2241
|
+
--tw-text-opacity: 1;
|
|
2242
|
+
color: rgb(146 64 14 / var(--tw-text-opacity, 1));
|
|
2243
|
+
}
|
|
2222
2244
|
.courier-text-blue-700 {
|
|
2223
2245
|
--tw-text-opacity: 1;
|
|
2224
2246
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
@@ -2485,6 +2507,13 @@ body {
|
|
|
2485
2507
|
}
|
|
2486
2508
|
/* .theme-container {
|
|
2487
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
|
+
}
|
|
2488
2517
|
/* CRITICAL: Show drag handle when element is being dragged */
|
|
2489
2518
|
.ProseMirror .react-renderer .is-dragging > [data-cypress="draggable-handle"] {
|
|
2490
2519
|
visibility: visible !important;
|
|
@@ -2540,18 +2569,13 @@ body {
|
|
|
2540
2569
|
border-bottom-right-radius: calc(var(--radius) - 4px);
|
|
2541
2570
|
border-left-width: 1px;
|
|
2542
2571
|
border-color: var(--border);
|
|
2543
|
-
|
|
2544
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
2572
|
+
background-color: var(--background);
|
|
2545
2573
|
transition-property: all;
|
|
2546
2574
|
transition-duration: 300ms;
|
|
2547
2575
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2548
2576
|
animation-duration: 300ms;
|
|
2549
2577
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2550
2578
|
}
|
|
2551
|
-
.courier-editor-sidebar:is(.courier-dark *) {
|
|
2552
|
-
--tw-bg-opacity: 1;
|
|
2553
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
2554
|
-
}
|
|
2555
2579
|
.courier-editor-loading {
|
|
2556
2580
|
position: absolute;
|
|
2557
2581
|
top: 0px;
|
|
@@ -2645,6 +2669,13 @@ body {
|
|
|
2645
2669
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
2646
2670
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2647
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
|
+
}
|
|
2648
2679
|
.courier-editor-main > div {
|
|
2649
2680
|
width: 100%;
|
|
2650
2681
|
}
|
|
@@ -2924,13 +2955,13 @@ body {
|
|
|
2924
2955
|
display: none;
|
|
2925
2956
|
}
|
|
2926
2957
|
.ProseMirror {
|
|
2927
|
-
z-index: 0;
|
|
2928
2958
|
height: 100%;
|
|
2929
2959
|
max-width: 42rem;
|
|
2930
2960
|
padding-top: 2.5rem;
|
|
2931
2961
|
padding-bottom: 2.5rem;
|
|
2932
2962
|
padding-right: 2.5rem;
|
|
2933
2963
|
padding-left: 0px;
|
|
2964
|
+
color: var(--secondary-foreground);
|
|
2934
2965
|
caret-color: #000;
|
|
2935
2966
|
outline-width: 0px;
|
|
2936
2967
|
}
|
|
@@ -3013,8 +3044,16 @@ body {
|
|
|
3013
3044
|
.ProseMirror > .react-renderer.node-blockquote .is-empty blockquote,
|
|
3014
3045
|
.ProseMirror > .react-renderer.node-customCode .is-empty p,
|
|
3015
3046
|
.ProseMirror > .react-renderer.node-customCode .is-empty blockquote {
|
|
3016
|
-
|
|
3017
|
-
|
|
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
|
+
}
|
|
3018
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 {
|
|
3019
3058
|
content: "Write body text...";
|
|
3020
3059
|
}
|
|
@@ -3050,6 +3089,12 @@ body {
|
|
|
3050
3089
|
--tw-text-opacity: 1;
|
|
3051
3090
|
color: rgb(163 163 163 / var(--tw-text-opacity, 1));
|
|
3052
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
|
+
}
|
|
3053
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 {
|
|
3054
3099
|
content: "Use the right panel to add custom HTML code...";
|
|
3055
3100
|
}
|
|
@@ -3105,8 +3150,13 @@ body {
|
|
|
3105
3150
|
.ProseMirror > .react-renderer.node-heading .is-empty h1,
|
|
3106
3151
|
.ProseMirror > .react-renderer.node-heading .is-empty h2,
|
|
3107
3152
|
.ProseMirror > .react-renderer.node-heading .is-empty h3 {
|
|
3108
|
-
|
|
3109
|
-
|
|
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
|
+
}
|
|
3110
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 {
|
|
3111
3161
|
content: "Write heading...";
|
|
3112
3162
|
}
|
|
@@ -3289,6 +3339,10 @@ body {
|
|
|
3289
3339
|
--tw-content: '';
|
|
3290
3340
|
content: var(--tw-content);
|
|
3291
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
|
+
}
|
|
3292
3346
|
/* Column-specific hover: only show when in edge zone */
|
|
3293
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 {
|
|
3294
3348
|
padding-left: 2rem;
|
|
@@ -3545,6 +3599,9 @@ body {
|
|
|
3545
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 {
|
|
3546
3600
|
position: relative;
|
|
3547
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
|
+
}
|
|
3548
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 {
|
|
3549
3606
|
content: "Use the right panel to add custom HTML code...";
|
|
3550
3607
|
}
|
|
@@ -3944,6 +4001,9 @@ body {
|
|
|
3944
4001
|
.courier-slack-editor .ProseMirror {
|
|
3945
4002
|
padding: 0px;
|
|
3946
4003
|
}
|
|
4004
|
+
.courier-slack-editor .ProseMirror:is(.courier-dark *) {
|
|
4005
|
+
color: var(--foreground);
|
|
4006
|
+
}
|
|
3947
4007
|
.courier-slack-editor .ProseMirror > .react-renderer {
|
|
3948
4008
|
margin-top: 0.5rem;
|
|
3949
4009
|
margin-bottom: 0.5rem;
|
|
@@ -3978,6 +4038,9 @@ body {
|
|
|
3978
4038
|
.courier-slack-editor .ProseMirror > .react-renderer.node-column {
|
|
3979
4039
|
margin: 0px;
|
|
3980
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
|
+
}
|
|
3981
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 {
|
|
3982
4045
|
justify-content: flex-start !important;
|
|
3983
4046
|
}
|
|
@@ -3990,10 +4053,16 @@ body {
|
|
|
3990
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 {
|
|
3991
4054
|
background-color: transparent !important;
|
|
3992
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
|
+
}
|
|
3993
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 {
|
|
3994
4064
|
border: 1px solid #e5e5e5 !important;
|
|
3995
4065
|
border-radius: 6px !important;
|
|
3996
|
-
color: #171717 !important;
|
|
3997
4066
|
padding: 6px 9.6px !important;
|
|
3998
4067
|
font-weight: 500 !important;
|
|
3999
4068
|
font-size: 14px !important;
|
|
@@ -4042,6 +4111,10 @@ body {
|
|
|
4042
4111
|
--tw-content: '';
|
|
4043
4112
|
content: var(--tw-content);
|
|
4044
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
|
+
}
|
|
4045
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 {
|
|
4046
4119
|
position: relative;
|
|
4047
4120
|
}
|
|
@@ -4143,32 +4216,17 @@ body {
|
|
|
4143
4216
|
.courier-msteams-editor .ProseMirror > .react-renderer.node-column {
|
|
4144
4217
|
margin: 0px;
|
|
4145
4218
|
}
|
|
4146
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.
|
|
4147
|
-
|
|
4148
|
-
|
|
4149
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-
|
|
4150
|
-
|
|
4151
|
-
|
|
4152
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-
|
|
4153
|
-
|
|
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);
|
|
4154
4227
|
}
|
|
4155
|
-
.courier-msteams-editor .ProseMirror > .react-renderer.node-button.node-
|
|
4156
|
-
background-color:
|
|
4157
|
-
}
|
|
4158
|
-
.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 {
|
|
4159
|
-
border: 1px solid #e5e5e5 !important;
|
|
4160
|
-
border-radius: 6px !important;
|
|
4161
|
-
color: #171717 !important;
|
|
4162
|
-
padding: 6px 9.6px !important;
|
|
4163
|
-
font-weight: 500 !important;
|
|
4164
|
-
font-size: 14px !important;
|
|
4165
|
-
font-style: normal !important;
|
|
4166
|
-
line-height: 24px !important;
|
|
4167
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
|
|
4168
|
-
}
|
|
4169
|
-
.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 {
|
|
4170
|
-
--tw-bg-opacity: 1;
|
|
4171
|
-
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;
|
|
4172
4230
|
}
|
|
4173
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"] {
|
|
4174
4232
|
visibility: hidden;
|
|
@@ -4207,6 +4265,10 @@ body {
|
|
|
4207
4265
|
--tw-content: '';
|
|
4208
4266
|
content: var(--tw-content);
|
|
4209
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
|
+
}
|
|
4210
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 {
|
|
4211
4273
|
position: relative;
|
|
4212
4274
|
}
|
|
@@ -4400,6 +4462,9 @@ body {
|
|
|
4400
4462
|
.last\:courier-mt-0:last-child {
|
|
4401
4463
|
margin-top: 0px;
|
|
4402
4464
|
}
|
|
4465
|
+
.hover\:courier-z-\[100000\]:hover {
|
|
4466
|
+
z-index: 100000;
|
|
4467
|
+
}
|
|
4403
4468
|
.hover\:courier-border-accent-foreground:hover {
|
|
4404
4469
|
border-color: var(--accent-foreground);
|
|
4405
4470
|
}
|
|
@@ -4409,6 +4474,10 @@ body {
|
|
|
4409
4474
|
.hover\:courier-bg-black\/5:hover {
|
|
4410
4475
|
background-color: rgb(0 0 0 / 0.05);
|
|
4411
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
|
+
}
|
|
4412
4481
|
.hover\:courier-bg-card:hover {
|
|
4413
4482
|
background-color: var(--card);
|
|
4414
4483
|
}
|
|
@@ -4424,10 +4493,6 @@ body {
|
|
|
4424
4493
|
--tw-bg-opacity: 1;
|
|
4425
4494
|
background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
|
|
4426
4495
|
}
|
|
4427
|
-
.hover\:courier-bg-neutral-800:hover {
|
|
4428
|
-
--tw-bg-opacity: 1;
|
|
4429
|
-
background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
|
|
4430
|
-
}
|
|
4431
4496
|
.hover\:courier-bg-red-500:hover {
|
|
4432
4497
|
--tw-bg-opacity: 1;
|
|
4433
4498
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
@@ -4501,13 +4566,13 @@ body {
|
|
|
4501
4566
|
.active\:courier-bg-black\/10:active {
|
|
4502
4567
|
background-color: rgb(0 0 0 / 0.1);
|
|
4503
4568
|
}
|
|
4504
|
-
.active\:courier-bg-
|
|
4569
|
+
.active\:courier-bg-blue-700:active {
|
|
4505
4570
|
--tw-bg-opacity: 1;
|
|
4506
|
-
background-color: rgb(
|
|
4571
|
+
background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
|
|
4507
4572
|
}
|
|
4508
|
-
.active\:courier-bg-neutral-
|
|
4573
|
+
.active\:courier-bg-neutral-200:active {
|
|
4509
4574
|
--tw-bg-opacity: 1;
|
|
4510
|
-
background-color: rgb(
|
|
4575
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
|
|
4511
4576
|
}
|
|
4512
4577
|
.active\:courier-text-neutral-800:active {
|
|
4513
4578
|
--tw-text-opacity: 1;
|
|
@@ -4643,16 +4708,23 @@ body {
|
|
|
4643
4708
|
.data-\[state\=open\]\:courier-slide-in-from-top-\[48\%\][data-state="open"] {
|
|
4644
4709
|
--tw-enter-translate-y: -48%;
|
|
4645
4710
|
}
|
|
4711
|
+
.dark\:courier-border-accent:is(.courier-dark *) {
|
|
4712
|
+
border-color: var(--accent);
|
|
4713
|
+
}
|
|
4646
4714
|
.dark\:courier-border-foreground:is(.courier-dark *) {
|
|
4647
4715
|
border-color: var(--foreground);
|
|
4648
4716
|
}
|
|
4649
|
-
.dark\:courier-border-neutral-
|
|
4717
|
+
.dark\:courier-border-neutral-300:is(.courier-dark *) {
|
|
4650
4718
|
--tw-border-opacity: 1;
|
|
4651
|
-
border-color: rgb(
|
|
4719
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
|
|
4652
4720
|
}
|
|
4653
|
-
.dark\:courier-border-
|
|
4721
|
+
.dark\:courier-border-neutral-500:is(.courier-dark *) {
|
|
4654
4722
|
--tw-border-opacity: 1;
|
|
4655
|
-
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));
|
|
4656
4728
|
}
|
|
4657
4729
|
.dark\:courier-border-white\/20:is(.courier-dark *) {
|
|
4658
4730
|
border-color: rgb(255 255 255 / 0.2);
|
|
@@ -4660,6 +4732,25 @@ body {
|
|
|
4660
4732
|
.dark\:courier-border-t-white\/40:is(.courier-dark *) {
|
|
4661
4733
|
border-top-color: rgb(255 255 255 / 0.4);
|
|
4662
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
|
+
}
|
|
4663
4754
|
.dark\:courier-bg-black:is(.courier-dark *) {
|
|
4664
4755
|
--tw-bg-opacity: 1;
|
|
4665
4756
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
@@ -4667,9 +4758,9 @@ body {
|
|
|
4667
4758
|
.dark\:courier-bg-foreground:is(.courier-dark *) {
|
|
4668
4759
|
background-color: var(--foreground);
|
|
4669
4760
|
}
|
|
4670
|
-
.dark\:courier-bg-neutral-
|
|
4761
|
+
.dark\:courier-bg-neutral-700:is(.courier-dark *) {
|
|
4671
4762
|
--tw-bg-opacity: 1;
|
|
4672
|
-
background-color: rgb(
|
|
4763
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
|
|
4673
4764
|
}
|
|
4674
4765
|
.dark\:courier-bg-neutral-800:is(.courier-dark *) {
|
|
4675
4766
|
--tw-bg-opacity: 1;
|
|
@@ -4679,9 +4770,6 @@ body {
|
|
|
4679
4770
|
--tw-bg-opacity: 1;
|
|
4680
4771
|
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
|
|
4681
4772
|
}
|
|
4682
|
-
.dark\:courier-bg-primary:is(.courier-dark *) {
|
|
4683
|
-
background-color: var(--primary);
|
|
4684
|
-
}
|
|
4685
4773
|
.dark\:courier-bg-white:is(.courier-dark *) {
|
|
4686
4774
|
--tw-bg-opacity: 1;
|
|
4687
4775
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
@@ -4689,8 +4777,20 @@ body {
|
|
|
4689
4777
|
.dark\:courier-bg-white\/20:is(.courier-dark *) {
|
|
4690
4778
|
background-color: rgb(255 255 255 / 0.2);
|
|
4691
4779
|
}
|
|
4692
|
-
.dark\:courier-text
|
|
4693
|
-
|
|
4780
|
+
.dark\:courier-text-\[\#171717\]:is(.courier-dark *) {
|
|
4781
|
+
--tw-text-opacity: 1;
|
|
4782
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
4783
|
+
}
|
|
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);
|
|
4694
4794
|
}
|
|
4695
4795
|
.dark\:courier-text-neutral-200:is(.courier-dark *) {
|
|
4696
4796
|
--tw-text-opacity: 1;
|
|
@@ -4725,9 +4825,9 @@ body {
|
|
|
4725
4825
|
.dark\:courier-outline-neutral-300:is(.courier-dark *) {
|
|
4726
4826
|
outline-color: #d4d4d4;
|
|
4727
4827
|
}
|
|
4728
|
-
.dark\:hover\:courier-bg-neutral-
|
|
4828
|
+
.dark\:hover\:courier-bg-neutral-600:hover:is(.courier-dark *) {
|
|
4729
4829
|
--tw-bg-opacity: 1;
|
|
4730
|
-
background-color: rgb(
|
|
4830
|
+
background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
|
|
4731
4831
|
}
|
|
4732
4832
|
.dark\:hover\:courier-bg-neutral-700:hover:is(.courier-dark *) {
|
|
4733
4833
|
--tw-bg-opacity: 1;
|
|
@@ -4745,6 +4845,9 @@ body {
|
|
|
4745
4845
|
--tw-bg-opacity: 1;
|
|
4746
4846
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
4747
4847
|
}
|
|
4848
|
+
.dark\:hover\:courier-bg-secondary:hover:is(.courier-dark *) {
|
|
4849
|
+
background-color: var(--secondary);
|
|
4850
|
+
}
|
|
4748
4851
|
.dark\:hover\:courier-bg-white\/10:hover:is(.courier-dark *) {
|
|
4749
4852
|
background-color: rgb(255 255 255 / 0.1);
|
|
4750
4853
|
}
|
|
@@ -4763,10 +4866,6 @@ body {
|
|
|
4763
4866
|
--tw-text-opacity: 1;
|
|
4764
4867
|
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
4765
4868
|
}
|
|
4766
|
-
.dark\:active\:courier-bg-neutral-300:active:is(.courier-dark *) {
|
|
4767
|
-
--tw-bg-opacity: 1;
|
|
4768
|
-
background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
|
|
4769
|
-
}
|
|
4770
4869
|
.dark\:active\:courier-bg-neutral-700:active:is(.courier-dark *) {
|
|
4771
4870
|
--tw-bg-opacity: 1;
|
|
4772
4871
|
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
|
|
@@ -4779,6 +4878,10 @@ body {
|
|
|
4779
4878
|
--tw-text-opacity: 1;
|
|
4780
4879
|
color: rgb(229 229 229 / var(--tw-text-opacity, 1));
|
|
4781
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
|
+
}
|
|
4782
4885
|
@media (min-width: 640px) {
|
|
4783
4886
|
|
|
4784
4887
|
.sm\:courier-mt-0 {
|
|
@@ -4898,3 +5001,10 @@ body {
|
|
|
4898
5001
|
.\[\&_svg\]\:data-\[state\=on\]\:courier-fill-foreground[data-state="on"] svg {
|
|
4899
5002
|
fill: var(--foreground);
|
|
4900
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
|
+
}
|