@ni/spright-components 6.22.2 → 6.22.4

package/dist/all-components-bundle.js

@@ -19359,7 +19359,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   };
   const systemlink16X16 = {
       name: 'systemlink_16_x_16',
-      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.357 9.143H4.786V6.79c0-.927.442-1.714 1.262-2.211C6.674 4.2 7.505 4 8.451 4h5.335v2.571H8.69c-.911.124-1.262.548-1.333 1.267z" class="cls-1"/><path d="M8.643 7.857h2.571v2.352c0 .927-.442 1.714-1.262 2.211-.626.38-1.457.58-2.403.58H2.214v-2.571H7.31c.911-.124 1.262-.548 1.333-1.267z" class="cls-1"/></svg>`,
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.249 2.55a1.06 1.06 0 0 1 1.498 0 1.06 1.06 0 0 1-.295 1.703v1.86a2.42 2.42 0 0 1 1.672 1.215l1.768-.573q.023-.176.106-.344a1.059 1.059 0 1 1 .176 1.208l-1.768.574a2.42 2.42 0 0 1-.638 1.964l1.093 1.504q.175-.033.36-.005a1.058 1.058 0 1 1-1.095.54l-1.093-1.503a2.43 2.43 0 0 1-2.066 0l-1.093 1.503q.085.155.117.34a1.058 1.058 0 1 1-.852-.875l1.093-1.504a2.42 2.42 0 0 1-.638-1.964l-1.768-.574a1.054 1.054 0 0 1-1.71-.247 1.059 1.059 0 1 1 1.992-.617l1.768.573q.161-.295.41-.547c.358-.358.8-.58 1.262-.668v-1.86a1.06 1.06 0 0 1-.294-1.704Zm2.072 9.704c-.42.148-.865.224-1.323.224s-.904-.076-1.324-.224l.566-.779q.37.094.758.094c.388 0 .512-.033.757-.094zM11.98 8.4l.002.097c0 .886-.288 1.727-.82 2.419l-.566-.778c.274-.43.434-.923.467-1.44l.914-.298Zm-7.046.298c.033.502.189.998.466 1.438l-.566.779A3.97 3.97 0 0 1 4.018 8.4zM6.86 5.644c-.377.15-.731.377-1.035.681q-.1.1-.19.209l-.915-.298q.202-.292.46-.554A3.96 3.96 0 0 1 6.86 4.68v.965Zm2.275-.964a3.96 3.96 0 0 1 2.14 1.556l-.915.298a3.075 3.075 0 0 0-1.224-.89z" class="cls-1"/></svg>`,
   };
   const t16X16 = {
       name: 't_16_x_16',
@@ -104642,9 +104642,12 @@ focus outline in that case.
     :host {
         min-width: ${standardPadding};
         min-height: ${standardPadding};
+        width: fit-content;
+        max-width: 100%;
 
         flex-direction: row;
         justify-content: flex-start;
+        align-self: flex-start;
         flex-shrink: 0;
         font: ${bodyFont};
         color: ${bodyFontColor};
@@ -104653,7 +104656,7 @@ focus outline in that case.
     .container {
         display: flex;
         flex-direction: column;
-        max-width: calc(90%);
+        width: 100%;
     }
 
     [part='start'] {
@@ -104663,6 +104666,7 @@ focus outline in that case.
     .message-content {
         width: fit-content;
         height: fit-content;
+        max-width: 100%;
         overflow-x: auto;
     }
 
@@ -104745,9 +104749,12 @@ focus outline in that case.
     :host {
         min-width: ${standardPadding};
         min-height: ${standardPadding};
+        width: fit-content;
+        max-width: 90%;
 
         flex-direction: row;
         justify-content: flex-end;
+        align-self: flex-end;
         flex-shrink: 0;
         font: ${bodyFont};
         color: ${bodyFontColor};
@@ -104756,21 +104763,19 @@ focus outline in that case.
     .container {
         display: flex;
         flex-direction: column;
-        max-width: calc(90%);
+        width: 100%;
+        background: ${fillSelectedColor};
+        border: ${borderWidth} solid ${borderHoverColor};
+        border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};
+        padding: ${mediumPadding};
     }
 
     .message-content {
         width: fit-content;
         height: fit-content;
+        max-width: 100%;
         overflow-x: auto;
     }
-
-    :host .message-content {
-        background: ${fillSelectedColor};
-        border: ${borderWidth} solid ${borderHoverColor};
-        border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};
-        padding: ${mediumPadding};
-    }
 `;
 
   const template$b = () => html `
@@ -104806,9 +104811,12 @@ focus outline in that case.
     :host {
         min-width: ${standardPadding};
         min-height: ${standardPadding};
+        width: fit-content;
+        max-width: 90%;
 
         flex-direction: row;
         justify-content: center;
+        align-self: center;
         flex-shrink: 0;
         font: ${bodyFont};
         color: ${bodyFontColor};
@@ -104817,12 +104825,13 @@ focus outline in that case.
     .container {
         display: flex;
         flex-direction: column;
-        max-width: calc(90%);
+        width: 100%;
     }
 
     .message-content {
         width: fit-content;
         height: fit-content;
+        max-width: 100%;
         overflow-x: auto;
     }
 `;
@@ -104858,10 +104867,12 @@ focus outline in that case.
     :host {
         min-width: ${standardPadding};
         min-height: ${standardPadding};
+        max-width: 90%;
 
         flex: 1;
         flex-direction: row;
         justify-content: center;
+        align-self: center;
         align-items: center;
         font: ${bodyFont};
         color: ${bodyFontColor};
@@ -104871,7 +104882,6 @@ focus outline in that case.
         display: flex;
         flex-direction: column;
         align-items: center;
-        max-width: calc(90%);
         gap: ${mediumPadding};
     }
 
@@ -104905,6 +104915,7 @@ focus outline in that case.
         align-items: center;
         width: fit-content;
         height: fit-content;
+        max-width: 100%;
         overflow-x: auto;
         gap: ${mediumPadding};
     }