@descope/web-components-ui 2.2.8 → 2.2.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -50,10 +50,10 @@
     "webpack": "^5.79.0",
     "webpack-cli": "^6.0.0",
     "webpack-dev-server": "^5.0.0",
-    "rollup-replace-plugin": "2.2.8",
-    "test-drivers": "2.2.8",
-    "webpack-extract-font-loader": "2.2.8",
-    "webpack-replace-plugin": "2.2.8"
+    "rollup-replace-plugin": "2.2.10",
+    "test-drivers": "2.2.10",
+    "webpack-extract-font-loader": "2.2.10",
+    "webpack-replace-plugin": "2.2.10"
   },
   "dependencies": {
     "@vaadin/checkbox": "24.3.4",
@@ -77,29 +77,29 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "@descope-ui/common": "2.2.8",
-    "@descope-ui/descope-address-field": "2.2.8",
-    "@descope-ui/descope-apps-list": "2.2.8",
-    "@descope-ui/descope-autocomplete-field": "2.2.8",
-    "@descope-ui/descope-avatar": "2.2.8",
-    "@descope-ui/descope-badge": "2.2.8",
-    "@descope-ui/descope-button": "2.2.8",
-    "@descope-ui/descope-collapsible-container": "2.2.8",
-    "@descope-ui/descope-combo-box": "2.2.8",
-    "@descope-ui/descope-enriched-text": "2.2.8",
-    "@descope-ui/descope-icon": "2.2.8",
-    "@descope-ui/descope-image": "2.2.8",
-    "@descope-ui/descope-link": "2.2.8",
-    "@descope-ui/descope-list": "2.2.8",
-    "@descope-ui/descope-list-item": "2.2.8",
-    "@descope-ui/descope-outbound-app-button": "2.2.8",
-    "@descope-ui/descope-outbound-apps": "2.2.8",
-    "@descope-ui/descope-password-strength": "2.2.8",
-    "@descope-ui/descope-recovery-codes": "2.2.8",
-    "@descope-ui/descope-text": "2.2.8",
-    "@descope-ui/descope-timer": "2.2.8",
-    "@descope-ui/descope-timer-button": "2.2.8",
-    "@descope-ui/descope-trusted-devices": "2.2.8"
+    "@descope-ui/common": "2.2.10",
+    "@descope-ui/descope-address-field": "2.2.10",
+    "@descope-ui/descope-apps-list": "2.2.10",
+    "@descope-ui/descope-autocomplete-field": "2.2.10",
+    "@descope-ui/descope-avatar": "2.2.10",
+    "@descope-ui/descope-badge": "2.2.10",
+    "@descope-ui/descope-button": "2.2.10",
+    "@descope-ui/descope-collapsible-container": "2.2.10",
+    "@descope-ui/descope-combo-box": "2.2.10",
+    "@descope-ui/descope-enriched-text": "2.2.10",
+    "@descope-ui/descope-icon": "2.2.10",
+    "@descope-ui/descope-image": "2.2.10",
+    "@descope-ui/descope-link": "2.2.10",
+    "@descope-ui/descope-list-item": "2.2.10",
+    "@descope-ui/descope-list": "2.2.10",
+    "@descope-ui/descope-outbound-app-button": "2.2.10",
+    "@descope-ui/descope-outbound-apps": "2.2.10",
+    "@descope-ui/descope-password-strength": "2.2.10",
+    "@descope-ui/descope-recovery-codes": "2.2.10",
+    "@descope-ui/descope-text": "2.2.10",
+    "@descope-ui/descope-timer": "2.2.10",
+    "@descope-ui/descope-timer-button": "2.2.10",
+    "@descope-ui/descope-trusted-devices": "2.2.10"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/components/descope-hybrid-field/HybridFieldClass.js

@@ -11,6 +11,7 @@ export const componentName = getComponentName('hybrid-field');
 
 const attrs = {
   shared: [
+    'label',
     'bordered',
     'full-width',
     'label-type',
@@ -24,7 +25,6 @@ const attrs = {
     'st-error-message-icon-padding',
   ],
   email: [
-    'label',
     'placeholder',
     'data-errormessage-value-missing-email',
     'data-errormessage-pattern-mismatch-email',
@@ -43,7 +43,6 @@ const attrs = {
       'data-errormessage-value-missing-phone',
     ],
     inputBox: [
-      'label',
       'restrict-countries',
       'default-code',
       'phone-minlength',

package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js

@@ -18,6 +18,7 @@ import {
   useHostExternalPadding,
   inputFloatingLabelStyle,
 } from '../../../helpers/themeHelpers/resetHelpers';
+import { syncAttrs } from '@descope-ui/common/components-helpers';
 
 const textVars = TextFieldClass.cssVarList;
 
@@ -45,6 +46,8 @@ const customMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);
 
+      syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });
+
       forwardAttrs(this.shadowRoot.host, this.inputElement, {
         includeAttrs: [
           'size',

package/src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js

@@ -1,3 +1,4 @@
+import { forwardAttrs } from '@descope-ui/common/components-helpers';
 import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';
 import { getComponentName } from '../../../../helpers/componentHelpers';
 import { getCountryByCodeId, matchingParenthesis } from '../../helpers';
@@ -108,6 +109,8 @@ class PhoneFieldInternal extends BaseInputClass {
 
     this.textField.addEventListener('input', this.#onInput.bind(this));
     this.handleFocusEventsDispatching([this.textField]);
+
+    forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });
   }
 
   getValidity() {