@fluentui/web-components 3.0.0-beta.22 → 3.0.0-beta.24

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Mon, 03 Jun 2024 04:06:46 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Jun 2024 04:06:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.24)
+
+Thu, 06 Jun 2024 04:06:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.23..@fluentui/web-components_v3.0.0-beta.24)
+
+### Changes
+
+- add @floating-ui/dom as a dependency ([PR #31590](https://github.com/microsoft/fluentui/pull/31590) by zacky.ma@microsoft.com)
+- fix disabled button styles ([PR #31585](https://github.com/microsoft/fluentui/pull/31585) by rupertdavid@microsoft.com)
+
+## [3.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.23)
+
+Wed, 05 Jun 2024 04:06:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.22..@fluentui/web-components_v3.0.0-beta.23)
+
+### Changes
+
+- chore: migrate to package.json#files for npm publish scope" ([PR #31519](https://github.com/microsoft/fluentui/pull/31519) by martinhochel@microsoft.com)
+- Refactor fluent-dialog and add fluent-dialog-body ([PR #31512](https://github.com/microsoft/fluentui/pull/31512) by rupertdavid@microsoft.com)
+- fix(web-components): remove tabindex from slider thumb causing duplicate focus regions ([PR #31402](https://github.com/microsoft/fluentui/pull/31402) by 13071055+chrisdholt@users.noreply.github.com)
+
 ## [3.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.22)
 
-Mon, 03 Jun 2024 04:06:46 GMT 
+Mon, 03 Jun 2024 04:06:55 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.21..@fluentui/web-components_v3.0.0-beta.22)
 
 ### Changes

package/dist/dts/accordion/accordion.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/accordion/accordion.options.d.ts

@@ -11,4 +11,4 @@ export declare const AccordionExpandMode: {
  * Type for the {@link Accordion} Expand Mode
  * @public
  */
-export declare type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
+export type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;

package/dist/dts/accordion-item/accordion-item.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/accordion-item/accordion-item.d.ts

@@ -7,7 +7,7 @@ import { AccordionItemExpandIconPosition, AccordionItemSize } from './accordion-
  * Accordion Item configuration options
  * @public
  */
-export declare type AccordionItemOptions = StartEndOptions<AccordionItem> & {
+export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
     expandedIcon?: StaticallyComposableHTML<AccordionItem>;
     collapsedIcon?: StaticallyComposableHTML<AccordionItem>;
 };

package/dist/dts/accordion-item/accordion-item.options.d.ts

@@ -12,7 +12,7 @@ export declare const AccordionItemSize: {
  * Applies font size to accordion header
  * @public
  */
-export declare type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
+export type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
 /**
  * An Accordion Item expand/collapse icon can appear at the start or end of the accordion
  */
@@ -24,4 +24,4 @@ export declare const AccordionItemExpandIconPosition: {
  * Applies expand/collapse icon position
  * @public
  */
-export declare type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;
+export type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;

package/dist/dts/anchor-button/anchor-button.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/anchor-button/anchor-button.d.ts

@@ -6,7 +6,7 @@ import type { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, Ancho
  * Anchor configuration options
  * @public
  */
-export declare type AnchorOptions = StartEndOptions<AnchorButton>;
+export type AnchorOptions = StartEndOptions<AnchorButton>;
 /**
  * An Anchor Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.

package/dist/dts/anchor-button/anchor-button.options.d.ts

@@ -15,7 +15,7 @@ export declare const AnchorButtonAppearance: {
  * An Anchor Button can be secondary, primary, outline, subtle, transparent
  * @public
  */
-export declare type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
+export type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
 /**
  * An Anchor Button can be square, circular or rounded.
  * @public
@@ -29,7 +29,7 @@ export declare const AnchorButtonShape: {
  * An Anchor Button can be square, circular or rounded
  * @public
  */
-export declare type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
+export type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
 /**
  * An Anchor Button can be a size of small, medium or large.
  * @public
@@ -43,7 +43,7 @@ export declare const AnchorButtonSize: {
  * An Anchor Button can be on of several preset sizes.
  * @public
  */
-export declare type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
+export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
 export { AnchorOptions as AnchorButtonOptions };
 /**
  * Anchor target values.
@@ -61,4 +61,4 @@ export declare const AnchorTarget: {
  *
  * @public
  */
-export declare type AnchorTarget = ValuesOf<typeof AnchorTarget>;
+export type AnchorTarget = ValuesOf<typeof AnchorTarget>;

package/dist/dts/avatar/avatar.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/avatar/avatar.options.d.ts

@@ -9,7 +9,7 @@ export declare const AvatarActive: {
 /**
  * The types of Avatar active state
  */
-export declare type AvatarActive = ValuesOf<typeof AvatarActive>;
+export type AvatarActive = ValuesOf<typeof AvatarActive>;
 /**
  * The Avatar Shape
  */
@@ -20,7 +20,7 @@ export declare const AvatarShape: {
 /**
  * The types of Avatar Shape
  */
-export declare type AvatarShape = ValuesOf<typeof AvatarShape>;
+export type AvatarShape = ValuesOf<typeof AvatarShape>;
 /**
  * The Avatar Appearance when "active"
  */
@@ -32,7 +32,7 @@ export declare const AvatarAppearance: {
 /**
  * The appearance when "active"
  */
-export declare type AvatarAppearance = ValuesOf<typeof AvatarAppearance>;
+export type AvatarAppearance = ValuesOf<typeof AvatarAppearance>;
 /**
  * A specific named color for the Avatar
  */
@@ -72,7 +72,7 @@ export declare const AvatarNamedColor: {
  * An avatar can be one of named colors
  * @public
  */
-export declare type AvatarNamedColor = ValuesOf<typeof AvatarNamedColor>;
+export type AvatarNamedColor = ValuesOf<typeof AvatarNamedColor>;
 /**
  * Supported Avatar colors
  */
@@ -114,7 +114,7 @@ export declare const AvatarColor: {
 /**
  * The Avatar Color
  */
-export declare type AvatarColor = ValuesOf<typeof AvatarColor>;
+export type AvatarColor = ValuesOf<typeof AvatarColor>;
 /**
  * The Avatar Sizes
  * @public
@@ -139,4 +139,4 @@ export declare const AvatarSize: {
  * A Avatar can be on of several preset sizes.
  * @public
  */
-export declare type AvatarSize = ValuesOf<typeof AvatarSize>;
+export type AvatarSize = ValuesOf<typeof AvatarSize>;

package/dist/dts/badge/badge.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/badge/badge.options.d.ts

@@ -4,7 +4,7 @@ import type { Badge } from './badge.js';
 /**
  * @internal - marking as internal update when Badge PR for start/end is in
  */
-export declare type BadgeOptions = StartEndOptions<Badge> & {
+export type BadgeOptions = StartEndOptions<Badge> & {
     defaultContent?: StaticallyComposableHTML;
 };
 /**
@@ -21,7 +21,7 @@ export declare const BadgeAppearance: {
  * A Badge can be filled, outline, ghost, inverted
  * @public
  */
-export declare type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
+export type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
 /**
  * BadgeColor constants
  * @public
@@ -40,7 +40,7 @@ export declare const BadgeColor: {
  * A Badge can be one of preset colors
  * @public
  */
-export declare type BadgeColor = ValuesOf<typeof BadgeColor>;
+export type BadgeColor = ValuesOf<typeof BadgeColor>;
 /**
  * A Badge can be square, circular or rounded.
  * @public
@@ -54,7 +54,7 @@ export declare const BadgeShape: {
  * A Badge can be one of preset colors
  * @public
  */
-export declare type BadgeShape = ValuesOf<typeof BadgeShape>;
+export type BadgeShape = ValuesOf<typeof BadgeShape>;
 /**
  * A Badge can be square, circular or rounded.
  * @public
@@ -71,4 +71,4 @@ export declare const BadgeSize: {
  * A Badge can be on of several preset sizes.
  * @public
  */
-export declare type BadgeSize = ValuesOf<typeof BadgeSize>;
+export type BadgeSize = ValuesOf<typeof BadgeSize>;

package/dist/dts/button/button.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/button/button.options.d.ts

@@ -16,7 +16,7 @@ export declare const ButtonAppearance: {
  * A Button can be secondary, primary, outline, subtle, transparent
  * @public
  */
-export declare type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
+export type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
 /**
  * A Button can be square, circular or rounded.
  * @public
@@ -30,7 +30,7 @@ export declare const ButtonShape: {
  * A Button can be square, circular or rounded
  * @public
  */
-export declare type ButtonShape = ValuesOf<typeof ButtonShape>;
+export type ButtonShape = ValuesOf<typeof ButtonShape>;
 /**
  * A Button can be a size of small, medium or large.
  * @public
@@ -44,7 +44,7 @@ export declare const ButtonSize: {
  * A Button can be on of several preset sizes.
  * @public
  */
-export declare type ButtonSize = ValuesOf<typeof ButtonSize>;
+export type ButtonSize = ValuesOf<typeof ButtonSize>;
 /**
  * Button type values.
  *
@@ -60,12 +60,12 @@ export declare const ButtonType: {
  *
  * @public
  */
-export declare type ButtonType = ValuesOf<typeof ButtonType>;
+export type ButtonType = ValuesOf<typeof ButtonType>;
 /**
  * Button configuration options.
  * @public
  */
-export declare type ButtonOptions = StartEndOptions<Button>;
+export type ButtonOptions = StartEndOptions<Button>;
 /**
  * Button `formtarget` attribute values.
  * @public
@@ -80,4 +80,4 @@ export declare const ButtonFormTarget: {
  * Types for the `formtarget` attribute values.
  * @public
  */
-export declare type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;
+export type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;

package/dist/dts/checkbox/checkbox.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/checkbox/checkbox.d.ts

@@ -5,7 +5,7 @@ import { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.o
  * Checkbox configuration options
  * @public
  */
-export declare type CheckboxOptions = {
+export type CheckboxOptions = {
     checkedIndicator?: StaticallyComposableHTML<Checkbox>;
     indeterminateIndicator?: StaticallyComposableHTML<Checkbox>;
 };

package/dist/dts/checkbox/checkbox.options.d.ts

@@ -7,7 +7,7 @@ export declare const CheckboxShape: {
     readonly circular: "circular";
     readonly square: "square";
 };
-export declare type CheckboxShape = ValuesOf<typeof CheckboxShape>;
+export type CheckboxShape = ValuesOf<typeof CheckboxShape>;
 /**
  * Checkbox size
  * @public
@@ -16,7 +16,7 @@ export declare const CheckboxSize: {
     readonly medium: "medium";
     readonly large: "large";
 };
-export declare type CheckboxSize = ValuesOf<typeof CheckboxSize>;
+export type CheckboxSize = ValuesOf<typeof CheckboxSize>;
 /**
  * Checkbox label position
  * @public
@@ -25,4 +25,4 @@ export declare const CheckboxLabelPosition: {
     readonly before: "before";
     readonly after: "after";
 };
-export declare type CheckboxLabelPosition = ValuesOf<typeof CheckboxLabelPosition>;
+export type CheckboxLabelPosition = ValuesOf<typeof CheckboxLabelPosition>;

package/dist/dts/compound-button/compound-button.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/compound-button/compound-button.options.d.ts

@@ -19,7 +19,7 @@ export declare const CompoundButtonAppearance: {
  * A Compound Button can be secondary, primary, outline, subtle, transparent
  * @public
  */
-export declare type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearance>;
+export type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearance>;
 /**
  * A Compound Button can be square, circular or rounded.
  * @public
@@ -33,7 +33,7 @@ export declare const CompoundButtonShape: {
  * A Compound Button can be square, circular or rounded
  * @public
  */
-export declare type CompoundButtonShape = ValuesOf<typeof CompoundButtonShape>;
+export type CompoundButtonShape = ValuesOf<typeof CompoundButtonShape>;
 /**
  * A Compound Button can be a size of small, medium or large.
  * @public
@@ -47,5 +47,5 @@ export declare const CompoundButtonSize: {
  * A Compound Button can be on of several preset sizes.
  * @public
  */
-export declare type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
+export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
 export { ButtonOptions as CompoundButtonOptions };

package/dist/dts/counter-badge/counter-badge.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/counter-badge/counter-badge.options.d.ts

@@ -4,7 +4,7 @@ import type { ValuesOf } from '../utils/index.js';
  * CounterBadge options
  * @public
  */
-export declare type CounterBadgeOptions = BadgeOptions;
+export type CounterBadgeOptions = BadgeOptions;
 /**
  * CounterBadgeAppearance constants
  * @public
@@ -17,7 +17,7 @@ export declare const CounterBadgeAppearance: {
  * A CounterBadge can have an appearance of filled or ghost
  * @public
  */
-export declare type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
+export type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
 /**
  * CounterBadgeColor constants
  * @public
@@ -36,7 +36,7 @@ export declare const CounterBadgeColor: {
  * A CounterBadge can be one of preset colors
  * @public
  */
-export declare type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
+export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
 /**
  * A CounterBadge shape can be circular or rounded.
  * @public
@@ -49,7 +49,7 @@ export declare const CounterBadgeShape: {
  * A CounterBadge can be one of preset colors
  * @public
  */
-export declare type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
+export type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
 /**
  * A CounterBadge can be square, circular or rounded.
  * @public
@@ -66,4 +66,4 @@ export declare const CounterBadgeSize: {
  * A CounterBadge can be on of several preset sizes.
  * @public
  */
-export declare type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
+export type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;

package/dist/dts/dialog/dialog.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/dialog/dialog.d.ts

@@ -1,42 +1,16 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { Button as FluentButton } from '../button/button.js';
-import { DialogModalType } from './dialog.options.js';
+import { DialogType } from './dialog.options.js';
 /**
  * A Dialog Custom HTML Element.
  *
  * @public
  */
 export declare class Dialog extends FASTElement {
-    /**
-     * @internal
-     * Indicates whether focus is being trapped within the dialog
-     */
-    private isTrappingFocus;
-    /**
-     * @public
-     * Lifecycle method called when the element is connected to the DOM
-     */
-    connectedCallback(): void;
-    /**
-     * @public
-     * Lifecycle method called when the element is disconnected from the DOM
-     */
-    disconnectedCallback(): void;
     /**
      * @public
      * The dialog element
      */
     dialog: HTMLDialogElement;
-    /**
-     * @public
-     * The title action elements
-     */
-    titleAction: HTMLElement[];
-    /**
-     * @public
-     * The default title action button
-     */
-    defaultTitleAction?: FluentButton;
     /**
      * @public
      * The ID of the element that describes the dialog
@@ -51,43 +25,19 @@ export declare class Dialog extends FASTElement {
      * @public
      * The type of the dialog modal
      */
-    modalType: DialogModalType;
-    /**
-     * @public
-     * Indicates whether the dialog is open
-     */
-    open: boolean;
-    /**
-     * @public
-     * Indicates whether the dialog has a title action
-     */
-    noTitleAction: boolean;
-    /**
-     * @internal
-     * Indicates whether focus should be trapped within the dialog
-     */
-    private trapFocus;
+    type: DialogType;
     /**
      * @public
-     * Method called when the 'open' attribute changes
+     * Method to emit an event before the dialog's open state changes
+     * HTML spec proposal: https://github.com/whatwg/html/issues/9733
      */
-    openChanged(oldValue: boolean, newValue: boolean): void;
+    emitBeforeToggle: () => void;
     /**
      * @public
-     * Method called when the 'modalType' attribute changes
+     * Method to emit an event after the dialog's open state changes
+     * HTML spec proposal: https://github.com/whatwg/html/issues/9733
      */
-    modalTypeChanged(oldValue: DialogModalType, newValue: DialogModalType): void;
-    /**
-     * @public
-     * Method to set the component's state based on its attributes
-     */
-    setComponent(): void;
-    /**
-     * @public
-     * Method to emit an event when the dialog's open state changes
-     * @param dismissed - Indicates whether the dialog was dismissed
-     */
-    onOpenChangeEvent: (dismissed?: boolean) => void;
+    emitToggle: () => void;
     /**
      * @public
      * Method to show the dialog
@@ -96,96 +46,13 @@ export declare class Dialog extends FASTElement {
     /**
      * @public
      * Method to hide the dialog
-     * @param dismissed - Indicates whether the dialog was dismissed
-     */
-    hide(dismissed?: boolean): void;
-    /**
-     * @public
-     * Method to dismiss the dialog
      */
-    dismiss(): void;
+    hide(): void;
     /**
      * @public
-     * Handles click events on the dialog
+     * Handles click events on the dialog overlay for light-dismiss
      * @param event - The click event
      * @returns boolean
      */
-    handleClick(event: Event): boolean;
-    /**
-     * @public
-     * Handles keydown events on the dialog
-     * @param e - The keydown event
-     * @returns boolean | void
-     */
-    handleKeydown: (e: KeyboardEvent) => boolean | void;
-    /**
-     * @internal
-     * Handles keydown events on the document
-     * @param e - The keydown event
-     */
-    private handleDocumentKeydown;
-    /**
-     * @internal
-     * Handles tab keydown events
-     * @param e - The keydown event
-     */
-    private handleTabKeyDown;
-    /**
-     * @internal
-     * Gets the bounds of the tab queue
-     * @returns (HTMLElement | SVGElement)[]
-     */
-    private getTabQueueBounds;
-    /**
-     * @internal
-     * Focuses the first element in the tab queue
-     */
-    private focusFirstElement;
-    /**
-     * @internal
-     * Determines if focus should be forced
-     * @param currentFocusElement - The currently focused element
-     * @returns boolean
-     */
-    private shouldForceFocus;
-    /**
-     * @internal
-     * Determines if focus should be trapped
-     * @returns boolean
-     */
-    private shouldTrapFocus;
-    /**
-     * @internal
-     * Handles focus events on the document
-     * @param e - The focus event
-     */
-    private handleDocumentFocus;
-    /**
-     * @internal
-     * Updates the state of focus trapping
-     * @param shouldTrapFocusOverride - Optional override for whether focus should be trapped
-     */
-    private updateTrapFocus;
-    /**
-     * @internal
-     * Reduces the list of tabbable items
-     * @param elements - The current list of elements
-     * @param element - The element to consider adding to the list
-     * @returns HTMLElement[]
-     */
-    private static reduceTabbableItems;
-    /**
-     * @internal
-     * Determines if an element is a focusable FASTElement
-     * @param element - The element to check
-     * @returns boolean
-     */
-    private static isFocusableFastElement;
-    /**
-     * @internal
-     * Determines if an element has a tabbable shadow
-     * @param element - The element to check
-     * @returns boolean
-     */
-    private static hasTabbableShadow;
+    clickHandler(event: Event): boolean;
 }

package/dist/dts/dialog/dialog.options.d.ts

@@ -3,9 +3,9 @@ import type { ValuesOf } from '../utils/index.js';
  * Dialog modal type
  * @public
  */
-export declare const DialogModalType: {
+export declare const DialogType: {
     readonly modal: "modal";
     readonly nonModal: "non-modal";
     readonly alert: "alert";
 };
-export declare type DialogModalType = ValuesOf<typeof DialogModalType>;
+export type DialogType = ValuesOf<typeof DialogType>;

package/dist/dts/dialog/index.d.ts

@@ -1,5 +1,5 @@
 export { Dialog } from './dialog.js';
-export { DialogModalType } from './dialog.options.js';
+export { DialogType } from './dialog.options.js';
 export { definition as DialogDefinition } from './dialog.definition.js';
 export { template as DialogTemplate } from './dialog.template.js';
 export { styles as DialogStyles } from './dialog.styles.js';

package/dist/dts/dialog-body/define.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dts/dialog-body/dialog-body.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/dialog-body/dialog-body.d.ts

@@ -0,0 +1,14 @@
+import { FASTElement } from '@microsoft/fast-element';
+/**
+ * Dialog Body component that extends the FASTElement class.
+ *
+ * @public
+ * @extends FASTElement
+ */
+export declare class DialogBody extends FASTElement {
+    /**
+     * @public
+     * Indicates whether the dialog has a title action
+     */
+    noTitleAction: boolean;
+}

package/dist/dts/dialog-body/dialog-body.definition.d.ts

@@ -0,0 +1,9 @@
+import { DialogBody } from './dialog-body.js';
+/**
+ * The Fluent Dialog Body Element
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-dialog-body\>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof DialogBody>;

package/dist/dts/dialog-body/dialog-body.styles.d.ts

@@ -0,0 +1,4 @@
+/** Dialog Body styles
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;