@fluentui/web-components 3.0.0-beta.70 → 3.0.0-beta.72

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 25 Oct 2024 20:54:28 GMT and should not be manually modified.
+This log was last generated on Wed, 30 Oct 2024 04:06:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.72](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.72)
+
+Wed, 30 Oct 2024 04:06:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.71..@fluentui/web-components_v3.0.0-beta.72)
+
+### Changes
+
+- add swapStates function for attribute-driven internal states ([PR #33156](https://github.com/microsoft/fluentui/pull/33156) by 863023+radium-v@users.noreply.github.com)
+
+## [3.0.0-beta.71](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.71)
+
+Tue, 29 Oct 2024 04:06:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.70..@fluentui/web-components_v3.0.0-beta.71)
+
+### Changes
+
+- replace state partials with stateSelector function ([PR #33037](https://github.com/microsoft/fluentui/pull/33037) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-beta.70](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.70)
 
-Fri, 25 Oct 2024 20:54:28 GMT 
+Fri, 25 Oct 2024 20:54:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.69..@fluentui/web-components_v3.0.0-beta.70)
 
 ### Changes

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Accordion } from './accordion.js';
 /**
  * @public

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

@@ -101,7 +101,7 @@ export declare class AccordionItem extends BaseAccordionItem {
      * @param prev - previous value
      * @param next - next value
      */
-    sizeChanged(prev: AccordionItemSize, next: AccordionItemSize): void;
+    sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void;
     /**
      * Sets expand and collapsed icon position.
      *
@@ -115,7 +115,7 @@ export declare class AccordionItem extends BaseAccordionItem {
      * @param prev - previous value
      * @param next - next value
      */
-    markerPositionChanged(prev: AccordionItemMarkerPosition, next: AccordionItemMarkerPosition): void;
+    markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void;
     /**
      * Sets the width of the focus state.
      *

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

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

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

@@ -1,7 +1,7 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
 import type { StartEndOptions } from '../patterns/index.js';
-import { type AnchorButtonAppearance, type AnchorButtonShape, type AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
+import { StartEnd } from '../patterns/index.js';
+import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
 /**
  * Anchor configuration options
  * @public

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

@@ -43,7 +43,7 @@ export declare const AnchorButtonSize: {
  * @public
  */
 export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
-export { AnchorOptions as AnchorButtonOptions };
+export type { AnchorOptions as AnchorButtonOptions };
 /**
  * Anchor target values.
  *

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate, type ViewTemplate } from '@microsoft/fast-element';
 import type { AnchorButton, AnchorOptions } from './anchor-button.js';
 /**
  * The template for the Button component.

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

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize } from './avatar.options.js';
+import { type AvatarActive, type AvatarAppearance, AvatarColor, AvatarNamedColor, type AvatarShape, type AvatarSize } from './avatar.options.js';
 /**
  * The base class used for constructing a fluent-avatar custom element
  * @public
@@ -119,7 +119,7 @@ export declare class Avatar extends BaseAvatar {
     /**
      * An array of the available Avatar named colors
      */
-    static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
+    static colors: ("anchor" | "beige" | "blue" | "brass" | "brown" | "cornflower" | "cranberry" | "dark-green" | "dark-red" | "forest" | "gold" | "grape" | "lavender" | "light-teal" | "lilac" | "magenta" | "marigold" | "mink" | "navy" | "peach" | "pink" | "platinum" | "plum" | "pumpkin" | "purple" | "red" | "royal-blue" | "seafoam" | "steel" | "teal")[];
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Avatar } from './avatar.js';
 /**
  * The template for the Avatar component.

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

@@ -1,4 +1,4 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/index.js';
 import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
 import type { Badge } from './badge.js';
 /**

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Badge } from './badge.js';
 import type { BadgeOptions } from './badge.options.js';
 /**

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

@@ -1,7 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { StartEnd } from '../patterns/index.js';
-import type { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize } from './button.options.js';
-import { ButtonType } from './button.options.js';
+import { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType } from './button.options.js';
 /**
  * A Button Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.

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

@@ -1,4 +1,4 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/index.js';
 import type { ValuesOf } from '../utils/index.js';
 import type { Button } from './button.js';
 /**

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

@@ -1,6 +1,6 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Button } from './button.js';
-import { ButtonOptions } from './button.options.js';
+import type { ButtonOptions } from './button.options.js';
 /**
  * Generates a template for the Button component.
  *

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

@@ -43,4 +43,4 @@ export declare const CompoundButtonSize: {
  * @public
  */
 export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
-export { ButtonOptions as CompoundButtonOptions };
+export type { ButtonOptions as CompoundButtonOptions };

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { CompoundButton } from './compound-button.js';
 import type { CompoundButtonOptions } from './compound-button.options.js';
 /**

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

@@ -1,4 +1,4 @@
-import { BadgeOptions } from '../badge/badge.options.js';
+import type { BadgeOptions } from '../badge/badge.options.js';
 import type { ValuesOf } from '../utils/index.js';
 /**
  * CounterBadge options

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

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { CounterBadge } from './counter-badge.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { CounterBadge } from './counter-badge.js';
 /**
  * The template for the Counter Badge component.
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Dialog } from './dialog.js';
 /**
  * Template for the Dialog component

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 /**
  * Template for the dialog form
  * @public

package/dist/dts/divider/divider.d.ts

@@ -45,7 +45,7 @@ export declare class BaseDivider extends FASTElement {
      * @param next - the current orientation value
      * @internal
      */
