@ni/ok-components 0.3.4 → 0.3.6

package/dist/all-components-bundle.js

@@ -16487,7 +16487,7 @@
   createThemeColorToken(tokenNames.headerBackgroundColor, tokenValues.headerBackgroundColor);
   createThemeColorToken(tokenNames.sectionBackgroundColor, tokenValues.sectionBackgroundColor);
   const sectionBackgroundImage = createThemeColorToken(tokenNames.sectionBackgroundImage, tokenValues.sectionBackgroundImage);
-  createThemeColorToken(tokenNames.dividerBackgroundColor, tokenValues.dividerBackgroundColor);
+  const dividerBackgroundColor = createThemeColorToken(tokenNames.dividerBackgroundColor, tokenValues.dividerBackgroundColor);
   createThemeColorToken(tokenNames.dividerBackgroundDynamicColor, tokenValues.dividerBackgroundDynamicColor);
   const fillSelectedColor = createThemeColorToken(tokenNames.fillSelectedColor, tokenValues.fillSelectedColor);
   const fillSelectedRgbPartialColor = createThemeColorToken(tokenNames.fillSelectedRgbPartialColor, tokenValues.fillSelectedRgbPartialColor);
@@ -98071,6 +98071,25 @@ focus outline in that case.
         display: none;
     }
 
+    .end {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        padding: 2px ${standardPadding};
+        border-top: ${borderWidth} solid ${dividerBackgroundColor};
+    }
+
+    .end.end-empty {
+        display: none;
+    }
+
+    ::slotted([slot="end"]) {
+        font: ${errorTextFont};
+        color: ${placeholderFontColor};
+        ${linkFont.cssCustomProperty}: ${errorTextFont};
+        ${linkFontColor.cssCustomProperty}: ${placeholderFontColor};
+    }
+
     .messages {
         flex: 1;
         display: flex;
@@ -98109,6 +98128,9 @@ focus outline in that case.
     <slot name="input" ${slotted({ property: 'slottedInputElements' })}>
     </slot>
 </div>
+<div class="end ${x => (x.endEmpty ? 'end-empty' : '')}">
+    <slot name="end" ${slotted({ property: 'slottedEndElements' })}></slot>
+</div>
 `;
 
   /**
@@ -98131,6 +98153,8 @@ focus outline in that case.
           this.toolbarEmpty = true;
           /** @internal */
           this.startEmpty = true;
+          /** @internal */
+          this.endEmpty = true;
       }
       slottedInputElementsChanged(_prev, next) {
           this.inputEmpty = next === undefined || next.length === 0;
@@ -98141,6 +98165,9 @@ focus outline in that case.
       slottedStartElementsChanged(_prev, next) {
           this.startEmpty = next === undefined || next.length === 0;
       }
+      slottedEndElementsChanged(_prev, next) {
+          this.endEmpty = next === undefined || next.length === 0;
+      }
   }
   __decorate([
       attr
@@ -98163,6 +98190,12 @@ focus outline in that case.
   __decorate([
       observable
   ], ChatConversation.prototype, "slottedStartElements", void 0);
+  __decorate([
+      observable
+  ], ChatConversation.prototype, "endEmpty", void 0);
+  __decorate([
+      observable
+  ], ChatConversation.prototype, "slottedEndElements", void 0);
   const sprightChatConversation = ChatConversation.compose({
       baseName: 'chat-conversation',
       template: template$8,