@ni/spright-components 4.1.8 → 4.1.10

package/dist/all-components-bundle.js

@@ -21949,7 +21949,7 @@ so this becomes the fallback color for the slot */ ''}
               throw new Error('Dialog is already open');
           }
           this.dialogElement.showModal();
-          return new Promise((resolve, _reject) => {
+          return await new Promise((resolve, _reject) => {
               this.resolveShow = resolve;
           });
       }
@@ -22220,7 +22220,7 @@ so this becomes the fallback color for the slot */ ''}
               throw new Error('Drawer is already open');
           }
           this.openDialog();
-          return new Promise((resolve, _reject) => {
+          return await new Promise((resolve, _reject) => {
               this.resolveShow = resolve;
           });
       }
@@ -55236,9 +55236,11 @@ img.ProseMirror-separator {
   }
 
   async function waitUntilCustomElementsDefinedAsync(elements) {
-      const definedElements = elements.map(async (item) => (item.matches(':not(:defined)')
-          ? customElements.whenDefined(item.localName)
-          : Promise.resolve()));
+      const definedElements = elements.map(async (item) => {
+          if (item.matches(':not(:defined)')) {
+              await customElements.whenDefined(item.localName);
+          }
+      });
       await Promise.all(definedElements);
   }
 
@@ -74278,8 +74280,9 @@ focus outline in that case.
         align-items: center;
         justify-content: center;
         border: 0px solid rgba(${borderRgbPartialColor}, 0.3);
-        gap: ${mediumPadding};
+        gap: ${smallPadding};
         padding: ${borderWidth};
+        padding-left: calc(${borderWidth} + ${smallPadding});
     }
 
     :host([readonly]) .root {
@@ -74334,6 +74337,7 @@ focus outline in that case.
     slot[name='start']::slotted(*) {
         flex: none;
         opacity: 0.6;
+        margin-right: ${smallPadding};
     }
 
     :host([disabled]) slot[name='start']::slotted(*) {
@@ -74384,6 +74388,7 @@ focus outline in that case.
     [part='end']::after {
         content: '';
         position: absolute;
+        margin-left: calc(-1 * (${borderWidth} + ${smallPadding}));
         bottom: calc(-1 * ${borderWidth});
         width: 0px;
         height: 0px;
@@ -74455,6 +74460,7 @@ focus outline in that case.
             .root {
                 border-width: ${borderWidth};
                 padding: 0;
+                padding-left: ${smallPadding};
             }
         `), appearanceBehavior(TextFieldAppearance.frameless, css `
             .control {