@fluentui/web-components 3.0.0-rc.17 → 3.0.0-rc.19

package/dist/web-components.d.ts

@@ -6401,6 +6401,7 @@ export declare const CompoundButtonStyles: ElementStyles;
 
 /**
  * The template for the Button component.
+ *
  * @public
  */
 export declare const CompoundButtonTemplate: ElementViewTemplate<CompoundButton>;
@@ -6666,7 +6667,6 @@ export declare class Dialog extends FASTElement {
      * @public
      */
     dialog: HTMLDialogElement;
-    protected dialogChanged(): void;
     /**
      * The ID of the element that describes the dialog
      *
@@ -6691,14 +6691,49 @@ export declare class Dialog extends FASTElement {
      * @public
      */
     type: DialogType;
-    protected typeChanged(prev: DialogType | undefined, next: DialogType): void;
+    /**
+     * The `aria-describedby` attribute value for the dialog, which is determined by the `ariaDescribedby` property. This
+     * is used to ensure that the dialog's accessible description is properly announced by assistive technologies.
+     *
+     * @internal
+     */
+    get dialogDescribedby(): string | undefined;
+    /**
+     * The `aria-label` attribute value for the dialog, which is determined by the `ariaLabel` property. This is used to
+     * ensure that the dialog's accessible name is properly announced by assistive technologies.
+     *
+     * @internal
+     */
+    get dialogLabel(): string | null | undefined;
+    /**
+     * The `aria-labelledby` attribute value for the dialog, which is determined by the `ariaLabelledby` property. This is
+     * used to ensure that the dialog's accessible name is properly announced by assistive technologies.
+     *
+     * @internal
+     */
+    get dialogLabelledby(): string | undefined;
+    /**
+     * The modal state of the dialog, which is determined by the `type` property. If the dialog is not a non-modal dialog,
+     * the modal state will be true, otherwise it will be undefined.
+     *
+     * @internal
+     */
+    get dialogModal(): boolean | undefined;
+    /**
+     * The role of the dialog, which is determined by the `type` property. If the dialog is an alert dialog, the role will
+     * be 'alertdialog', otherwise it will be undefined.
+     *
+     * @internal
+     */
+    get dialogRole(): string | undefined;
+    connectedCallback(): void;
     /**
      * Method to emit an event before the dialog's open state changes
      * HTML spec proposal: https://github.com/whatwg/html/issues/9733
      *
      * @public
      */
-    emitBeforeToggle: () => void;
+    emitBeforeToggle(): void;
     /**
      * Method to emit an event after the dialog's open state changes
      * HTML spec proposal: https://github.com/whatwg/html/issues/9733
@@ -6726,12 +6761,6 @@ export declare class Dialog extends FASTElement {
      * @returns boolean
      */
     clickHandler(event: Event): boolean;
-    /**
-     * Updates the internal dialog element's attributes based on its type.
-     *
-     * @internal
-     */
-    protected updateDialogAttributes(): void;
 }
 
 /**
@@ -6976,7 +7005,6 @@ export declare const DividerTemplate: ElementViewTemplate<Divider>;
  * @tag fluent-drawer
  */
 export declare class Drawer extends FASTElement {
-    protected roleAttrObserver: MutationObserver;
     /**
      * Determines whether the drawer should be displayed as modal or non-modal
      * When rendered as a modal, an overlay is applied over the rest of the view.
@@ -6984,7 +7012,6 @@ export declare class Drawer extends FASTElement {
      * @public
      */
     type: DrawerType;
-    protected typeChanged(): void;
     /**
      * The ID of the element that labels the drawer.
      *
@@ -7004,6 +7031,7 @@ export declare class Drawer extends FASTElement {
      * @defaultValue start
      */
     position: DrawerPosition;
+    role: string | null;
     /**
      * @public
      * @defaultValue medium
@@ -7016,10 +7044,42 @@ export declare class Drawer extends FASTElement {
      * @public
      */
     dialog: HTMLDialogElement;
-    /** @internal */
+    /**
+     * The `aria-describedby` attribute value for the dialog, which is determined by the `ariaDescribedby` property. This
+     * is used to ensure that the dialog's accessible description is properly announced by assistive technologies.
+     *
+     * @internal
+     */
+    get dialogDescribedby(): string | undefined;
+    /**
+     * The `aria-label` attribute value for the dialog, which is determined by the `ariaLabel` property. This is used to
+     * ensure that the dialog's accessible name is properly announced by assistive technologies.
+     *
+     * @internal
+     */
+    get dialogLabel(): string | null | undefined;
+    /**
+     * The `aria-labelledby` attribute value for the dialog, which is determined by the `ariaLabelledby` property. This is
+     * used to ensure that the dialog's accessible name is properly announced by assistive technologies.
+     *
+     * @internal
+     */
+    get dialogLabelledby(): string | undefined;
+    /**
+     * The modal state of the dialog, which is determined by the `type` property. If the dialog is not a non-modal dialog,
+     * the modal state will be true, otherwise it will be undefined.
+     *
+     * @internal
+     */
+    get dialogModal(): boolean | undefined;
+    /**
+     * The role of the dialog, which is determined by the `type` property. If the dialog is an alert dialog, the role will
+     * be 'alertdialog', otherwise it will be undefined.
+     *
+     * @internal
+     */
+    get dialogRole(): string | null;
     connectedCallback(): void;
-    /** @internal */
-    disconnectedCallback(): void;
     /**
      * Method to emit an event after the dialog's open state changes
      * HTML spec proposal: https://github.com/whatwg/html/issues/9733
@@ -7059,8 +7119,6 @@ export declare class Drawer extends FASTElement {
      * @public
      */
     cancelHandler(): void;
-    protected observeRoleAttr(): void;
-    protected updateDialogRole(): void;
 }
 
 /**
@@ -9407,12 +9465,6 @@ export declare const roleForMenuItem: {
  */
 export declare function setTheme(theme: Theme | null, node?: Document | HTMLElement): void;
 
-/**
- * @internal
- * @deprecated Use `setTheme(theme, element)` instead.
- */
-export declare function setThemeFor(element: HTMLElement, theme: Theme | null): void;
-
 /**
  * CSS custom property value for the {@link @fluentui/tokens#shadow16 | `shadow16`} design token.
  * @public