@descope-ui/descope-combo-box 3.3.5 → 3.5.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.5.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.4.0...web-components-ui-3.5.0) (2026-05-07)
+
+## [3.4.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.3.5...web-components-ui-3.4.0) (2026-05-07)
+
+
+### Features
+
+* add inputs font weight ([#1019](https://github.com/descope/web-components-ui/issues/1019)) ([65d958f](https://github.com/descope/web-components-ui/commit/65d958f4f35ab2d9bd0b25383a629d53ac63ac11))
+
 ## [3.3.5](https://github.com/descope/web-components-ui/compare/web-components-ui-3.3.4...web-components-ui-3.3.5) (2026-05-06)
 
 ## [3.3.4](https://github.com/descope/web-components-ui/compare/web-components-ui-3.3.3...web-components-ui-3.3.4) (2026-05-06)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope-ui/descope-combo-box",
-  "version": "3.3.5",
+  "version": "3.5.0",
   "exports": {
     ".": {
       "import": "./src/component/index.js"
@@ -14,14 +14,14 @@
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",
-    "e2e-utils": "3.3.5",
-    "test-drivers": "3.3.5"
+    "e2e-utils": "3.5.0",
+    "test-drivers": "3.5.0"
   },
   "dependencies": {
     "@vaadin/combo-box": "24.3.4",
-    "@descope-ui/common": "3.3.5",
-    "@descope-ui/theme-input-wrapper": "3.3.5",
-    "@descope-ui/theme-globals": "3.3.5"
+    "@descope-ui/theme-globals": "3.5.0",
+    "@descope-ui/theme-input-wrapper": "3.5.0",
+    "@descope-ui/common": "3.5.0"
   },
   "publishConfig": {
     "link-workspace-packages": false

package/src/component/ComboBoxClass.js

@@ -30,7 +30,7 @@ const ComboBoxMixin = (superclass) =>
       return ['label-type', 'require-match'];
     }
 
-    // eslint-disable-next-line class-methods-use-this
+     
     #renderItem = ({ displayName, value, label }) => {
       return `<span data-name="${label}" data-id="${value}">${
         displayName || label
@@ -81,7 +81,7 @@ const ComboBoxMixin = (superclass) =>
             return data;
           }
         } catch (e) {
-          // eslint-disable-next-line no-console
+           
           console.error(
             'could not parse data string from attribute "data" -',
             e.message,
@@ -100,14 +100,16 @@ const ComboBoxMixin = (superclass) =>
     }
 
     get requireMatch() {
-      return this.getAttribute('require-match') === 'true' && !this.allowCustomValue;
+      return (
+        this.getAttribute('require-match') === 'true' && !this.allowCustomValue
+      );
     }
 
-    // eslint-disable-next-line class-methods-use-this
+     
     isValidDataType(data) {
       const isValid = Array.isArray(data);
       if (!isValid) {
-        // eslint-disable-next-line no-console
+         
         console.error('data must be an array, received:', data);
       }
 
@@ -156,7 +158,7 @@ const ComboBoxMixin = (superclass) =>
       }
     }
 
-    // eslint-disable-next-line class-methods-use-this
+     
     customValueTransformFn(val) {
       return val;
     }
@@ -241,7 +243,7 @@ const ComboBoxMixin = (superclass) =>
       // and not via default renderer, which renders only the data-name's value
       // in its own HTML template
       this.baseElement.renderer = (root, combo, model) => {
-        // eslint-disable-next-line no-param-reassign
+         
         root.innerHTML = model.item.outerHTML;
       };
     }
@@ -259,7 +261,9 @@ const ComboBoxMixin = (superclass) =>
       const val = this.baseElement.querySelector('input').value;
 
       if (val) {
-        return this.baseElement.items.some(item => item.dataset.name === val || item.dataset.id === val);
+        return this.baseElement.items.some(
+          (item) => item.dataset.name === val || item.dataset.id === val,
+        );
       }
 
       return true;
@@ -268,7 +272,7 @@ const ComboBoxMixin = (superclass) =>
     init() {
       super.init?.();
 
-      // eslint-disable-next-line func-names
+       
       this.getValidity = function () {
         if (this.requireMatch && !this.isValueMatch()) {
           return {
@@ -334,7 +338,8 @@ const ComboBoxMixin = (superclass) =>
     }
 
     handleRequireMatchChange(shouldValidate) {
-      this.baseElement.allowCustomValue = shouldValidate || this.allowCustomValue;
+      this.baseElement.allowCustomValue =
+        shouldValidate || this.allowCustomValue;
     }
 
     attributeChangedCallback(attrName, oldValue, newValue) {
@@ -446,6 +451,10 @@ export const ComboBoxClass = compose(
       fontFamily: [label, placeholder, inputField, helperText, errorMessage],
       labelFontSize: { ...label, property: 'font-size' },
       labelFontWeight: { ...label, property: 'font-weight' },
+      inputValueFontWeight: { ...inputField, property: 'font-weight' },
+      inputPlaceholderFontWeight: { ...placeholder, property: 'font-weight' },
+      helperTextFontWeight: { ...helperText, property: 'font-weight' },
+      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },
       labelTextColor: [
         { ...label, property: 'color' },
         { ...label, property: '-webkit-text-fill-color' },

package/src/theme.js

@@ -13,6 +13,10 @@ export const comboBox = {
   [vars.fontFamily]: refs.fontFamily,
   [vars.labelFontSize]: refs.labelFontSize,
   [vars.labelFontWeight]: refs.labelFontWeight,
+  [vars.inputValueFontWeight]: refs.inputValueFontWeight,
+  [vars.inputPlaceholderFontWeight]: refs.inputPlaceholderFontWeight,
+  [vars.helperTextFontWeight]: refs.helperTextFontWeight,
+  [vars.errorMessageFontWeight]: refs.errorMessageFontWeight,
   [vars.labelTextColor]: refs.labelTextColor,
   [vars.errorMessageTextColor]: refs.errorMessageTextColor,
   [vars.inputBorderColor]: refs.borderColor,