@vaadin/confirm-dialog 25.0.0-alpha12 → 25.0.0-alpha14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/confirm-dialog",
-  "version": "25.0.0-alpha12",
+  "version": "25.0.0-alpha14",
   "publishConfig": {
     "access": "public"
   },
@@ -34,24 +34,24 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/button": "25.0.0-alpha12",
-    "@vaadin/component-base": "25.0.0-alpha12",
-    "@vaadin/dialog": "25.0.0-alpha12",
-    "@vaadin/overlay": "25.0.0-alpha12",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha12",
+    "@vaadin/button": "25.0.0-alpha14",
+    "@vaadin/component-base": "25.0.0-alpha14",
+    "@vaadin/dialog": "25.0.0-alpha14",
+    "@vaadin/overlay": "25.0.0-alpha14",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha14",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/a11y-base": "25.0.0-alpha12",
-    "@vaadin/chai-plugins": "25.0.0-alpha12",
-    "@vaadin/test-runner-commands": "25.0.0-alpha12",
+    "@vaadin/a11y-base": "25.0.0-alpha14",
+    "@vaadin/chai-plugins": "25.0.0-alpha14",
+    "@vaadin/test-runner-commands": "25.0.0-alpha14",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha12",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha14",
     "sinon": "^18.0.0"
   },
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "e75527348f9ba7c363d068c868b9f030c15b84a1"
+  "gitHead": "8ebeeeca4b5b6564eff954d6582d0d6760464e51"
 }

package/src/styles/vaadin-confirm-dialog-overlay-base-styles.js

@@ -34,11 +34,6 @@ const confirmDialogOverlay = css`
   [part='content'] {
     flex: 1;
   }
-
-  /* TODO remove this wrapper element */
-  #resizerContainer {
-    display: contents;
-  }
 `;
 
 export const confirmDialogOverlayStyles = [overlayStyles, dialogOverlayBase, confirmDialogOverlay];

package/src/vaadin-confirm-dialog-mixin.d.ts

@@ -4,7 +4,6 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import type { Constructor } from '@open-wc/dedupe-mixin';
-import type { OverlayClassMixinClass } from '@vaadin/component-base/src/overlay-class-mixin.js';
 import type { DialogSizeMixinClass } from '@vaadin/dialog/src/vaadin-dialog-size-mixin.js';
 
 /*
@@ -33,7 +32,7 @@ export type ConfirmDialogEventMap = ConfirmDialogCustomEventMap & HTMLElementEve
 
 export declare function ConfirmDialogMixin<T extends Constructor<HTMLElement>>(
   base: T,
-): Constructor<ConfirmDialogMixinClass> & Constructor<DialogSizeMixinClass> & Constructor<OverlayClassMixinClass> & T;
+): Constructor<ConfirmDialogMixinClass> & Constructor<DialogSizeMixinClass> & T;
 
 export declare class ConfirmDialogMixinClass {
   /**

package/src/vaadin-confirm-dialog-mixin.js

@@ -4,17 +4,15 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { setAriaIDReference } from '@vaadin/a11y-base/src/aria-id-reference.js';
-import { OverlayClassMixin } from '@vaadin/component-base/src/overlay-class-mixin.js';
 import { SlotController } from '@vaadin/component-base/src/slot-controller.js';
 import { DialogSizeMixin } from '@vaadin/dialog/src/vaadin-dialog-size-mixin.js';
 
 /**
  * @polymerMixin
  * @mixes DialogSizeMixin
- * @mixes OverlayClassMixin
  */
 export const ConfirmDialogMixin = (superClass) =>
