@descope/web-components-ui 1.0.373 → 1.0.375

package/dist/index.esm.js

@@ -12,6 +12,7 @@ import '@vaadin/password-field';
 import MarkdownIt from 'markdown-it';
 import '@vaadin/text-area';
 import '@vaadin/combo-box';
+import parsePhone from 'libphonenumber-js/min';
 import '@vaadin/grid';
 import { GridSortColumn } from '@vaadin/grid/vaadin-grid-sort-column';
 import { GridSelectionColumn } from '@vaadin/grid/vaadin-grid-selection-column';
@@ -6246,7 +6247,9 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
   }
 
   set value(val) {
-    const [countryCode = '', phoneNumber = ''] = val.split('-');
+    const parsed = parsePhone(val);
+    const countryCode = `+${parsed.countryCallingCode}`;
+    const phoneNumber = parsed.nationalNumber;
 
     if (countryCode) {
       const countryCodeItem = this.getCountryByDialCode(countryCode);
@@ -11128,7 +11131,10 @@ const MappingsFieldClass = compose(
         { ...labelsText, property: 'line-height' },
         { ...labels, property: 'line-height' },
       ],
-      labelTextColor: { ...labels, property: TextClass.cssVarList.textColor },
+      labelTextColor: [
+        { ...labels, property: TextClass.cssVarList.textColor },
+        { ...separator, property: 'color' },
+      ],
       itemMarginBottom: { ...mappingItem, property: 'margin-bottom' },
       valueLabelMinWidth: { ...valueLabel, property: 'min-width' },
       attrLabelMinWidth: { ...attrLabel, property: 'min-width' },