@descope/web-components-ui 1.0.423 → 1.0.425

package/dist/index.esm.js

@@ -6679,7 +6679,14 @@ const componentName$O = getComponentName$1('passcode-internal');
 
 const observedAttributes$5 = ['digits', 'loading'];
 
-const forwardAttributes = ['disabled', 'bordered', 'size', 'invalid', 'readonly'];
+const forwardAttributes = [
+  'disabled',
+  'bordered',
+  'size',
+  'invalid',
+  'readonly',
+  'aria-labelledby',
+];
 
 const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$O, baseSelector: 'div' });
 
@@ -6872,6 +6879,7 @@ class PasscodeInternal extends BaseInputClass$7 {
       };
 
       forwardAttrs$1(this, input, { includeAttrs: forwardAttributes });
+      input.shadowRoot.querySelector('input').setAttribute('aria-label', 'passcode digit');
     });
 
     this.handleFocusEventsDispatching(this.inputs);
@@ -6923,6 +6931,7 @@ const customMixin$a = (superclass) =>
         name="code"
         tabindex="-1"
         slot="input"
+        role="textbox"
       ><slot></slot></${componentName$O}>
       `;
 
@@ -9226,6 +9235,9 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
   initInputs() {
     // Sanitize phone input value to filter everything but digits
     this.phoneNumberInput.addEventListener('input', (e) => {
+      // we want to update only phoneNumberInput, and avoid triggering `set value`
+      e.stopPropagation();
+
       if (!this.allowAlphanumericInput) {
         const telDigitsRegExp = /^\d$/;
         const sanitizedInput = e.target.value
@@ -10489,7 +10501,7 @@ class NewPasswordInternal extends BaseInputClass$4 {
 
   set value(val) {
     if (val === this.value) return;
-    this.value = val;
+    this.passwordInput.value = val;
   }
 
   get hasConfirm() {
@@ -10976,8 +10988,8 @@ class RawUploadFile extends BaseInputClass$3 {
 				</div>
 				<div class="description"></div>
 				<div class="button-wrapper">
-					<input type="file" tabindex="-1" />
-					<descope-button></descope-button>
+					<input type="file" tabindex="-1" aria-labelledby="button"/>
+					<descope-button id="button"></descope-button>
 				</div>
 			</div>
 		`;
@@ -16826,7 +16838,9 @@ class RawAlert extends createBaseClass$1({ componentName: componentName$1, baseS
 
     this.slotEle.addEventListener('slotchange', this.handleSlotChange.bind(this));
 
-    forwardAttrs$1(this, this.textComp, ['variant', 'full-width', 'link-target-blank']);
+    forwardAttrs$1(this, this.textComp, {
+      includeAttrs: ['variant', 'full-width', 'link-target-blank'],
+    });
   }
 
   handleSlotChange() {