@ni/spright-components 6.2.1 → 6.3.0

package/dist/all-components-bundle.js

@@ -93780,6 +93780,11 @@ focus outline in that case.
         border: ${borderWidth} solid ${applicationBackgroundColor};
     }
 
+    :host([appearance='overlay']) {
+        background: none;
+        border-color: transparent;
+    }
+
     .messages {
         flex: 1;
         display: flex;
@@ -93792,6 +93797,10 @@ focus outline in that case.
         overflow-y: auto;
     }
 
+    :host([appearance='overlay']) .messages {
+        background: none;
+    }
+
     .input {
         padding: ${borderWidth} ${standardPadding} ${standardPadding}
             ${standardPadding};
@@ -93813,12 +93822,20 @@ focus outline in that case.
 `;
   /* eslint-enable @typescript-eslint/indent */
 
+  /**
+   * Appearances of chat conversation.
+   * @public
+   */
+  const ChatConversationAppearance = {
+      default: undefined};
+
   /**
    * A Spright component for displaying a series of chat messages
    */
   class ChatConversation extends FoundationElement {
       constructor() {
           super(...arguments);
+          this.appearance = ChatConversationAppearance.default;
           /** @internal */
           this.inputEmpty = true;
       }
@@ -93826,6 +93843,9 @@ focus outline in that case.
           this.inputEmpty = !next?.length;
       }
   }
+  __decorate([
+      attr
+  ], ChatConversation.prototype, "appearance", void 0);
   __decorate([
       observable
   ], ChatConversation.prototype, "inputEmpty", void 0);