@descope/web-components-ui 3.27.0 → 3.27.2

package/dist/cjs/index.cjs.js

@@ -3843,7 +3843,7 @@ const ButtonClass = compose(
         padding: 0;
 			}
 		`,
-    excludeAttrsSync: ['tabindex', 'class', 'style'],
+    excludeAttrsSync: ['tabindex', 'class', 'style', 'role'],
     componentName: componentName$1u,
   }),
 );
@@ -10416,6 +10416,10 @@ const recoveryCodes = {
     center: { [vars$V.textAlign]: 'center' },
   },
 
+  displayVariant: {
+    buttons: { [vars$V.hostMinWidth]: '100px' },
+  },
+
   _fullWidth: {
     [vars$V.hostWidth]: '100%',
   },
@@ -12388,6 +12392,10 @@ class RawTooltip extends createBaseClass$1({
       this,
     );
 
+    // vaadin links the target via aria-describedby to its sr-label, which lives in our shadow root,
+    // so a slotted target would reference an ID from another DOM tree.
+    this.tooltip.ariaTarget = this.anchored;
+
     this.defaultSlot.addEventListener('slotchange', () =>
       this.#setTooltipTarget(),
     );
@@ -22504,6 +22512,7 @@ const customMixin$7 = (superclass) =>
         tabindex="-1"
         slot="input"
         role="textbox"
+        aria-label="passcode"
       ><slot></slot></${componentName$F}>
       `;
 
@@ -25461,7 +25470,7 @@ class RawUploadFile extends BaseInputClass$4 {
 				</div>
 				<div class="description"></div>
 				<div class="button-wrapper">
-					<input type="file" tabindex="-1" aria-labelledby="button"/>
+					<input type="file" tabindex="-1" aria-hidden="true"/>
 					<descope-button id="button"></descope-button>
 				</div>
 			</div>