-    orientationChanged(previous: string | null, next: string | null): void;
+    orientationChanged(previous: DividerRole | undefined, next: DividerRole | undefined): void;
 }
 /**
  * A Divider Custom HTML Element.

package/dist/dts/divider/divider.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Divider } from './divider.js';
 export declare function dividerTemplate<T extends Divider>(): ElementViewTemplate<T>;
 /**

package/dist/dts/drawer/drawer.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Drawer } from './drawer.js';
 /**
  * The template for the Drawer component.

package/dist/dts/drawer-body/drawer-body.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { DrawerBody } from './drawer-body.js';
 /**
  * The template for the Drawer component.

package/dist/dts/field/field.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { LabelPosition, SlottableInput } from './field.options.js';
+import { LabelPosition, type SlottableInput } from './field.options.js';
 /**
  * A Field Custom HTML Element.
  *

package/dist/dts/field/field.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 /**
  * Template for the Field component
  * @public

package/dist/dts/image/image.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Image } from './image.js';
 /**
  * Template for the Image component

package/dist/dts/label/label.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Label } from './label.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { Label } from './label.js';
 /**
  * The template for the Fluent label web-component.
  * @public

package/dist/dts/link/link.d.ts

@@ -1,5 +1,5 @@
 import { BaseAnchor } from '../anchor-button/anchor-button.js';
-import { type LinkAppearance } from './link.options.js';
+import { LinkAppearance } from './link.options.js';
 /**
  * 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/link/link.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
 import type { Link } from './link.js';
 /**
  * The template for the Link component.

package/dist/dts/menu/menu.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { MenuList } from '../menu-list/menu-list.js';
+import type { MenuList } from '../menu-list/menu-list.js';
 /**
  * A Menu component that provides a customizable menu element.
  * @class Menu

package/dist/dts/menu/menu.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Menu } from './menu.js';
 export declare function menuTemplate<T extends Menu>(): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<Menu>;

package/dist/dts/menu-button/menu-button.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MenuButton } from './menu-button.js';
 /**
  * The template for the Button component.

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

@@ -1,4 +1,4 @@
-import { ElementsFilter, FASTElement } from '@microsoft/fast-element';
+import { type ElementsFilter, FASTElement } from '@microsoft/fast-element';
 import type { StartEndOptions } from '../patterns/start-end.js';
 import { StartEnd } from '../patterns/start-end.js';
 import type { StaticallyComposableHTML } from '../utils/template-helpers.js';

package/dist/dts/menu-item/menu-item.styles.d.ts

@@ -1,8 +1,3 @@
-/**
- * Selector for the `submenu` state.
- * @public
- */
-export declare const submenuState: import("@microsoft/fast-element").CSSDirective;
 /** MenuItem styles
  * @public
  */

package/dist/dts/menu-list/menu-list.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MenuList } from './menu-list.js';
 export declare function menuTemplate<T extends MenuList>(): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<MenuList>;

package/dist/dts/message-bar/message-bar.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MessageBar } from './message-bar.js';
 /**
  * Generates a template for the MessageBar component.

package/dist/dts/patterns/start-end.d.ts

@@ -1,4 +1,4 @@
-import { CaptureType } from '@microsoft/fast-element';
+import { type CaptureType } from '@microsoft/fast-element';
 import type { StaticallyComposableHTML } from '../utils/index.js';
 /**
  * Start configuration options

package/dist/dts/radio/radio.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Radio } from './radio.js';
 import type { RadioOptions } from './radio.options.js';
 /**

package/dist/dts/radio-group/radio-group.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { RadioGroup } from './radio-group.js';
 export declare function radioGroupTemplate<T extends RadioGroup>(): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<RadioGroup>;

package/dist/dts/rating-display/rating-display.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { RatingDisplay } from './rating-display.js';
 /**
  * Generates a template for the Rating Display component.

package/dist/dts/slider/slider.d.ts

@@ -1,6 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { Direction, Orientation } from '@microsoft/fast-web-utilities';
-import { SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
+import { type SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
 /**
  * The base class used for constructing a fluent-slider custom element
  *
@@ -38,7 +38,7 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * HTML Attribute: size
      */
     size?: SliderSize;
-    protected sizeChanged(prev: string, next: string): void;
+    protected sizeChanged(prev: SliderSize | undefined, next: SliderSize | undefined): void;
     handleChange(_: any, propertyName: string): void;
     private stepStyles?;
     /**
@@ -277,7 +277,7 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * apply different behavior when it’s vertical.
      */
     orientation?: Orientation;
-    protected orientationChanged(prev: string | undefined, next: string | undefined): void;
+    protected orientationChanged(prev: Orientation | undefined, next: Orientation | undefined): void;
     /**
      * The selection mode.
      *

package/dist/dts/spinner/spinner.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
+import { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 /**
  * The base class used for constructing a fluent-spinner custom element
  * @public

package/dist/dts/spinner/spinner.template.d.ts

@@ -1,2 +1,2 @@
-import { Spinner } from './spinner.js';
+import type { Spinner } from './spinner.js';
 export declare const template: import("@microsoft/fast-element").ViewTemplate<Spinner, any>;