@progress/kendo-vue-inputs 2.8.0-dev.202201111325 → 3.0.0-dev.202201161025

package/dist/es/colors/ColorPalette.js

@@ -26,6 +26,13 @@ export var DEFAULT_PRESET = 'office'; // tslint:enable:max-line-length
 
 var ColorPaletteVue2 = {
   name: 'KendoColorPalette',
+  // @ts-ignore
+  emits: {
+    'keydown': null,
+    'focus': null,
+    'blur': null,
+    'change': null
+  },
   props: {
     palette: {
       type: [String, Array],

package/dist/es/colors/ColorPicker.js

@@ -157,19 +157,21 @@ var ColorPickerVue2 = {
     var h = gh || createElement;
     var _b = this.$props,
         disabled = _b.disabled,
-        tabIndex = _b.tabIndex; // const dir = useDir(focusableElementGuid, props.dir);
+        tabIndex = _b.tabIndex,
+        dir = _b.dir; // const dir = useDir(focusableElementGuid, props.dir);
 
     return h("span", {
-      "class": this.wrapperClassName // dir={dir}
-      ,
-      id: this.$props.id,
+      "class": this.wrapperClassName,
+      dir: dir,
       attrs: this.v3 ? undefined : {
+        dir: dir,
         id: this.$props.id,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         tabIndex: getTabIndex(tabIndex, disabled),
         title: this.$props.title
       },
+      id: this.$props.id,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       ref: this.focusableElementGuid,
@@ -218,13 +220,14 @@ var ColorPickerVue2 = {
       "class": "k-input-button",
       icon: 'arrow-s'
     }), // @ts-ignore function children
-    h(Picker //  dir={dir}
-    , {
-      open: this.computedOpen,
+    h(Picker, {
+      dir: dir,
       attrs: this.v3 ? undefined : {
+        dir: dir,
         open: this.computedOpen,
         popupAnchor: this.focusableElementGuid
       },
+      open: this.computedOpen,
       onOpen: this.onOpenHandler,
       on: this.v3 ? undefined : {
         "open": this.onOpenHandler
@@ -237,7 +240,8 @@ var ColorPickerVue2 = {
         ,
         on: _this2.v3 ? undefined : {
           "keydown": _this2.onKeyDownHandler,
-          "change": _this2.onPaletteChangeHandler
+          "change": _this2.onPaletteChangeHandler,
+          "blur": _this2.onBlurHandler
         },
         ref: _this2.v3 ? function (el) {
           _this.paletteRef = el;
@@ -246,13 +250,15 @@ var ColorPickerVue2 = {
         attrs: _this2.v3 ? undefined : {
           value: _this2.computedValue || undefined
         },
-        onChange: _this2.onPaletteChangeHandler
+        onChange: _this2.onPaletteChangeHandler,
+        onBlur: _this2.onBlurHandler
       })];
     } : [h(ColorPalette, {
       onKeydown: _this2.onKeyDownHandler,
       on: _this2.v3 ? undefined : {
         "keydown": _this2.onKeyDownHandler,
-        "change": _this2.onPaletteChangeHandler
+        "change": _this2.onPaletteChangeHandler,
+        "blur": _this2.onBlurHandler
       },
       ref: _this2.v3 ? function (el) {
         _this.paletteRef = el;
@@ -261,7 +267,8 @@ var ColorPickerVue2 = {
       attrs: _this2.v3 ? undefined : {
         value: _this2.computedValue || undefined
       },
-      onChange: _this2.onPaletteChangeHandler
+      onChange: _this2.onPaletteChangeHandler,
+      onBlur: _this2.onBlurHandler
     })])]);
   },
   methods: {
@@ -342,11 +349,13 @@ var ColorPickerVue2 = {
       });
     },
     onBlurTimeout: function onBlurTimeout() {
-      if (this.palette && document.activeElement !== this.palette.$el) {
+      var paleteIsFocused = this.palette && document.activeElement === this.palette.$el;
+
+      if (!paleteIsFocused) {
         this.setOpen(false, true);
-        this.focused = false;
       }
 
+      this.focused = paleteIsFocused;
       this.blurTimeoutRef = undefined;
     },
     onBlurHandler: function onBlurHandler(event) {

package/dist/es/input/Input.d.ts

@@ -91,7 +91,6 @@ export interface InputMethods {
     emitBlur?: (_: any) => void;
     emitFocus?: (_: any) => void;
     focus?: () => void;
-    inputClassNames: () => any;
     validity: () => any;
     isInvalid: (state: any) => any;
     setValidity: () => void;
@@ -107,6 +106,7 @@ export interface InputComputed {
     [key: string]: any;
     computedValue?: any;
     spanClassNames?: any;
+    inputWrapperClass?: any;
 }
 /**
  * @hidden

package/dist/es/input/Input.js

@@ -19,14 +19,13 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var ref = allVue.ref;
-import { guid, noop, validatePackage } from '@progress/kendo-vue-common';
+import { guid, noop, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { FloatingLabel } from '@progress/kendo-vue-labels';
 var InputVue2 = {
   model: {
     event: 'changemodel'
   },
-  inheritAttrs: false,
   // @ts-ignore
   emits: {
     'input': null,
@@ -137,12 +136,6 @@ var InputVue2 = {
     var h = gh || createElement;
     var listeners = this.v3 ? this.$attrs : this.$listeners;
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var hasInput = Object.keys(this.$attrs).some(function (attr) {
-      return attr === 'onInput';
-    });
-    var hasModel = Object.keys(this.$attrs).some(function (attr) {
-      return attr === 'onUpdate:modelValue';
-    });
     var _a = this.$props,
         label = _a.label,
         id = _a.id,
@@ -160,7 +153,7 @@ var InputVue2 = {
       id: inputId,
       required: required,
       value: this.computedValue,
-      class: __assign({}, this.inputClassNames()),
+      class: 'k-input-inner',
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input',
@@ -179,6 +172,9 @@ var InputVue2 = {
       onAnimationstart: this.handleAutoFill,
       onAnimationend: this.handleAutoFillEnd
     }));
+    var inputWrapper = h("span", {
+      "class": this.inputWrapperClass
+    }, [textbox]);
     return label ? // @ts-ignore function children
     h(FloatingLabel, {
       label: label,
@@ -198,8 +194,8 @@ var InputVue2 = {
       editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
       dir: this.$props.dir
     }, this.v3 ? function () {
-      return [textbox];
-    } : [textbox]) : textbox;
+      return [inputWrapper];
+    } : [inputWrapper]) : inputWrapper;
   },
   methods: {
     emitFocus: function emitFocus(e) {
@@ -215,13 +211,6 @@ var InputVue2 = {
         this.$data.input.focus();
       }
     },
-    inputClassNames: function inputClassNames() {
-      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-      return {
-        'k-input': true,
-        'k-invalid': !isValid && isValid !== undefined
-      };
-    },
     validity: function validity() {
       var result = {
         badInput: this.$data.input ? this.$data.input.validity.badInput : false,
@@ -318,13 +307,26 @@ var InputVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.$data.focused,
-          'k-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
+          'k-state-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
           'k-autofill': this.$data.autofill,
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
       }
     },
+    inputWrapperClass: function inputWrapperClass() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
+      return _a = {
+        'k-textbox': true,
+        'k-input': true
+      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a;
+    },
     computedValue: {
       get: function get() {
         return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;

package/dist/es/maskedtextbox/MaskedTextBox.js

@@ -191,7 +191,7 @@ var MaskedTextBoxVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !this.computedValue(),
+          'k-state-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };

package/dist/es/numerictextbox/NumericTextBox.js

@@ -177,7 +177,7 @@ var NumericTextBoxVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.$data.focused,
-          'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
+          'k-state-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641906796,
+    publishDate: 1642328041,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/switch/Switch.d.ts

@@ -19,6 +19,10 @@ export interface SwitchChangeEvent {
  * Represents the props of the [Kendo UI for Vue Switch component]({% slug overview_switch %}).
  */
 export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
+    /**
+     * Specifies the `name` of the Switch.
+     */
+    name?: string;
     /**
      * Specifies the `accessKey` of the Switch.
      */

package/dist/es/switch/Switch.js

@@ -21,6 +21,7 @@ var SwitchVue2 = {
     'blur': null
   },
   props: {
+    name: String,
     accessKey: String,
     checked: {
       type: Boolean,
@@ -74,10 +75,6 @@ var SwitchVue2 = {
     },
     tabIndex: Number,
     valid: Boolean,
-    // validate: {
-    //     type: Boolean,
-    //     default: false
-    // },
     validityStyles: {
       type: Boolean,
       default: false
@@ -204,6 +201,7 @@ var SwitchVue2 = {
       attrs: this.v3 ? undefined : {
         type: "checkbox",
         tabIndex: -1,
+        name: this.$props.name,
         required: required !== undefined ? required : false,
         "aria-hidden": true
       },
@@ -216,6 +214,7 @@ var SwitchVue2 = {
         _this.inputRef = el;
       } : 'input',
       tabIndex: -1,
+      name: this.$props.name,
       required: required !== undefined ? required : false,
       "aria-hidden": true,
       value: this.v3 ? this.computedValue : null,
@@ -250,9 +249,6 @@ var SwitchVue2 = {
     element: function element() {
       return this._element;
     },
-    name: function name() {
-      return this.$props.name;
-    },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
       var isValid = this.$props.valid !== undefined ? this.$props.valid : !this.$props.required ? true : this.computedValue ? true : false;

package/dist/npm/colors/ColorPalette.js

@@ -40,6 +40,13 @@ exports.DEFAULT_PRESET = 'office'; // tslint:enable:max-line-length
 
 var ColorPaletteVue2 = {
   name: 'KendoColorPalette',
+  // @ts-ignore
+  emits: {
+    'keydown': null,
+    'focus': null,
+    'blur': null,
+    'change': null
+  },
   props: {
     palette: {
       type: [String, Array],

package/dist/npm/colors/ColorPicker.js

@@ -169,19 +169,21 @@ var ColorPickerVue2 = {
     var h = gh || createElement;
     var _b = this.$props,
         disabled = _b.disabled,
-        tabIndex = _b.tabIndex; // const dir = useDir(focusableElementGuid, props.dir);
+        tabIndex = _b.tabIndex,
+        dir = _b.dir; // const dir = useDir(focusableElementGuid, props.dir);
 
     return h("span", {
-      "class": this.wrapperClassName // dir={dir}
-      ,
-      id: this.$props.id,
+      "class": this.wrapperClassName,
+      dir: dir,
       attrs: this.v3 ? undefined : {
+        dir: dir,
         id: this.$props.id,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
         title: this.$props.title
       },
+      id: this.$props.id,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       ref: this.focusableElementGuid,
@@ -231,12 +233,13 @@ var ColorPickerVue2 = {
       icon: 'arrow-s'
     }), // @ts-ignore function children
     h(Picker_1.Picker, {
-      //  dir={dir}
-      open: this.computedOpen,
+      dir: dir,
       attrs: this.v3 ? undefined : {
+        dir: dir,
         open: this.computedOpen,
         popupAnchor: this.focusableElementGuid
       },
+      open: this.computedOpen,
       onOpen: this.onOpenHandler,
       on: this.v3 ? undefined : {
         "open": this.onOpenHandler
@@ -249,7 +252,8 @@ var ColorPickerVue2 = {
         ,
         on: _this2.v3 ? undefined : {
           "keydown": _this2.onKeyDownHandler,
-          "change": _this2.onPaletteChangeHandler
+          "change": _this2.onPaletteChangeHandler,
+          "blur": _this2.onBlurHandler
         },
         ref: _this2.v3 ? function (el) {
           _this.paletteRef = el;
@@ -258,13 +262,15 @@ var ColorPickerVue2 = {
         attrs: _this2.v3 ? undefined : {
           value: _this2.computedValue || undefined
         },
-        onChange: _this2.onPaletteChangeHandler
+        onChange: _this2.onPaletteChangeHandler,
+        onBlur: _this2.onBlurHandler
       })];
     } : [h(ColorPalette_1.ColorPalette, {
       onKeydown: _this2.onKeyDownHandler,
       on: _this2.v3 ? undefined : {
         "keydown": _this2.onKeyDownHandler,
-        "change": _this2.onPaletteChangeHandler
+        "change": _this2.onPaletteChangeHandler,
+        "blur": _this2.onBlurHandler
       },
       ref: _this2.v3 ? function (el) {
         _this.paletteRef = el;
@@ -273,7 +279,8 @@ var ColorPickerVue2 = {
       attrs: _this2.v3 ? undefined : {
         value: _this2.computedValue || undefined
       },
-      onChange: _this2.onPaletteChangeHandler
+      onChange: _this2.onPaletteChangeHandler,
+      onBlur: _this2.onBlurHandler
     })])]);
   },
   methods: {
@@ -354,11 +361,13 @@ var ColorPickerVue2 = {
       });
     },
     onBlurTimeout: function onBlurTimeout() {
-      if (this.palette && document.activeElement !== this.palette.$el) {
+      var paleteIsFocused = this.palette && document.activeElement === this.palette.$el;
+
+      if (!paleteIsFocused) {
         this.setOpen(false, true);
-        this.focused = false;
       }
 
+      this.focused = paleteIsFocused;
       this.blurTimeoutRef = undefined;
     },
     onBlurHandler: function onBlurHandler(event) {

package/dist/npm/input/Input.d.ts

@@ -91,7 +91,6 @@ export interface InputMethods {
     emitBlur?: (_: any) => void;
     emitFocus?: (_: any) => void;
     focus?: () => void;
-    inputClassNames: () => any;
     validity: () => any;
     isInvalid: (state: any) => any;
     setValidity: () => void;
@@ -107,6 +106,7 @@ export interface InputComputed {
     [key: string]: any;
     computedValue?: any;
     spanClassNames?: any;
+    inputWrapperClass?: any;
 }
 /**
  * @hidden

package/dist/npm/input/Input.js

@@ -37,7 +37,6 @@ var InputVue2 = {
   model: {
     event: 'changemodel'
   },
-  inheritAttrs: false,
   // @ts-ignore
   emits: {
     'input': null,
@@ -148,12 +147,6 @@ var InputVue2 = {
     var h = gh || createElement;
     var listeners = this.v3 ? this.$attrs : this.$listeners;
     var isValid = !this.$props.validityStyles || this.validity().valid;
-    var hasInput = Object.keys(this.$attrs).some(function (attr) {
-      return attr === 'onInput';
-    });
-    var hasModel = Object.keys(this.$attrs).some(function (attr) {
-      return attr === 'onUpdate:modelValue';
-    });
     var _a = this.$props,
         label = _a.label,
         id = _a.id,
@@ -171,7 +164,7 @@ var InputVue2 = {
       id: inputId,
       required: required,
       value: this.computedValue,
-      class: __assign({}, this.inputClassNames()),
+      class: 'k-input-inner',
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input',
@@ -190,6 +183,9 @@ var InputVue2 = {
       onAnimationstart: this.handleAutoFill,
       onAnimationend: this.handleAutoFillEnd
     }));
+    var inputWrapper = h("span", {
+      "class": this.inputWrapperClass
+    }, [textbox]);
     return label ? // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: label,
@@ -209,8 +205,8 @@ var InputVue2 = {
       editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
       dir: this.$props.dir
     }, this.v3 ? function () {
-      return [textbox];
-    } : [textbox]) : textbox;
+      return [inputWrapper];
+    } : [inputWrapper]) : inputWrapper;
   },
   methods: {
     emitFocus: function emitFocus(e) {
@@ -226,13 +222,6 @@ var InputVue2 = {
         this.$data.input.focus();
       }
     },
-    inputClassNames: function inputClassNames() {
-      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-      return {
-        'k-input': true,
-        'k-invalid': !isValid && isValid !== undefined
-      };
-    },
     validity: function validity() {
       var result = {
         badInput: this.$data.input ? this.$data.input.validity.badInput : false,
@@ -329,13 +318,26 @@ var InputVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.$data.focused,
-          'k-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
+          'k-state-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
           'k-autofill': this.$data.autofill,
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
       }
     },
+    inputWrapperClass: function inputWrapperClass() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
+      return _a = {
+        'k-textbox': true,
+        'k-input': true
+      }, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a;
+    },
     computedValue: {
       get: function get() {
         return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -203,7 +203,7 @@ var MaskedTextBoxVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !this.computedValue(),
+          'k-state-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -192,7 +192,7 @@ var NumericTextBoxVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.$data.focused,
-          'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
+          'k-state-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641906796,
+    publishDate: 1642328041,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/switch/Switch.d.ts

@@ -19,6 +19,10 @@ export interface SwitchChangeEvent {
  * Represents the props of the [Kendo UI for Vue Switch component]({% slug overview_switch %}).
  */
 export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
+    /**
+     * Specifies the `name` of the Switch.
+     */
+    name?: string;
     /**
      * Specifies the `accessKey` of the Switch.
      */

package/dist/npm/switch/Switch.js

@@ -33,6 +33,7 @@ var SwitchVue2 = {
     'blur': null
   },
   props: {
+    name: String,
     accessKey: String,
     checked: {
       type: Boolean,
@@ -86,10 +87,6 @@ var SwitchVue2 = {
     },
     tabIndex: Number,
     valid: Boolean,
-    // validate: {
-    //     type: Boolean,
-    //     default: false
-    // },
     validityStyles: {
       type: Boolean,
       default: false
@@ -216,6 +213,7 @@ var SwitchVue2 = {
       attrs: this.v3 ? undefined : {
         type: "checkbox",
         tabIndex: -1,
+        name: this.$props.name,
         required: required !== undefined ? required : false,
         "aria-hidden": true
       },
@@ -228,6 +226,7 @@ var SwitchVue2 = {
         _this.inputRef = el;
       } : 'input',
       tabIndex: -1,
+      name: this.$props.name,
       required: required !== undefined ? required : false,
       "aria-hidden": true,
       value: this.v3 ? this.computedValue : null,
@@ -262,9 +261,6 @@ var SwitchVue2 = {
     element: function element() {
       return this._element;
     },
-    name: function name() {
-      return this.$props.name;
-    },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
       var isValid = this.$props.valid !== undefined ? this.$props.valid : !this.$props.required ? true : this.computedValue ? true : false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "2.8.0-dev.202201111325",
+  "version": "3.0.0-dev.202201161025",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,21 +38,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-common": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-labels": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-popup": "2.8.0-dev.202201111325"
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-common": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-labels": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-popup": "3.0.0-dev.202201161025"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-form": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-intl": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-labels": "2.8.0-dev.202201111325",
-    "@progress/kendo-vue-tooltip": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-form": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-intl": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-labels": "3.0.0-dev.202201161025",
+    "@progress/kendo-vue-tooltip": "3.0.0-dev.202201161025",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"