@ni/nimble-components 20.17.3 → 20.17.4

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Mon, 08 Jan 2024 17:03:13 GMT
+   * Generated on Wed, 10 Jan 2024 13:29:56 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -42679,7 +42679,7 @@ img.ProseMirror-separator {
         margin-block-end: 0;
     }
 
-    li > p {
+    .ProseMirror li > p {
         margin-block: 0;
     }
 
@@ -42730,6 +42730,15 @@ img.ProseMirror-separator {
 
     ${ /** End of anchor styles */''}
 
+    ${ /* Shared styles for all mention views at edit time. */''}
+    .ProseMirror .nimble-mention-view-edit {
+        color: ${bodyFontColor};
+    }
+
+    :host([disabled]) .ProseMirror .nimble-mention-view-edit {
+        color: ${bodyDisabledFontColor};
+    }
+
     .footer-section {
         display: flex;
         justify-content: space-between;
@@ -52054,8 +52063,7 @@ img.ProseMirror-separator {
                                   currentMention.viewElement,
                                   {
                                       'mention-href': href,
-                                      'mention-label': displayName,
-                                      'disable-editing': true
+                                      'mention-label': displayName
                                   }
                               ];
                           }
@@ -56181,9 +56189,7 @@ img.ProseMirror-separator {
           renderHTML({ node, HTMLAttributes }) {
               return [
                   config.viewElement,
-                  mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, 
-                  // disable-editing is a boolean attribute
-                  { 'disable-editing': '' }),
+                  mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
                   this.options.renderLabel({
                       options: this.options,
                       node
@@ -56193,13 +56199,7 @@ img.ProseMirror-separator {
       }).configure({
           suggestion: {
               char: config.character,
-              /**
-               * When rendering the view element as a decoration tag for suggestions,
-               * it leads to the deletion of the entire suggested word in Safari when pressing backspace.
-               * See: https://github.com/ni/nimble/issues/1716
-               * When addressed, re-enable the view element as follows:
-               * decorationTag: config.viewElement,
-               */
+              decorationClass: 'nimble-mention-view-edit',
               pluginKey: new PluginKey(config.key),
               allowSpaces: true,
               render: () => {