feat: Initial clean release of CHM

packages/editor/ProseMirror/styles/action-button.css

@@ -0,0 +1,20 @@
+
+.action-button {
+	background-color: transparent;
+	color: currentColor;
+	border-radius: 48px;
+	transition: background-color 0.2s ease, opacity 0.2s ease;
+}
+
+.action-button:hover {
+	background-color: var(--joplin-background-color-hover3);
+}
+
+.action-button.-icon {
+	width: 48px;
+	height: 48px;
+}
+
+.action-button > .icon {
+	vertical-align: middle;
+}

packages/editor/ProseMirror/styles/alt-text-editor.css

@@ -0,0 +1,5 @@
+
+.alt-text-editor {
+	display: flex;
+	flex-direction: column;
+}

packages/editor/ProseMirror/styles/checklist-item.css

@@ -0,0 +1,10 @@
+
+.checklist-item.-flex {
+	display: flex;
+	flex-direction: row;
+	align-items: baseline;
+}
+
+.checklist-item > .content {
+	flex-grow: 1;
+}

packages/editor/ProseMirror/styles/floating-button-bar.css

@@ -0,0 +1,49 @@
+
+.floating-button-bar {
+	position: absolute;
+	z-index: 1;
+
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+
+	background-color: var(--joplin-background-color3);
+	color: var(--joplin-color);
+
+	box-shadow: 0px 0px 2px var(--joplin-color);
+}
+
+.floating-button-bar.-hidden {
+	display: none;
+}
+
+.floating-button-bar > .action {
+	background: transparent;
+	color: inherit;
+	border: none;
+}
+
+
+.floating-button-bar.-floating {
+	border-radius: 64px;
+	height: 64px;
+	padding: 8px;
+	gap: 4px;
+}
+
+.floating-button-bar.-anchored {
+	border-radius: 48px;
+	padding: 0px;
+	gap: 4px;
+
+	opacity: 0.9;
+	transition: opacity 0.2s ease;
+}
+
+.floating-button-bar.-anchored > .action {
+	padding: 8px;
+}
+
+.floating-button-bar.-anchored:focus-within, .floating-button-bar.-anchored:hover {
+	opacity: 1;
+}

packages/editor/ProseMirror/styles/joplin-dialog.css

@@ -0,0 +1,26 @@
+
+.joplin-dialog {
+	display: flex;
+	flex-direction: column;
+	background-color: var(--joplin-background-color);
+	border: none;
+	border-radius: 16px;
+	box-shadow: 0px 0px 3px var(--joplin-color);
+	color: var(--joplin-color);
+
+	width: min(80vw, 600px);
+	padding: 16px;
+}
+
+.joplin-dialog > button.done {
+	color: var(--joplin-color);
+	background-color: var(--joplin-background-color3);
+	border: 1px solid var(--joplin-border-color4);
+
+	border-radius: 8px;
+	min-height: 36px;
+	height: 38px;
+
+	bottom: 0;
+	position: sticky;
+}

packages/editor/ProseMirror/styles/joplin-editable.css

@@ -0,0 +1,6 @@
+
+.joplin-editable {
+	position: relative;
+	/* Override the "white-space" setting for the editor */
+	white-space: normal;
+}

packages/editor/ProseMirror/styles/joplin-image-view.css

@@ -0,0 +1,4 @@
+
+.joplin-image-view {
+	display: inline-block;
+}

packages/editor/ProseMirror/styles/joplin-selectable.css

@@ -0,0 +1,26 @@
+
+.joplin-selectable {
+	position: relative;
+}
+
+.joplin-selectable > .actions {
+	position: absolute;
+	top: 0;
+	right: 0;
+	opacity: 0;
+
+	display: none;
+
+	transition-behavior: allow-discrete;
+	transition-duration: 0.2s;
+	transition-property: opacity, display;
+}
+
+.joplin-selectable.-selected {
+	outline: 4px solid var(--joplin-text-selection-color);
+}
+
+.joplin-selectable.-selected > .actions, .joplin-selectable:focus-within > .actions {
+	display: block;
+	opacity: 0.9;
+}

packages/editor/ProseMirror/styles/link-tooltip.css

@@ -0,0 +1,20 @@
+
+.link-tooltip.-hidden {
+	display: none;
+}
+
+.link-tooltip {
+	position: absolute;
+	border-radius: 4px;
+	padding: 3px;
+	background-color: var(--joplin-background-color3);
+	color: var(--joplin-color3);
+}
+
+.link-tooltip > .link {
+	text-decoration: underline;
+	cursor: pointer;
+	color: var(--joplin-url-color);
+	background-color: transparent;
+	border: none;
+}

packages/editor/ProseMirror/styles/prosemirror-editor.css

@@ -0,0 +1,8 @@
+
+.prosemirror-editor {
+	outline: none;
+	padding-left: 15px;
+	padding-right: 15px;
+
+	color: var(--joplin-color);
+}

packages/editor/ProseMirror/styles/table.css

@@ -0,0 +1,16 @@
+
+table .selectedCell {
+	outline: 2px solid var(--joplin-text-selection-color);
+}
+
+/* Prevent table entries from having more spacing in the Rich Text Editor
+   than in the note viewer. Unlike the note viewer, the Rich Text Editor
+   always adds a <p> wrapper element around the table cells. */
+th > p:only-child, td > p:only-child {
+	margin: unset;
+}
+
+/* Tables used with ProseMirror do not have a thead, so zebra striping needs be styled separately to the global noteStyle css */
+table tr:nth-child(odd) {
+	background-color: var(--joplin-table-background-color);
+}