@synergy-design-system/vue 2.37.1 → 2.39.0

package/dist/components/SynVueCombobox.vue.d.ts

@@ -74,6 +74,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      */
     required?: SynCombobox["required"];
     /**
+  * When set to `true`, restricts the combobox to only allow selection from the available options.
+  Users will not be able to enter custom values that are not present in the list.
+   */
+    restricted?: SynCombobox["restricted"];
+    /**
   * A function that customizes the rendered option.
   * The first argument is the option, the second
   is the query string, which is typed into the combobox.
@@ -170,6 +175,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      */
     required?: SynCombobox["required"];
     /**
+  * When set to `true`, restricts the combobox to only allow selection from the available options.
+  Users will not be able to enter custom values that are not present in the list.
+   */
+    restricted?: SynCombobox["restricted"];
+    /**
   * A function that customizes the rendered option.
   * The first argument is the option, the second
   is the query string, which is typed into the combobox.

package/dist/components/SynVueCombobox.vue.js

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     helpText: {},
     form: {},
     required: {},
+    restricted: {},
     getOption: {},
     filter: {},
     modelValue: {}

package/dist/components/SynVueRadioGroup.vue.d.ts

@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "syn-invalid": (e: SynInvalidEvent) => any;
     "syn-change": (e: SynChangeEvent) => any;
     "syn-input": (e: SynInputEvent) => any;
-    "update:modelValue": (newValue: string) => any;
+    "update:modelValue": (newValue: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<{
     /**
   * The radio group's label.
@@ -97,7 +97,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((newValue: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     nativeElement: unknown;
 }, any>, {

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.37.1"
+    "@synergy-design-system/components": "^2.39.0"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.37.1",
+  "version": "2.39.0",
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/tsconfig": "^0.7.0",
@@ -50,7 +50,7 @@
     "vue": "^3.5.16"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.20.1"
+    "@synergy-design-system/tokens": "^2.21.0"
   },
   "scripts": {
     "_build": "vite build"

package/src/components/SynVueCombobox.vue

@@ -53,6 +53,7 @@
  * @csspart expand-icon - The container that wraps the expand icon.
  * @csspart popup - The popup's exported `popup` part.
  * Use this to target the tooltip's popup container.
+ * @csspart no-results - The container that wraps the "no results" message.
  *
  * @animation combobox.show - The animation to use when showing the combobox.
  * @animation combobox.hide - The animation to use when hiding the combobox.
@@ -157,6 +158,12 @@ The form must be in the same document or shadow root for this to work.
    */
   required?: SynCombobox['required'];
 
+  /**
+* When set to `true`, restricts the combobox to only allow selection from the available options.
+Users will not be able to enter custom values that are not present in the list.
+ */
+  restricted?: SynCombobox['restricted'];
+
   /**
 * A function that customizes the rendered option.
 * The first argument is the option, the second