@ni/spright-components 6.18.0 → 6.18.2

package/dist/all-components-bundle.js

@@ -21421,7 +21421,7 @@ so this becomes the fallback color for the slot */ ''}
         fill: ${borderColor};
     }
 
-    :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
+    :host(.checked:not(.indeterminate):not([appearance-indeterminate])) slot[name='checked-indicator'] {
         display: contents;
     }
 
@@ -21435,7 +21435,8 @@ so this becomes the fallback color for the slot */ ''}
         overflow: visible;
     }
 
-    :host(.indeterminate) slot[name='indeterminate-indicator'] {
+    :host(.indeterminate) slot[name='indeterminate-indicator'],
+    :host([appearance-indeterminate]) slot[name='indeterminate-indicator'] {
         display: contents;
     }
 
@@ -21536,6 +21537,15 @@ so this becomes the fallback color for the slot */ ''}
    * A nimble-styled checkbox control.
    */
   class Checkbox extends mixinErrorPattern(Checkbox$1) {
+      constructor() {
+          super(...arguments);
+          /**
+           * @public
+           * @remarks
+           * HTML Attribute: appearance-indeterminate
+           */
+          this.appearanceIndeterminate = false;
+      }
       /**
        * @internal
        */
@@ -21547,6 +21557,9 @@ so this becomes the fallback color for the slot */ ''}
   __decorate([
       attr({ attribute: 'tabindex', converter: nullableNumberConverter })
   ], Checkbox.prototype, "tabIndex", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-indeterminate', mode: 'boolean' })
+  ], Checkbox.prototype, "appearanceIndeterminate", void 0);
   const nimbleCheckbox = Checkbox.compose({
       baseName: 'checkbox',
       baseClass: Checkbox$1,
@@ -99500,6 +99513,9 @@ focus outline in that case.
     }
 `;
 
+  // Visual Design is iterating on this icon for NI Connect 2026; it's likely we will get different
+  // icons for dark and light mode in future but for now they like the dark icon even on light background.
+  // Both exports use the same visual but with unique IDs to avoid collisions when both are in the DOM.
   const nigelChatLightData = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16 16">
   <defs>
@@ -99513,10 +99529,10 @@ focus outline in that case.
       }
     </style>
     <linearGradient id="nigel-chat-gradient-light-1" x1="11.84" y1="6.19" x2="4.84" y2="13.18" gradientTransform="translate(0 18) scale(1 -1)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#023325"/>
-      <stop offset="1" stop-color="#004f38"/>
+      <stop offset="0" stop-color="#00ad7c"/>
+      <stop offset="1" stop-color="#32eb96"/>
     </linearGradient>
-    <linearGradient id="nigel-chat-gradient-light-0" x1="10.25" y1="-146.82" x2="6.95" y2="-150.11" gradientTransform="translate(0 156)" xlink:href="#nigel-chat-gradient-light-1"/>
+    <linearGradient id="nigel-chat-gradient-light-0" x1="10.25" y1="-658.82" x2="6.95" y2="-662.11" gradientTransform="translate(0 668)" xlink:href="#nigel-chat-gradient-light-1"/>
   </defs>
   <path class="nigel-chat-light-1" d="M14.21,7.52l-.11-.06c-2.36-1.29-4.3-3.23-5.59-5.59l-.06-.11c-.19-.36-.7-.36-.9,0l-.06.11c-1.29,2.36-3.23,4.3-5.59,5.59l-.11.06c-.36.19-.36.7,0,.9l.11.06c2.36,1.29,4.3,3.23,5.59,5.59l.06.11c.19.36.7.36.9,0l.06-.11c1.29-2.36,3.23-4.3,5.59-5.59l.11-.06c.36-.19.36-.7,0-.9ZM12.5,7.88l-.08.04c-1.58.87-2.89,2.17-3.75,3.75l-.04.08c-.13.24-.47.24-.6,0l-.04-.08c-.87-1.58-2.17-2.89-3.75-3.75l-.08-.04c-.24-.13-.24-.47,0-.6l.08-.04c1.58-.87,2.89-2.17,3.75-3.75l.04-.08c.13-.24.47-.24.6,0l.04.08c.87,1.58,2.17,2.89,3.75,3.75l.08.04c.24.13.24.47,0,.6Z"/>
   <path class="nigel-chat-light-0" d="M11.36,7.6l-.03.02c-1.12.61-2.04,1.53-2.65,2.65l-.02.03c-.1.18-.35.18-.45,0l-.02-.03c-.61-1.12-1.53-2.04-2.65-2.65l-.03-.02c-.18-.1-.18-.35,0-.45l.03-.02c1.12-.61,2.04-1.53,2.65-2.65l.02-.03c.1-.18.35-.18.45,0l.02.03c.61,1.12,1.53,2.04,2.65,2.65l.03.02c.18.1.18.35,0,.45Z"/>