@knime/kds-rich-text-editor 11.1.0 → 11.1.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @knime/kds-rich-text-editor
 
+## 11.1.1
+
+### Patch Changes
+
+- 7dbad9a: Ensure editor is always 100% height of its available container
+- Updated dependencies [7dbad9a, 2c0897f]
+  - @knime/kds-components@11.1.1
+  - @knime/kds-styles@11.1.1
+
 ## 11.1.0
 
 ### Patch Changes

package/dist/index.css

@@ -27,7 +27,7 @@
 }
 
 .editor-wrapper {
-&[data-v-a230bf6c] {
+&[data-v-f0330e9f] {
   /* Fixed 44px toolbar height per the design (28px content + 8px padding on
    * each side); the small toolbar buttons (24px) center within the content
    * area. */
@@ -37,34 +37,35 @@
   );
 
   position: relative;
+  height: 100%;
   isolation: isolate;
 }
-&.disabled[data-v-a230bf6c] {
+&.disabled[data-v-f0330e9f] {
     color: var(--kds-color-text-and-icon-disabled);
 }
 }
 
 /* stylelint-disable selector-class-pattern */
 .rich-text-editor {
-&[data-v-a230bf6c] {
+&[data-v-f0330e9f] {
   height: 100%;
-  max-height: var(--v3c79e33b);
+  max-height: var(--v2a0392e8);
   overflow-y: auto;
 
   /* stylelint-disable knime/no-deep-nesting */
   /* stylelint-enable selector-class-pattern */
 }
 &.editable {
-&[data-v-a230bf6c] {
+&[data-v-f0330e9f] {
     padding: var(--kds-spacing-container-0-5x);
     cursor: text;
     background: var(--kds-color-background-input-initial);
 }
-&[data-v-a230bf6c] .ProseMirror {
-      min-height: var(--v63a1a18d);
+&[data-v-f0330e9f] .ProseMirror {
+      min-height: var(--v512b513a);
 }
 }
-&[data-v-a230bf6c] .ProseMirror {
+&[data-v-f0330e9f] .ProseMirror {
     height: 100%;
     font: var(--kds-font-base-body-small);
 
@@ -214,7 +215,7 @@ a {
           margin-left: var(--kds-spacing-container-0-12x);
           content: "";
           background-color: var(--link-color);
-          mask-image: var(--f8ef0ace);
+          mask-image: var(--v69243186);
           mask-repeat: no-repeat;
           mask-size: contain;
 }
@@ -263,34 +264,34 @@ td {
 }
 }
 }
-&[data-v-a230bf6c] .ProseMirror:focus-visible,
-  &[data-v-a230bf6c] .ProseMirror:focus {
+&[data-v-f0330e9f] .ProseMirror:focus-visible,
+  &[data-v-f0330e9f] .ProseMirror:focus {
     outline: transparent;
 }
 }
 .editor-wrapper.with-border {
-&[data-v-a230bf6c] {
+&[data-v-f0330e9f] {
   border: var(--kds-border-action-input);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
-&.disabled[data-v-a230bf6c] {
+&.disabled[data-v-f0330e9f] {
     border: var(--kds-border-action-disabled);
 }
-& .toolbar-wrapper[data-v-a230bf6c] {
+& .toolbar-wrapper[data-v-f0330e9f] {
     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-a230bf6c] {
+& .rich-text-editor[data-v-f0330e9f] {
     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-a230bf6c] {
+.editor-wrapper.show-focus-ring[data-v-f0330e9f] {
   outline: var(--kds-border-action-focused);
   outline-offset: var(--kds-spacing-offset-focus);
 }
 .embedded-toolbar {
-&[data-v-a230bf6c] {
+&[data-v-f0330e9f] {
   height: var(--toolbar-height);
   padding: var(--kds-spacing-container-0-5x);
   overflow-x: auto;
@@ -301,7 +302,7 @@ td {
   border-bottom: var(--kds-border-base-muted);
   -ms-overflow-style: none; /* needed to hide scroll bar in edge */
 }
-&[data-v-a230bf6c]::-webkit-scrollbar {
+&[data-v-f0330e9f]::-webkit-scrollbar {
     display: none;
 }
 }

package/dist/index.js

@@ -3436,9 +3436,9 @@ var KdsRichTextEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	emits: /*@__PURE__*/ mergeModels(["blur"], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		useCssVars((_ctx) => ({
-			"v3c79e33b": maxHeightStyle.value,
-			"v63a1a18d": minHeightStyle.value,
-			"f8ef0ace": externalIcon
+			"v2a0392e8": maxHeightStyle.value,
+			"v512b513a": minHeightStyle.value,
+			"v69243186": externalIcon
 		}));
 		const hardCharacterLimit = __props.editable ? Math.max(__props.characterLimit.maxCharacters ?? 1e3, MIN_CHARACTER_LIMIT) : Infinity;
 		const characterCountDisplay = __props.characterLimit.display ?? kdsCharacterCountDisplay.NEVER;
@@ -3608,7 +3608,7 @@ var KdsRichTextEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			])]);
 		};
 	}
-}), [["__scopeId", "data-v-a230bf6c"]]);
+}), [["__scopeId", "data-v-f0330e9f"]]);
 //#endregion
 //#region src/KdsRichTextInput.vue
 var KdsRichTextInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({