@ni/nimble-components 35.7.1 → 35.9.0
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 +31 -2
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3844 -3842
- 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/icons/all-icons.d.ts +1 -0
- package/dist/esm/icons/all-icons.js +1 -0
- package/dist/esm/icons/all-icons.js.map +1 -1
- package/dist/esm/icons/sparkles-nested/index.d.ts +13 -0
- package/dist/esm/icons/sparkles-nested/index.js +15 -0
- package/dist/esm/icons/sparkles-nested/index.js.map +1 -0
- package/package.json +2 -2
|
@@ -19064,6 +19064,10 @@ Defines an interaction area clip-path that leaves out the severity text so it is
|
|
|
19064
19064
|
name: 'sparkles_16_x_16',
|
|
19065
19065
|
data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.498 2a2.85 2.85 0 0 1-.811 1.69A2.85 2.85 0 0 1 9 4.498a2.85 2.85 0 0 1 1.69.809c.477.476.739 1.076.812 1.693a2.85 2.85 0 0 1 .811-1.69A2.85 2.85 0 0 1 14 4.502a2.85 2.85 0 0 1-1.69-.809A2.84 2.84 0 0 1 11.497 2M7.495 3c-.163 1.355-.737 2.674-1.784 3.719C4.668 7.76 3.352 8.332 2 8.496c1.355.163 2.674.736 3.72 1.78C6.768 11.321 7.343 12.642 7.505 14c.162-1.355.736-2.674 1.784-3.719C10.332 9.24 11.648 8.668 13 8.504c-1.356-.163-2.674-.736-3.72-1.78C8.231 5.679 7.656 4.358 7.495 3" class="cls-1"/></svg>`,
|
|
19066
19066
|
};
|
|
19067
|
+
const sparklesNested16X16 = {
|
|
19068
|
+
name: 'sparkles_nested_16_x_16',
|
|
19069
|
+
data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m14.21 7.52-.11-.06a14.05 14.05 0 0 1-5.59-5.59l-.06-.11a.51.51 0 0 0-.9 0l-.06.11A14.05 14.05 0 0 1 1.9 7.46l-.11.06a.51.51 0 0 0 0 .9l.11.06a14.05 14.05 0 0 1 5.59 5.59l.06.11c.19.36.7.36.9 0l.06-.11a14.05 14.05 0 0 1 5.59-5.59l.11-.06a.51.51 0 0 0 0-.9m-1.71.36-.08.04a9.46 9.46 0 0 0-3.75 3.75l-.04.08a.34.34 0 0 1-.6 0l-.04-.08a9.46 9.46 0 0 0-3.75-3.75l-.08-.04a.34.34 0 0 1 0-.6l.08-.04a9.46 9.46 0 0 0 3.75-3.75l.04-.08a.34.34 0 0 1 .6 0l.04.08a9.46 9.46 0 0 0 3.75 3.75l.08.04c.24.13.24.47 0 .6" class="cls-1"/><path d="m11.36 7.6-.03.02a6.63 6.63 0 0 0-2.65 2.65l-.02.03c-.1.18-.35.18-.45 0l-.02-.03a6.63 6.63 0 0 0-2.65-2.65l-.03-.02a.255.255 0 0 1 0-.45l.03-.02a6.63 6.63 0 0 0 2.65-2.65l.02-.03c.1-.18.35-.18.45 0l.02.03a6.63 6.63 0 0 0 2.65 2.65l.03.02c.18.1.18.35 0 .45" class="cls-1"/></svg>`,
|
|
19070
|
+
};
|
|
19067
19071
|
const spinner = {
|
|
19068
19072
|
name: 'spinner',
|
|
19069
19073
|
data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.967 7.143h-.762a4.885 4.885 0 0 1 3.938-3.94v.771a4.12 4.12 0 0 0-3.176 3.169M8 2v1.875A4.125 4.125 0 1 1 3.875 8H2a6 6 0 1 0 6-6" class="cls-1"/></svg>`,
|
|
@@ -21417,7 +21421,7 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21417
21421
|
fill: ${borderColor};
|
|
21418
21422
|
}
|
|
21419
21423
|
|
|
21420
|
-
:host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
|
|
21424
|
+
:host(.checked:not(.indeterminate):not([appearance-indeterminate])) slot[name='checked-indicator'] {
|
|
21421
21425
|
display: contents;
|
|
21422
21426
|
}
|
|
21423
21427
|
|
|
@@ -21431,7 +21435,8 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21431
21435
|
overflow: visible;
|
|
21432
21436
|
}
|
|
21433
21437
|
|
|
21434
|
-
:host(.indeterminate) slot[name='indeterminate-indicator']
|
|
21438
|
+
:host(.indeterminate) slot[name='indeterminate-indicator'],
|
|
21439
|
+
:host([appearance-indeterminate]) slot[name='indeterminate-indicator'] {
|
|
21435
21440
|
display: contents;
|
|
21436
21441
|
}
|
|
21437
21442
|
|
|
@@ -21532,6 +21537,15 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21532
21537
|
* A nimble-styled checkbox control.
|
|
21533
21538
|
*/
|
|
21534
21539
|
class Checkbox extends mixinErrorPattern(Checkbox$1) {
|
|
21540
|
+
constructor() {
|
|
21541
|
+
super(...arguments);
|
|
21542
|
+
/**
|
|
21543
|
+
* @public
|
|
21544
|
+
* @remarks
|
|
21545
|
+
* HTML Attribute: appearance-indeterminate
|
|
21546
|
+
*/
|
|
21547
|
+
this.appearanceIndeterminate = false;
|
|
21548
|
+
}
|
|
21535
21549
|
/**
|
|
21536
21550
|
* @internal
|
|
21537
21551
|
*/
|
|
@@ -21543,6 +21557,9 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
21543
21557
|
__decorate([
|
|
21544
21558
|
attr({ attribute: 'tabindex', converter: nullableNumberConverter })
|
|
21545
21559
|
], Checkbox.prototype, "tabIndex", void 0);
|
|
21560
|
+
__decorate([
|
|
21561
|
+
attr({ attribute: 'appearance-indeterminate', mode: 'boolean' })
|
|
21562
|
+
], Checkbox.prototype, "appearanceIndeterminate", void 0);
|
|
21546
21563
|
const nimbleCheckbox = Checkbox.compose({
|
|
21547
21564
|
baseName: 'checkbox',
|
|
21548
21565
|
baseClass: Checkbox$1,
|
|
@@ -25880,6 +25897,18 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
25880
25897
|
}
|
|
25881
25898
|
registerIconSvg('icon-sparkles', IconSparkles);
|
|
25882
25899
|
|
|
25900
|
+
// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
|
|
25901
|
+
// See generation source in nimble-components/build/generate-icons
|
|
25902
|
+
/**
|
|
25903
|
+
* The icon component for the 'sparklesNested' icon
|
|
25904
|
+
*/
|
|
25905
|
+
class IconSparklesNested extends IconSvg {
|
|
25906
|
+
constructor() {
|
|
25907
|
+
super(sparklesNested16X16);
|
|
25908
|
+
}
|
|
25909
|
+
}
|
|
25910
|
+
registerIconSvg('icon-sparkles-nested', IconSparklesNested);
|
|
25911
|
+
|
|
25883
25912
|
// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
|
|
25884
25913
|
// See generation source in nimble-components/build/generate-icons
|
|
25885
25914
|
/**
|