@ni/nimble-components 35.8.0 → 35.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all-components-bundle.js +24 -2
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +14 -4
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +171 -154
- package/dist/custom-elements.md +35 -33
- package/dist/esm/checkbox/index.d.ts +6 -0
- package/dist/esm/checkbox/index.js +12 -0
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/checkbox/styles.js +3 -2
- package/dist/esm/checkbox/styles.js.map +1 -1
- package/dist/esm/theme-provider/styles.js +9 -0
- package/dist/esm/theme-provider/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -14903,6 +14903,15 @@
|
|
|
14903
14903
|
|
|
14904
14904
|
const styles$17 = css `
|
|
14905
14905
|
${display('contents')}
|
|
14906
|
+
|
|
14907
|
+
:host {
|
|
14908
|
+
color-scheme: light;
|
|
14909
|
+
}
|
|
14910
|
+
|
|
14911
|
+
:host([theme='dark']),
|
|
14912
|
+
:host([theme='color']) {
|
|
14913
|
+
color-scheme: dark;
|
|
14914
|
+
}
|
|
14906
14915
|
`;
|
|
14907
14916
|
|
|
14908
14917
|
/**
|
|
@@ -21421,7 +21430,7 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21421
21430
|
fill: ${borderColor};
|
|
21422
21431
|
}
|
|
21423
21432
|
|
|
21424
|
-
:host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
|
|
21433
|
+
:host(.checked:not(.indeterminate):not([appearance-indeterminate])) slot[name='checked-indicator'] {
|
|
21425
21434
|
display: contents;
|
|
21426
21435
|
}
|
|
21427
21436
|
|
|
@@ -21435,7 +21444,8 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21435
21444
|
overflow: visible;
|
|
21436
21445
|
}
|
|
21437
21446
|
|
|
21438
|
-
:host(.indeterminate) slot[name='indeterminate-indicator']
|
|
21447
|
+
:host(.indeterminate) slot[name='indeterminate-indicator'],
|
|
21448
|
+
:host([appearance-indeterminate]) slot[name='indeterminate-indicator'] {
|
|
21439
21449
|
display: contents;
|
|
21440
21450
|
}
|
|
21441
21451
|
|
|
@@ -21536,6 +21546,15 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21536
21546
|
* A nimble-styled checkbox control.
|
|
21537
21547
|
*/
|
|
21538
21548
|
class Checkbox extends mixinErrorPattern(Checkbox$1) {
|
|
21549
|
+
constructor() {
|
|
21550
|
+
super(...arguments);
|
|
21551
|
+
/**
|
|
21552
|
+
* @public
|
|
21553
|
+
* @remarks
|
|
21554
|
+
* HTML Attribute: appearance-indeterminate
|
|
21555
|
+
*/
|
|
21556
|
+
this.appearanceIndeterminate = false;
|
|
21557
|
+
}
|
|
21539
21558
|
/**
|
|
21540
21559
|
* @internal
|
|
21541
21560
|
*/
|
|
@@ -21547,6 +21566,9 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21547
21566
|
__decorate([
|
|
21548
21567
|
attr({ attribute: 'tabindex', converter: nullableNumberConverter })
|
|
21549
21568
|
], Checkbox.prototype, "tabIndex", void 0);
|
|
21569
|
+
__decorate([
|
|
21570
|
+
attr({ attribute: 'appearance-indeterminate', mode: 'boolean' })
|
|
21571
|
+
], Checkbox.prototype, "appearanceIndeterminate", void 0);
|
|
21550
21572
|
const nimbleCheckbox = Checkbox.compose({
|
|
21551
21573
|
baseName: 'checkbox',
|
|
21552
21574
|
baseClass: Checkbox$1,
|