@ni/ok-components 1.3.0 → 1.3.2

package/dist/all-components-bundle.js

@@ -14903,6 +14903,15 @@
 
   const styles$1x = css `
     ${display$2('contents')}
+
+    :host {
+        color-scheme: light;
+    }
+
+    :host([theme='dark']),
+    :host([theme='color']) {
+        color-scheme: dark;
+    }
 `;
 
   /**
@@ -21423,7 +21432,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;
     }
 
@@ -21437,7 +21446,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;
     }
 
@@ -21538,6 +21548,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
        */
@@ -21549,6 +21568,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,