@knime/kds-rich-text-editor 2.0.1 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @knime/kds-rich-text-editor
 
+## 2.2.0
+
+### Patch Changes
+
+- Updated dependencies [05226cd]
+- Updated dependencies [08d9109]
+- Updated dependencies [6850f24]
+  - @knime/kds-components@2.2.0
+  - @knime/kds-styles@2.2.0
+
+## 2.1.0
+
+### Patch Changes
+
+- b5c0b76: Remove padding in non-editable mode.
+- Updated dependencies [83dcf9c]
+- Updated dependencies [d6c8a53]
+- Updated dependencies [98f37bd]
+- Updated dependencies
+- Updated dependencies [b5c0b76]
+- Updated dependencies [abe3709]
+  - @knime/kds-components@2.1.0
+  - @knime/utils@1.12.1
+  - @knime/kds-styles@2.1.0
+
 ## 2.0.1
 
 ### Patch Changes

package/dist/index.css

@@ -27,7 +27,7 @@
 }
 
 .editor-wrapper {
-&[data-v-2bc5f7d4] {
+&[data-v-11bd79f8] {
   /* 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-2bc5f7d4] {
+&.disabled[data-v-11bd79f8] {
     color: var(--kds-color-text-and-icon-disabled);
 }
 }
 
 /* stylelint-disable selector-class-pattern */
 .rich-text-editor {
-&[data-v-2bc5f7d4] {
+&[data-v-11bd79f8] {
   height: 100%;
-  max-height: var(--b5683582);
-  padding: var(--kds-spacing-container-0-5x);
+  max-height: var(--v4541e612);
   overflow-y: auto;
 
   /* stylelint-disable knime/no-deep-nesting */
   /* stylelint-enable selector-class-pattern */
 }
 &.editable {
-&[data-v-2bc5f7d4] {
+&[data-v-11bd79f8] {
+    padding: var(--kds-spacing-container-0-5x);
     cursor: text;
     background: var(--kds-color-background-input-initial);
 }
-&[data-v-2bc5f7d4] .ProseMirror {
-      min-height: var(--v6718b8de);
+&[data-v-11bd79f8] .ProseMirror {
+      min-height: var(--v6c69a464);
 }
 }
-&[data-v-2bc5f7d4] .ProseMirror {
+&[data-v-11bd79f8] .ProseMirror {
     height: 100%;
     font: var(--kds-font-base-body-small);
 
@@ -175,7 +175,7 @@ a {
           margin-left: var(--kds-spacing-container-0-12x);
           content: "";
           background-color: var(--link-color);
-          mask-image: var(--v6389a4c6);
+          mask-image: var(--v5b514730);
           mask-repeat: no-repeat;
           mask-size: contain;
 }
@@ -224,34 +224,34 @@ td {
 }
 }
 }
-&[data-v-2bc5f7d4] .ProseMirror:focus-visible,
-  &[data-v-2bc5f7d4] .ProseMirror:focus {
+&[data-v-11bd79f8] .ProseMirror:focus-visible,
+  &[data-v-11bd79f8] .ProseMirror:focus {
     outline: transparent;
 }
 }
 .editor-wrapper.with-border {
-&[data-v-2bc5f7d4] {
+&[data-v-11bd79f8] {
   border: var(--kds-border-action-input);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
-&.disabled[data-v-2bc5f7d4] {
+&.disabled[data-v-11bd79f8] {
     border: var(--kds-border-action-disabled);
 }
-& .toolbar-wrapper[data-v-2bc5f7d4] {
+& .toolbar-wrapper[data-v-11bd79f8] {
     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-2bc5f7d4] {
+& .rich-text-editor[data-v-11bd79f8] {
     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-2bc5f7d4] {
+.editor-wrapper.show-focus-ring[data-v-11bd79f8] {
   outline: var(--kds-border-action-focused);
   outline-offset: var(--kds-spacing-offset-focus);
 }
 .embedded-toolbar {
-&[data-v-2bc5f7d4] {
+&[data-v-11bd79f8] {
   height: var(--toolbar-height);
   padding: var(--kds-spacing-container-0-5x);
   overflow-x: auto;
@@ -262,7 +262,7 @@ td {
   border-bottom: var(--kds-border-base-muted);
   -ms-overflow-style: none; /* needed to hide scroll bar in edge */
 }
-&[data-v-2bc5f7d4]::-webkit-scrollbar {
+&[data-v-11bd79f8]::-webkit-scrollbar {
     display: none;
 }
 }

package/dist/index.js

@@ -3116,9 +3116,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["blur"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "b5683582": maxHeightStyle.value,
-      "v6718b8de": minHeightStyle.value,
-      "v6389a4c6": externalIcon
+      "v4541e612": maxHeightStyle.value,
+      "v6c69a464": minHeightStyle.value,
+      "v5b514730": externalIcon
     }));
     const hardCharacterLimit = Math.max(
       __props.characterLimit.maxCharacters ?? 1e3,
@@ -3327,7 +3327,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsRichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2bc5f7d4"]]);
+const KdsRichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-11bd79f8"]]);
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "KdsRichTextInput",