@knime/kds-rich-text-editor 6.2.0 → 6.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @knime/kds-rich-text-editor
 
+## 6.3.0
+
+### Patch Changes
+
+- @knime/kds-components@6.3.0
+- @knime/kds-styles@6.3.0
+
 ## 6.2.0
 
 ### Patch Changes

package/dist/index.css

@@ -27,7 +27,7 @@
 }
 
 .editor-wrapper {
-&[data-v-efb3c9b4] {
+&[data-v-a230bf6c] {
   /* Fixed 44px toolbar height per the design (28px content + 8px padding on
    * each side); the small toolbar buttons (24px) center within the content
    * area. */
@@ -39,32 +39,32 @@
   position: relative;
   isolation: isolate;
 }
-&.disabled[data-v-efb3c9b4] {
+&.disabled[data-v-a230bf6c] {
     color: var(--kds-color-text-and-icon-disabled);
 }
 }
 
 /* stylelint-disable selector-class-pattern */
 .rich-text-editor {
-&[data-v-efb3c9b4] {
+&[data-v-a230bf6c] {
   height: 100%;
-  max-height: var(--v9c50ae14);
+  max-height: var(--v3c79e33b);
   overflow-y: auto;
 
   /* stylelint-disable knime/no-deep-nesting */
   /* stylelint-enable selector-class-pattern */
 }
 &.editable {
-&[data-v-efb3c9b4] {
+&[data-v-a230bf6c] {
     padding: var(--kds-spacing-container-0-5x);
     cursor: text;
     background: var(--kds-color-background-input-initial);
 }
-&[data-v-efb3c9b4] .ProseMirror {
-      min-height: var(--v4e013170);
+&[data-v-a230bf6c] .ProseMirror {
+      min-height: var(--v63a1a18d);
 }
 }
-&[data-v-efb3c9b4] .ProseMirror {
+&[data-v-a230bf6c] .ProseMirror {
     height: 100%;
     font: var(--kds-font-base-body-small);
 
@@ -90,6 +90,16 @@ i,
     em {
       font-style: italic;
 }
+h1 {
+      margin: 0;
+      font: var(--kds-font-base-display-small);
+      color: var(--kds-color-text-and-icon-neutral);
+}
+h2 {
+      margin: 0;
+      font: var(--kds-font-base-display-xsmall);
+      color: var(--kds-color-text-and-icon-neutral);
+}
 h3 {
       margin: 0;
       font: var(--kds-font-base-body-medium-strong);
@@ -98,6 +108,35 @@ h4 {
       margin: 0;
       font: var(--kds-font-base-body-small-strong);
 }
+h5 {
+      margin: 0;
+      font: var(--kds-font-base-title-small-strong);
+      color: var(--kds-color-text-and-icon-neutral);
+}
+h6 {
+      margin: 0;
+      font: var(--kds-font-base-title-small);
+      color: var(--kds-color-text-and-icon-neutral);
+}
+blockquote {
+& {
+      position: relative;
+      padding-left: var(--kds-spacing-container-1x);
+      margin-left: var(--kds-spacing-container-1x);
+}
+&::before {
+        position: absolute;
+        left: 0;
+        width: var(--kds-dimension-component-width-0-25x);
+        height: 100%;
+        content: "";
+        background-color: var(--kds-color-border-subtle);
+        border-radius: var(--kds-border-radius-container-pill);
+}
+& p:last-child {
+        margin-bottom: 0;
+}
+}
 pre {
 & {
       width: fit-content;
@@ -175,7 +214,7 @@ a {
           margin-left: var(--kds-spacing-container-0-12x);
           content: "";
           background-color: var(--link-color);
-          mask-image: var(--v0f827314);
+          mask-image: var(--f8ef0ace);
           mask-repeat: no-repeat;
           mask-size: contain;
 }
@@ -224,34 +263,34 @@ td {
 }
 }
 }
-&[data-v-efb3c9b4] .ProseMirror:focus-visible,
-  &[data-v-efb3c9b4] .ProseMirror:focus {
+&[data-v-a230bf6c] .ProseMirror:focus-visible,
+  &[data-v-a230bf6c] .ProseMirror:focus {
     outline: transparent;
 }
 }
 .editor-wrapper.with-border {
-&[data-v-efb3c9b4] {
+&[data-v-a230bf6c] {
   border: var(--kds-border-action-input);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
-&.disabled[data-v-efb3c9b4] {
+&.disabled[data-v-a230bf6c] {
     border: var(--kds-border-action-disabled);
 }
-& .toolbar-wrapper[data-v-efb3c9b4] {
+& .toolbar-wrapper[data-v-a230bf6c] {
     border-top-left-radius: var(--kds-border-radius-container-0-37x);
     border-top-right-radius: var(--kds-border-radius-container-0-37x);
 }
-& .rich-text-editor[data-v-efb3c9b4] {
+& .rich-text-editor[data-v-a230bf6c] {
     border-bottom-right-radius: var(--kds-border-radius-container-0-37x);
     border-bottom-left-radius: var(--kds-border-radius-container-0-37x);
 }
 }
-.editor-wrapper.show-focus-ring[data-v-efb3c9b4] {
+.editor-wrapper.show-focus-ring[data-v-a230bf6c] {
   outline: var(--kds-border-action-focused);
   outline-offset: var(--kds-spacing-offset-focus);
 }
 .embedded-toolbar {
-&[data-v-efb3c9b4] {
+&[data-v-a230bf6c] {
   height: var(--toolbar-height);
   padding: var(--kds-spacing-container-0-5x);
   overflow-x: auto;
@@ -262,7 +301,7 @@ td {
   border-bottom: var(--kds-border-base-muted);
   -ms-overflow-style: none; /* needed to hide scroll bar in edge */
 }
-&[data-v-efb3c9b4]::-webkit-scrollbar {
+&[data-v-a230bf6c]::-webkit-scrollbar {
     display: none;
 }
 }

package/dist/index.js

@@ -3179,11 +3179,11 @@ var KdsRichTextEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	emits: /*@__PURE__*/ mergeModels(["blur"], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		useCssVars((_ctx) => ({
-			"v9c50ae14": maxHeightStyle.value,
-			"v4e013170": minHeightStyle.value,
-			"v0f827314": externalIcon
+			"v3c79e33b": maxHeightStyle.value,
+			"v63a1a18d": minHeightStyle.value,
+			"f8ef0ace": externalIcon
 		}));
-		const hardCharacterLimit = Math.max(__props.characterLimit.maxCharacters ?? 1e3, MIN_CHARACTER_LIMIT);
+		const hardCharacterLimit = __props.editable ? Math.max(__props.characterLimit.maxCharacters ?? 1e3, MIN_CHARACTER_LIMIT) : Infinity;
 		const characterCountDisplay = __props.characterLimit.display ?? kdsCharacterCountDisplay.NEVER;
 		const slots = useSlots();
 		const externalIcon = `url("${external_link_default}")`;
@@ -3351,7 +3351,7 @@ var KdsRichTextEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			])]);
 		};
 	}
-}), [["__scopeId", "data-v-efb3c9b4"]]);
+}), [["__scopeId", "data-v-a230bf6c"]]);
 //#endregion
 //#region src/KdsRichTextInput.vue
 var KdsRichTextInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({