@ni/spright-components 4.3.4 → 4.3.6

package/dist/all-components-bundle.js

@@ -21099,7 +21099,7 @@ so this becomes the fallback color for the slot */ ''}
     `;
   }
 
-  const labelTemplate$3 = createRequiredVisibleLabelTemplate(html `
+  const labelTemplate$5 = createRequiredVisibleLabelTemplate(html `
     <label part="label" class="label">
         <slot></slot>
     </label>
@@ -21117,7 +21117,7 @@ so this becomes the fallback color for the slot */ ''}
         @focusout="${(x, c) => x.focusoutHandler(c.event)}"
         @keydown="${(x, c) => x.keydownHandler(c.event)}"
     >
-        ${labelTemplate$3}
+        ${labelTemplate$5}
         <div class="control" part="control" ${ref('controlWrapper')}>
             ${startSlotTemplate(context, definition)}
             <slot name="control">
@@ -26495,6 +26495,7 @@ so this becomes the fallback color for the slot */ ''}
   const styles$z = css `
     ${display$1('inline-block')}
     ${styles$O}
+    ${styles$K}
 
     :host {
         font: ${bodyFont};
@@ -26682,21 +26683,20 @@ so this becomes the fallback color for the slot */ ''}
             }
         `));
 
+  const labelTemplate$4 = createRequiredVisibleLabelTemplate(html `<label
+        part="label"
+        for="control"
+        class="${x => (x.defaultSlottedNodes?.length ? 'label' : 'label label__hidden')}"
+    >
+        <slot ${slotted('defaultSlottedNodes')}></slot>
+    </label>`);
   /**
    * The template for the {@link @microsoft/fast-foundation#(NumberField:class)} component.
    * @public
    */
   const template$u = (context, definition) => html `
     <template class="${x => (x.readOnly ? 'readonly' : '')}">
-        <label
-            part="label"
-            for="control"
-            class="${x => (x.defaultSlottedNodes?.length
-    ? 'label'
-    : 'label label__hidden')}"
-        >
-            <slot ${slotted('defaultSlottedNodes')}></slot>
-        </label>
+        ${labelTemplate$4}
         <div class="root" part="root">
             ${startSlotTemplate(context, definition)}
             <input
@@ -26740,6 +26740,7 @@ so this becomes the fallback color for the slot */ ''}
                 aria-owns="${x => x.ariaOwns}"
                 aria-relevant="${x => x.ariaRelevant}"
                 aria-roledescription="${x => x.ariaRoledescription}"
+                aria-required="${x => x.requiredVisible}"
                 ${ref('control')}
             />
             ${when(x => !x.hideStep && !x.readOnly && !x.disabled, html `
@@ -26772,7 +26773,7 @@ so this becomes the fallback color for the slot */ ''}
   /**
    * A nimble-styled HTML number input
    */
-  class NumberField extends mixinErrorPattern(NumberField$1) {
+  class NumberField extends mixinErrorPattern(mixinRequiredVisiblePattern(NumberField$1)) {
       constructor() {
           super(...arguments);
           this.appearance = NumberFieldAppearance.underline;
@@ -26987,7 +26988,7 @@ so this becomes the fallback color for the slot */ ''}
     }
 `;
 
-  const labelTemplate$2 = createRequiredVisibleLabelTemplate(html `<slot name="label"></slot>`);
+  const labelTemplate$3 = createRequiredVisibleLabelTemplate(html `<slot name="label"></slot>`);
   /* eslint-disable @typescript-eslint/indent */
   const template$t = html `
     <template
@@ -27000,7 +27001,7 @@ so this becomes the fallback color for the slot */ ''}
         @focusout="${(x, c) => x.focusOutHandler(c.event)}"
     >
         <div class="label-container">
-            ${labelTemplate$2}
+            ${labelTemplate$3}
             <${iconExclamationMarkTag}
                 severity="error"
                 class="error-icon"
@@ -61012,7 +61013,7 @@ img.ProseMirror-separator {
   const isListOptionGroup = (n) => {
       return n instanceof ListOptionGroup;
   };
-  const labelTemplate$1 = createRequiredVisibleLabelTemplate(html `
+  const labelTemplate$2 = createRequiredVisibleLabelTemplate(html `
     <label part="label" class="label" aria-hidden="true">
         <slot ${ref('labelSlot')}></slot>
     </label>
@@ -61045,7 +61046,7 @@ img.ProseMirror-separator {
         @keydown="${(x, c) => x.keydownHandler(c.event)}"
         @mousedown="${(x, c) => x.mousedownHandler(c.event)}"
     >
-        ${labelTemplate$1}
+        ${labelTemplate$2}
         ${when(x => x.collapsible, html `
             <div
                 class="control"
@@ -74636,7 +74637,7 @@ focus outline in that case.
             }
         `));
 
-  const labelTemplate = createRequiredVisibleLabelTemplate(html `
+  const labelTemplate$1 = createRequiredVisibleLabelTemplate(html `
     <label
         part="label"
         for="control"
@@ -74646,7 +74647,7 @@ focus outline in that case.
     </label>
 `);
   const template$6 = () => html `
-    ${labelTemplate}
+    ${labelTemplate$1}
     <div class="container">
         <textarea
             part="control"
@@ -74810,6 +74811,7 @@ focus outline in that case.
   const styles$6 = css `
     ${display$1('inline-block')}
     ${styles$O}
+    ${styles$K}
 
     :host {
         font: ${bodyFont};
@@ -75046,6 +75048,18 @@ focus outline in that case.
             }
         `));
 
+  const labelTemplate = createRequiredVisibleLabelTemplate(html `<label
+        part="label"
+        for="control"
+        class="${x => (x.defaultSlottedNodes?.length ? 'label' : 'label label__hidden')}"
+    >
+        <slot
+            ${slotted({
+    property: 'defaultSlottedNodes',
+    filter: whitespaceFilter
+})}
+        ></slot>
+    </label>`);
   /**
    * The template for the {@link @microsoft/fast-foundation#(TextField:class)} component.
    * @public
@@ -75056,20 +75070,7 @@ focus outline in that case.
             ${x => (x.readOnly ? 'readonly' : '')}
         "
     >
-        <label
-            part="label"
-            for="control"
-            class="${x => (x.defaultSlottedNodes?.length
-    ? 'label'
-    : 'label label__hidden')}"
-        >
-            <slot
-                ${slotted({
-    property: 'defaultSlottedNodes',
-    filter: whitespaceFilter
-})}
-            ></slot>
-        </label>
+        ${labelTemplate}
         <div class="root" part="root">
             ${startSlotTemplate(context, definition)}
             <input
@@ -75110,6 +75111,7 @@ focus outline in that case.
                 aria-owns="${x => x.ariaOwns}"
                 aria-relevant="${x => x.ariaRelevant}"
                 aria-roledescription="${x => x.ariaRoledescription}"
+                aria-required="${x => x.requiredVisible}"
                 ${ref('control')}
             />
             ${endSlotTemplate(context, definition)}
@@ -75120,7 +75122,7 @@ focus outline in that case.
   /**
    * A nimble-styed HTML text input
    */
-  class TextField extends mixinErrorPattern(TextField$1) {
+  class TextField extends mixinErrorPattern(mixinRequiredVisiblePattern(TextField$1)) {
       constructor() {
           super(...arguments);
           /**