Merge pull request #110 from KonnorRogers/main

Main -> Latest

CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## 0.8.0
+
+### Minor Changes
+
+- a315ebe: BREAKING_CHANGE: CSS parts have changed slightly to create a more consistent naming conventions. `toolbar-tooltip` has been renamed to `toolbar__tooltip` along with other parts being slightly modified. `link-dialog__add-link` changed to
+  `link-dialog__link`.
+- a315ebe: - BREAKING_CHANGE: `handleFiles` now no longer automatically chains events. Instead now it returns the attachmentManagers to be chained.
+
+### Patch Changes
+
+- a315ebe: - The editor no longer inserts `<p>` tags above and below an attachment
+  - `<figure>` now has a default margin of `0.6em 0` to align with Trix.
+  - Updated to role-components v2.0.1
+  - Added docs on styling the border of the toolbar
+- a315ebe: - Fixed CSS for attachment galleries
+- a315ebe: - Added the ability to press the "Enter" key inside a `<figcaption>` and end up on the next line.
+- a315ebe: - Fixed a bug with dropcursor not showing
+- 6190d0b: Dependencies: update role-component to v2.0.0
+- a315ebe: - Fixed a bug where pressing backspace inside a `<figcaption>` or a Gallery would cause the attachment to no longer be in the gallery
+
 ## 0.7.1
 
 ### Patch Changes

docs/frontend/javascript/entrypoints/syntax-highlighting.js

@@ -33,7 +33,4 @@ function extendRhinoEditor (event) {
   rhinoEditor.rebuildEditor()
 }
 
-// Because this script is lazy loaded in the docs, we miss out on the `rhino-before-initialize` event.
-// In your app you should be able to do:
-// document.addEventListener("rhino-before-initialize", extendRhinoEditor)
-document.addEventListener("rhino-initialize", extendRhinoEditor)
+document.addEventListener("rhino-before-initialize", extendRhinoEditor)

docs/frontend/styles/_components.css

@@ -10,6 +10,7 @@
 @import "./components/_hero.css";
 @import "./components/_input.css";
 @import "./components/_layout.css";
+@import "./components/_list.css";
 @import "./components/_link.css";
 @import "./components/_logo.css";
 @import "./components/_main_list.css";

docs/frontend/styles/components/_list.css

@@ -0,0 +1,3 @@
+ul.list li {
+  line-height: 2.5;
+}

docs/frontend/styles/components/_side_nav.css

@@ -1,3 +1,7 @@
+.side-nav ul {
+  list-style-type: " ";
+}
+
 .side-nav__menu {
   margin: 0;
   padding-inline-start: 0;

docs/frontend/styles/components/_table_of_contents.css

@@ -25,7 +25,6 @@
 }
 
 .table-of-contents__list a {
-  color: var(--sl-color-neutral-500);
   text-decoration: none;
 }
 

docs/frontend/styles/overrides/rhino-editor.css

@@ -2,4 +2,68 @@
   position: relative;
   margin: 1rem 0rem;
 }
+/* Rhino Editor */
+
+.sl-theme-dark .rhino-editor,
+.sl-theme-dark .trix-content {
+  --rhino-button-color: var(--sl-color-neutral-700);
+  --rhino-button-disabled-text-color: var(--sl-color-neutral-300);
+  --rhino-toolbar-text-color: var(--sl-color-neutral-700);
+  --rhino-button-active-border-color: var(--sl-color-primary-700);
+  --rhino-button-active-background-color: var(--sl-color-primary-200);
+  color: white;
+}
+
+
+.sl-theme-dark .rhino-editor::part(toolbar__button):is(:focus, :hover) {
+  color: black;
+}
+
+.sl-theme-dark .rhino-editor::part(toolbar__button toolbar__button--active):is(:focus, :hover) {
+  color: white;
+}
+
+
+.sl-theme-dark .rhino-editor::part(toolbar__button--active) {
+  color: var(--sl-color-primary-800);
+}
+
+.sl-theme-dark .rhino-editor::part(toolbar__button toolbar__button--disabled):is(:focus, :hover) {
+  color: var(--sl-color-neutral-300);
+}
+
+.sl-theme-dark .rhino-editor::part(link-dialog__container) {
+  background-color: black;
+  border: 1px solid white;
+  box-shadow: none;
+}
+
+.sl-theme-dark .rhino-editor::part(link-dialog__input--invalid) {
+  color: var(--sl-color-red-200);
+}
+
+.sl-theme-dark .rhino-editor::part(tooltip-base) {
+  border: 1px solid white;
+}
+
+.sl-theme-dark .rhino-editor::part(tooltip-arrow) {
+  border-right: 1px solid white;
+  border-bottom: 1px solid white;
+}
+
+.sl-theme-dark .trix-content .attachment--preview .attachment__caption {
+  color: var(--sl-color-neutral-700);
+}
+
+.sl-theme-dark rhino-attachment-editor::part(delete-button) {
+  color: black;
+}
+
+.sl-theme-dark .trix-content pre {
+  color: black;
+}
+
+.sl-theme-dark .trix-content blockquote {
+  color: var(--sl-color-neutral-700);
+}
 

docs/frontend/styles/overrides/shoelace.css

@@ -2,3 +2,9 @@
   display: none;
 }
 
+/** Bypass a11y checker. */
+sl-visually-hidden {
+  background-color: var(--sl-color-neutral-0);
+  background-color: var(--sl-color-neutral-1000);
+}
+

docs/frontend/styles/tokens/_colors.css

@@ -6,6 +6,8 @@ html.sl-theme-dark {
   --light-text-color: var(--sl-color-neutral-700);
   --body-color: var(--sl-color-neutral-0);
 
+  --logo-color: var(--sl-color-neutral-1000);
+
   --input-border-color: var(--divider-color);
   --input-bg-color: var(--sl-color-neutral-0);
   --input-transition: 100ms box-shadow ease-in-out;

docs/package.json

@@ -23,8 +23,8 @@
     "@hotwired/turbo": "^7.3.0",
     "@konnorr/bridgetown-quick-search": "^3.7.4",
     "@shoelace-style/shoelace": "^2.7.0",
-    "@tiptap/extension-character-count": "^2.1.7",
-    "@tiptap/extension-code-block-lowlight": "^2.1.7",
+    "@tiptap/extension-character-count": "2.1.7",
+    "@tiptap/extension-code-block-lowlight": "2.1.7",
     "linkifyjs": "^4.1.1",
     "lowlight": "^2.9.0",
     "prosemirror-view": "1.28.2",