@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.23

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 24 May 2024 04:06:12 GMT and should not be manually modified.
+This log was last generated on Wed, 05 Jun 2024 04:06:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [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:30 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: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
+
+- chore: Export component definitions from rollup bundle ([PR #31403](https://github.com/microsoft/fluentui/pull/31403) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.21)
 
-Fri, 24 May 2024 04:06:12 GMT 
+Fri, 24 May 2024 04:06:21 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.20..@fluentui/web-components_v3.0.0-beta.21)
 
 ### 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

@@ -1,6 +1,6 @@
 import type { ValuesOf } from '../utils/index.js';
 /**
- * Expand mode for {@link FASTAccordion}
+ * Expand mode for {@link Accordion}
  * @public
  */
 export declare const AccordionExpandMode: {
@@ -8,7 +8,7 @@ export declare const AccordionExpandMode: {
     readonly multi: "multi";
 };
 /**
- * Type for the {@link FASTAccordion} Expand Mode
+ * 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>;
 };
@@ -33,7 +33,6 @@ export declare class AccordionItem extends FASTElement {
      * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
      * heading element.
      *
-     * @defaultValue 2
      * @public
      * @remarks
      * HTML attribute: heading-level
@@ -67,7 +66,6 @@ export declare class AccordionItem extends FASTElement {
      * Defines accordion header font size.
      *
      * @public
-     * @default 'medium'
      * @remarks
      * HTML Attribute: size
      */
@@ -84,9 +82,8 @@ export declare class AccordionItem extends FASTElement {
      * Sets expand and collapsed icon position.
      *
      * @public
-     * @default 'start'
      * @remarks
-     * HTML Attribute: expandIconPosition
+     * HTML Attribute: expand-icon-position
      */
     expandIconPosition?: AccordionItemExpandIconPosition;
     /**

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/accordion-item/accordion-item.template.d.ts

@@ -1,5 +1,5 @@
 import { ElementViewTemplate } from '@microsoft/fast-element';
-import { AccordionItem, AccordionItemOptions } from './accordion-item.js';
+import type { AccordionItem, AccordionItemOptions } from './accordion-item.js';
 export declare function accordionItemTemplate<T extends AccordionItem>(options?: AccordionItemOptions): ElementViewTemplate<T>;
 /**
  * The template for the fluent-accordion component.

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

@@ -1,4 +1,5 @@
-export { AccordionItem, AccordionItemOptions } from './accordion-item.js';
+export { AccordionItem } from './accordion-item.js';
+export type { AccordionItemOptions } from './accordion-item.js';
 export { AccordionItemSize, AccordionItemExpandIconPosition } from './accordion-item.options.js';
 export { styles as accordionItemStyles } from './accordion-item.styles.js';
 export { definition as accordionItemDefinition } from './accordion-item.definition.js';

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/anchor-button/index.d.ts

@@ -1,4 +1,5 @@
+export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';
 export { AnchorButton } from './anchor-button.js';
-export { AnchorButtonOptions, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, } from './anchor-button.options.js';
+export { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget } from './anchor-button.options.js';
+export type { AnchorButtonOptions } from './anchor-button.options.js';
 export { template as AnchorButtonTemplate } from './anchor-button.template.js';
-export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';

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/button/index.d.ts

@@ -1,5 +1,6 @@
+export { definition as ButtonDefinition } from './button.definition.js';
 export { Button } from './button.js';
-export { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, ButtonOptions, } from './button.options.js';
-export { template as ButtonTemplate } from './button.template.js';
+export { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType } from './button.options.js';
+export type { ButtonOptions } from './button.options.js';
 export { styles as ButtonStyles } from './button.styles.js';
-export { definition as ButtonDefinition } from './button.definition.js';
+export { template as ButtonTemplate } from './button.template.js';

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>;
 };
@@ -27,7 +27,6 @@ export declare class Checkbox extends FormAssociatedCheckbox {
      * Sets shape of the checkbox.
      *
      * @public
-     * @default 'square'
      * @remarks
      * HTML Attribute: shape
      */
@@ -36,7 +35,6 @@ export declare class Checkbox extends FormAssociatedCheckbox {
      * Sets size of the checkbox.
      *
      * @public
-     * @default 'medium'
      * @remarks
      * HTML Attribute: size
      */
@@ -45,7 +43,6 @@ export declare class Checkbox extends FormAssociatedCheckbox {
      * Sets position of the label relative to the input
      *
      * @public
-     * @default 'after'
      * @remarks
      * HTML Attribute: label-position
      */

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/checkbox/index.d.ts

@@ -1,5 +1,6 @@
-export { Checkbox, CheckboxOptions } from './checkbox.js';
-export { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { definition as CheckboxDefinition } from './checkbox.definition.js';
-export { template as CheckboxTemplate } from './checkbox.template.js';
+export { Checkbox } from './checkbox.js';
+export type { CheckboxOptions } from './checkbox.js';
+export { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
 export { styles as CheckboxStyles } from './checkbox.styles.js';
+export { template as CheckboxTemplate } from './checkbox.template.js';

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';