@descope/web-components-ui 1.0.329 → 1.0.331

package/dist/cjs/index.cjs.js

@@ -2717,7 +2717,10 @@ const ButtonClass = compose(
       borderWidth: {},
 
       verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
-      horizontalPadding: [{ property: 'padding-right' }, { property: 'padding-left' }],
+      horizontalPadding: [
+        { property: 'padding-right', fallback: '0.875em' },
+        { property: 'padding-left', fallback: '0.875em' },
+      ],
 
       labelTextColor: { property: 'color' },
       iconColor: {
@@ -3358,7 +3361,7 @@ const [theme$1, refs, vars$H] = createHelperVars(
         inputVerticalAlignment: 'flex-end',
         inputTransformY: 'translateY(1.55em)',
         inputTransition: 'all 75ms ease-in-out',
-        marginInlineStart: '0', // `calc(0.25em + ${globalRefs.border.sm})`,
+        marginInlineStart: '0',
         valueInputHeight: '1.5702em',
         valueInputMarginBottom: '0.5em',
 
@@ -3632,6 +3635,14 @@ const customMixin$9 = (superclass) =>
         }
       });
 
+      externalInput.addEventListener('input', (e) => {
+        if (!e.target.value) {
+          this.removeAttribute('has-value');
+        } else {
+          this.setAttribute('has-value', 'true');
+        }
+      });
+
       this.addEventListener('focus', (e) => {
         e.preventDefault();
         this.focus();
@@ -3863,10 +3874,6 @@ const PasswordClass = compose(
 			}
 
       ${inputFloatingLabelStyle()}
-
-      :host ::slotted(input) {
-        display: none !important;
-      }
     
       ::part(reveal-button) {
         align-self: center;
@@ -4060,6 +4067,14 @@ const customMixin$8 = (superclass) =>
 
       syncAttrs(origInput, externalInput, { includeAttrs: ['disabled', 'readonly', 'pattern'] });
 
+      externalInput.addEventListener('input', (e) => {
+        if (!e.target.value) {
+          this.removeAttribute('has-value');
+        } else {
+          this.setAttribute('has-value', 'true');
+        }
+      });
+
       // append external input to component's DOM
       this.appendChild(externalInput);
     }
@@ -4116,9 +4131,6 @@ const EmailFieldClass = compose(
       }        
       vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {
         opacity: 0;
-      }
-      :host ::slotted(input) {
-        display: none !important;
       }
 		`,
     excludeAttrsSync: ['tabindex'],