feat: upgrade dependencies for compatibility with Vaadin 23

Author: paodb

demo/date-range-picker-demo.js

@@ -1,7 +1,7 @@
 import '@polymer/iron-demo-helpers/demo-pages-shared-styles';
 import '@polymer/iron-demo-helpers/demo-snippet';
-import '@vaadin/vaadin-button';
+import '@vaadin/button';
 import '@polymer/iron-icon';
-import '@vaadin/vaadin-icons';
-import '@vaadin/vaadin-form-layout';
+import '@vaadin/icons';
+import '@vaadin/form-layout';
 import '../theme/lumo/vcf-date-range-picker.js';

package.json

@@ -32,29 +32,29 @@
     "@polymer/iron-a11y-announcer": "^3.0.0",
     "@polymer/iron-a11y-keys-behavior": "^3.0.0",
     "@polymer/iron-media-query": "^3.0.0",
-    "@polymer/iron-resizable-behavior": "^3.0.0",
-    "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-button": "^2.4.0",
-    "@vaadin/vaadin-control-state-mixin": "^2.2.2",
-    "@vaadin/vaadin-element-mixin": "^2.4.1",
-    "@vaadin/vaadin-lumo-styles": "^1.6.0",
-    "@vaadin/vaadin-material-styles": "^1.3.2",
-    "@vaadin/vaadin-overlay": "^3.5.0",
-    "@vaadin/vaadin-text-field": "^2.8.0",
-    "@vaadin/vaadin-themable-mixin": "^1.6.1",
-    "@vaadin/vaadin-form-layout": "^2.3.0"
+    "@polymer/iron-resizable-behavior": "^3.0.1",
+    "@polymer/polymer": "^3.2.0",
+    "@vaadin/button": "^23.0.7",
+    "@vaadin/vaadin-control-state-mixin": "^21.0.5",
+    "@vaadin/component-base": "^23.0.7",
+    "@vaadin/vaadin-lumo-styles": "^23.0.7",
+    "@vaadin/vaadin-material-styles": "^23.0.7",
+    "@vaadin/vaadin-overlay": "^23.0.7",
+    "@vaadin/text-field": "^23.0.7",
+    "@vaadin/vaadin-themable-mixin": "^23.0.7",
+    "@vaadin/form-layout": "^23.0.7"
   },
   "devDependencies": {
     "@polymer/iron-component-page": "^4.0.0",
     "@polymer/iron-form": "^3.0.0",
-    "@polymer/iron-icon": "^3.0.0",
-    "@polymer/iron-icons": "^3.0.0",
-    "@polymer/iron-input": "^3.0.0",
+    "@polymer/iron-icon": "^3.0.1",
+    "@polymer/iron-icons": "^3.0.1",
+    "@polymer/iron-input": "^3.0.1",
     "@polymer/iron-test-helpers": "^3.0.0",
-    "@vaadin/vaadin-custom-field": "^1.0.0",
+    "@vaadin/custom-field": "^23.0.7",
     "@polymer/iron-demo-helpers": "^3.0.0-pre.19",
-    "@vaadin/vaadin-icons": "^4.3.1",
-    "@vaadin/vaadin-dialog": "^2.2.1",
+    "@vaadin/icons": "^23.0.7",
+    "@vaadin/dialog": "^23.0.7",
     "sugar": "^2.0.0",
     "wct-browser-legacy": "^1.0.1"
   },

src/vcf-date-range-picker-overlay-content.js

@@ -6,9 +6,9 @@ import { timeOut } from '@polymer/polymer/lib/utils/async.js';
 import { IronA11yKeysBehavior } from '@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js';
 import { IronA11yAnnouncer } from '@polymer/iron-a11y-announcer/iron-a11y-announcer.js';
 import '@polymer/iron-media-query/iron-media-query.js';
-import '@vaadin/vaadin-button/src/vaadin-button.js';
+import '@vaadin/button/src/vaadin-button.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { DirMixin } from '@vaadin/vaadin-element-mixin/vaadin-dir-mixin.js';
+import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
 import './vcf-date-range-month-calendar.js';
 import './vcf-date-range-infinite-scroller.js';
 import { dateEquals, getClosestDate, getISOWeekNumber, extractDateParts } from './vcf-date-range-picker-helper.js';

src/vcf-date-range-picker-text-field.js

@@ -1,4 +1,4 @@
-import { TextFieldElement } from '@vaadin/vaadin-text-field/src/vaadin-text-field.js';
+import { TextField } from '@vaadin/text-field';
 import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 
 registerStyles(
@@ -42,10 +42,11 @@ registerStyles(
  * @extends OverlayElement
  * @private
  */
-class DateRangePickerTextFieldElement extends TextFieldElement {
+class DateRangePickerTextFieldElement extends TextField {
   static get is() {
     return 'vcf-date-range-picker-text-field';
   }
+
 }
 
 customElements.define(DateRangePickerTextFieldElement.is, DateRangePickerTextFieldElement);

src/vcf-date-range-picker.js

@@ -7,7 +7,7 @@ import './vcf-date-range-picker-overlay.js';
 import './vcf-date-range-picker-overlay-content.js';
 import { DateRangePickerMixin } from './vcf-date-range-picker-mixin.js';
 import './vcf-date-range-picker-text-field.js';
-import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
+import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { afterNextRender } from '@polymer/polymer/lib/utils/render-status.js';
 
 /**

theme/lumo/vcf-date-range-picker-overlay-content-styles.js

@@ -4,7 +4,7 @@ import '@vaadin/vaadin-lumo-styles/sizing.js';
 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import '@vaadin/vaadin-lumo-styles/style.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-import '@vaadin/vaadin-button/theme/lumo/vaadin-button.js';
+import '@vaadin/button/theme/lumo/vaadin-button.js';
 
 registerStyles(
   'vcf-date-range-picker-overlay-content',

theme/lumo/vcf-date-range-picker-text-field-styles.js

@@ -1,5 +1,5 @@
 import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
-import '@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field.js';
+import '@vaadin/text-field/theme/lumo/vaadin-text-field.js';
 
 registerStyles(
   'vcf-date-range-picker-text-field',

theme/material/vcf-date-range-picker-overlay-content-styles.js

@@ -3,7 +3,7 @@ import '@vaadin/vaadin-material-styles/color.js';
 import '@vaadin/vaadin-material-styles/font-icons.js';
 import '@vaadin/vaadin-material-styles/typography.js';
 import '@vaadin/vaadin-material-styles/shadow.js';
-import '@vaadin/vaadin-button/theme/material/vaadin-button.js';
+import '@vaadin/button/theme/material/vaadin-button.js';
 
 registerStyles(
   'vcf-date-range-picker-overlay-content',