@kubex/zinc 1.1.145 → 1.1.147

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.145",
+  "version": "1.1.147",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/remarkd-editor/remarkd-editor.component.ts

@@ -342,6 +342,7 @@ function renderInlineConditional(block: string): TemplateResult | null {
  * @csspart include-picker - The inline Include picker opened from the toolbar or "/include".
  *
  * @cssproperty --remarkd-editor-max-height - The tallest the editor grows before its body scrolls. Defaults to `100dvh`.
+ * @cssproperty --remarkd-editor-min-height - The shortest the body renders while empty. Defaults to `10rem`.
  */
 export default class ZnRemarkdEditor extends ZincElement implements ZincFormControl {
   static styles: CSSResultGroup = unsafeCSS(styles);

package/src/components/remarkd-editor/remarkd-editor.scss

@@ -54,7 +54,7 @@
 
 .remarkd-editor__body {
   padding: var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-large) 52px;
-  min-height: 10rem;
+  min-height: var(--remarkd-editor-min-height, 10rem);
   overflow-y: auto;
 }
 
@@ -70,7 +70,7 @@
 
 .remarkd-editor__raw {
   flex: 1;
-  min-height: 10rem;
+  min-height: var(--remarkd-editor-min-height, 10rem);
   resize: vertical;
   border: 0;
   background: transparent;

package/src/components/translations/translations.component.ts

@@ -357,8 +357,10 @@ export default class ZnTranslations extends ZincElement implements ZincFormContr
 
   private handleKeyDown = (event: KeyboardEvent) => {
     if (event.key === 'Enter') {
-      // An inline edit commits on Enter itself, and a textarea needs it for the newline.
-      if (event.target instanceof ZnInlineEdit || event.target instanceof ZnTextarea) {
+      // An inline edit commits on Enter itself, a textarea needs it for the
+      // newline, and a remarkd editor for a new paragraph.
+      if (event.target instanceof ZnInlineEdit || event.target instanceof ZnTextarea
+        || event.target instanceof ZnRemarkdEditor) {
         return;
       }