-  class ConfirmDialogMixinClass extends OverlayClassMixin(DialogSizeMixin(superClass)) {
+  class ConfirmDialogMixinClass extends DialogSizeMixin(superClass) {
     static get properties() {
       return {
         /**

package/src/vaadin-confirm-dialog-overlay.js

@@ -50,23 +50,21 @@ class ConfirmDialogOverlay extends OverlayMixin(DirMixin(ThemableMixin(PolylitMi
     return html`
       <div part="backdrop" id="backdrop" ?hidden="${!this.withBackdrop}"></div>
       <div part="overlay" id="overlay" tabindex="0">
-        <section id="resizerContainer" class="resizer-container">
-          <header part="header"><slot name="header"></slot></header>
-          <div part="content" id="content">
-            <div part="message"><slot></slot></div>
+        <header part="header"><slot name="header"></slot></header>
+        <div part="content" id="content">
+          <div part="message"><slot></slot></div>
+        </div>
+        <footer part="footer" role="toolbar">
+          <div part="cancel-button" ?hidden="${!this.cancelButtonVisible}">
+            <slot name="cancel-button"></slot>
           </div>
-          <footer part="footer" role="toolbar">
-            <div part="cancel-button" ?hidden="${!this.cancelButtonVisible}">
-              <slot name="cancel-button"></slot>
-            </div>
-            <div part="reject-button" ?hidden="${!this.rejectButtonVisible}">
-              <slot name="reject-button"></slot>
-            </div>
-            <div part="confirm-button">
-              <slot name="confirm-button"></slot>
-            </div>
-          </footer>
-        </section>
+          <div part="reject-button" ?hidden="${!this.rejectButtonVisible}">
+            <slot name="reject-button"></slot>
+          </div>
+          <div part="confirm-button">
+            <slot name="confirm-button"></slot>
+          </div>
+        </footer>
       </div>
     `;
   }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/confirm-dialog",
-  "version": "25.0.0-alpha12",
+  "version": "25.0.0-alpha14",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -32,17 +32,6 @@
                 ]
               }
             },
-            {
-              "name": "overlay-class",
-              "description": "A space-delimited list of CSS class names to set on the overlay element.\nThis property does not affect other CSS class names set manually via JS.\n\nNote, if the CSS class name was set with this property, clearing it will\nremove it from the overlay, even if the same class name was also added\nmanually, e.g. by using `classList.add()` in the `renderer` function.",
-              "value": {
-                "type": [
-                  "string",
-                  "null",
-                  "undefined"
-                ]
-              }
-            },
             {
               "name": "accessible-description-ref",
               "description": "Sets the `aria-describedby` attribute of the overlay element.\n\nBy default, the text contents of all elements inside the message area\nare combined into the `aria-description` attribute. However, there are\ncases where this can confuse screen reader users (e.g. the dialog\nmay present a password confirmation form). For these cases,\nit's better to associate only the elements that will help describe\nthe confirmation dialog through this API.",
@@ -200,17 +189,6 @@
                   ]
                 }
               },
-              {
-                "name": "overlayClass",
-                "description": "A space-delimited list of CSS class names to set on the overlay element.\nThis property does not affect other CSS class names set manually via JS.\n\nNote, if the CSS class name was set with this property, clearing it will\nremove it from the overlay, even if the same class name was also added\nmanually, e.g. by using `classList.add()` in the `renderer` function.",
-                "value": {
-                  "type": [
-                    "string",
-                    "null",
-                    "undefined"
-                  ]
-                }
-              },
               {
                 "name": "accessibleDescriptionRef",
                 "description": "Sets the `aria-describedby` attribute of the overlay element.\n\nBy default, the text contents of all elements inside the message area\nare combined into the `aria-description` attribute. However, there are\ncases where this can confuse screen reader users (e.g. the dialog\nmay present a password confirmation form). For these cases,\nit's better to associate only the elements that will help describe\nthe confirmation dialog through this API.",

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/confirm-dialog",
-  "version": "25.0.0-alpha12",
+  "version": "25.0.0-alpha14",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -61,13 +61,6 @@
                 "kind": "expression"
               }
             },
-            {
-              "name": ".overlayClass",
-              "description": "A space-delimited list of CSS class names to set on the overlay element.\nThis property does not affect other CSS class names set manually via JS.\n\nNote, if the CSS class name was set with this property, clearing it will\nremove it from the overlay, even if the same class name was also added\nmanually, e.g. by using `classList.add()` in the `renderer` function.",
-              "value": {
-                "kind": "expression"
-              }
-            },
             {
               "name": ".accessibleDescriptionRef",
               "description": "Sets the `aria-describedby` attribute of the overlay element.\n\nBy default, the text contents of all elements inside the message area\nare combined into the `aria-description` attribute. However, there are\ncases where this can confuse screen reader users (e.g. the dialog\nmay present a password confirmation form). For these cases,\nit's better to associate only the elements that will help describe\nthe confirmation dialog through this API.",