@fluentui/web-components 3.0.0-beta.14 → 3.0.0-beta.16

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

@@ -1,4 +1,5 @@
-export * from './accordion.js';
+export { Accordion } from './accordion.js';
+export { AccordionExpandMode } from './accordion.options.js';
 export { template as accordionTemplate } from './accordion.template.js';
 export { styles as accordionStyles } from './accordion.styles.js';
 export { definition as accordionDefinition } from './accordion.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './accordion-item.js';
-export * from './accordion-item.options.js';
+export { AccordionItem, 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';
 export { template as accordionItemTemplate } from './accordion-item.template.js';

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

@@ -1,4 +1,4 @@
-export * from './anchor-button.js';
-export * from './anchor-button.options.js';
+export { AnchorButton } from './anchor-button.js';
+export { AnchorButtonOptions, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, } 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/index.d.ts

@@ -1,5 +1,5 @@
-export * from './avatar.js';
-export * from './avatar.options.js';
+export { Avatar } from './avatar.js';
+export { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, } from './avatar.options.js';
 export { template as AvatarTemplate } from './avatar.template.js';
 export { styles as AvatarStyles } from './avatar.styles.js';
 export { definition as AvatarDefinition } from './avatar.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './badge.js';
-export * from './badge.options.js';
+export { Badge } from './badge.js';
+export { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
 export { template as BadgeTemplate } from './badge.template.js';
 export { styles as BadgeStyles } from './badge.styles.js';
 export { definition as BadgeDefinition } from './badge.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './button.js';
-export * from './button.options.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 { styles as ButtonStyles } from './button.styles.js';
 export { definition as ButtonDefinition } from './button.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './checkbox.js';
-export * from './checkbox.options.js';
+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 { styles as CheckboxStyles } from './checkbox.styles.js';

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

@@ -1,5 +1,5 @@
-export * from './compound-button.js';
-export * from './compound-button.options.js';
+export { CompoundButton } from './compound-button.js';
+export { CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize } from './compound-button.options.js';
 export { template as CompoundButtonTemplate } from './compound-button.template.js';
 export { styles as CompoundButtonStyles } from './compound-button.styles.js';
 export { definition as CompoundButtonDefinition } from './compound-button.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './counter-badge.js';
-export * from './counter-badge.options.js';
+export { CounterBadge } from './counter-badge.js';
+export { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, } from './counter-badge.options.js';
 export { template as CounterBadgeTemplate } from './counter-badge.template.js';
 export { styles as CounterBadgeStyles } from './counter-badge.styles.js';
 export { definition as CounterBadgeDefinition } from './counter-badge.definition.js';

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

@@ -1,4 +1,5 @@
-export * from './dialog.js';
+export { Dialog } from './dialog.js';
+export { DialogModalType } 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/divider/index.d.ts

@@ -1,5 +1,5 @@
-export * from './divider.js';
-export * from './divider.options.js';
+export { Divider } from './divider.js';
+export { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
 export { definition as DividerDefinition } from './divider.definition.js';
 export { template as DividerTemplate } from './divider.template.js';
 export { styles as DividerStyles } from './divider.styles.js';

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

@@ -1,5 +1,5 @@
-export * from './image.js';
-export * from './image.options.js';
+export { Image } from './image.js';
+export { ImageFit, ImageShape } from './image.options.js';
 export { definition as ImageDefinition } from './image.definition.js';
 export { template as ImageTemplate } from './image.template.js';
 export { styles as ImageStyles } from './image.styles.js';

package/dist/dts/index-rollup.d.ts

@@ -1 +1,35 @@
-export * from './index.js';
+export { Accordion, AccordionExpandMode, accordionTemplate, accordionStyles, accordionDefinition, } from './accordion/index.js';
+export { AccordionItem, AccordionItemSize, AccordionItemExpandIconPosition, accordionItemTemplate, accordionItemStyles, accordionItemDefinition, } from './accordion-item/index.js';
+export { AnchorButton, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, AnchorButtonTemplate, AnchorButtonDefinition, } from './anchor-button/index.js';
+export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, AvatarTemplate, AvatarStyles, AvatarDefinition, } from './avatar/index.js';
+export { Badge, BadgeAppearance, BadgeColor, BadgeShape, BadgeSize, BadgeTemplate, BadgeStyles, BadgeDefinition, } from './badge/index.js';
+export { Button, ButtonAppearance, ButtonShape, ButtonSize, ButtonType, ButtonTemplate, ButtonStyles, ButtonDefinition, } from './button/index.js';
+export { Checkbox, CheckboxLabelPosition, CheckboxShape, CheckboxSize, CheckboxDefinition, CheckboxTemplate, CheckboxStyles, } from './checkbox/index.js';
+export { CompoundButton, CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize, CompoundButtonTemplate, CompoundButtonStyles, CompoundButtonDefinition, } from './compound-button/index.js';
+export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeTemplate, CounterBadgeStyles, CounterBadgeDefinition, } from './counter-badge/index.js';
+export { Dialog, DialogModalType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
+export { Divider, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerDefinition, DividerTemplate, DividerStyles, } from './divider/index.js';
+export { Image, ImageFit, ImageShape, ImageDefinition, ImageTemplate, ImageStyles } from './image/index.js';
+export { Label, LabelSize, LabelWeight, LabelDefinition, LabelStyles, LabelTemplate } from './label/index.js';
+export { Menu, MenuTemplate, MenuStyles, MenuDefinition } from './menu/index.js';
+export { MenuButton, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonTemplate, MenuButtonStyles, MenuButtonDefinition, } from './menu-button/index.js';
+export { MenuItem, MenuItemRole, roleForMenuItem, MenuItemTemplate, MenuItemStyles, MenuItemDefinition, } from './menu-item/index.js';
+export { MenuList, MenuListTemplate, MenuListStyles, MenuListDefinition } from './menu-list/index.js';
+export { ProgressBar, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, ProgressBarDefinition, ProgressBarStyles, ProgressBarTemplate, } from './progress-bar/index.js';
+export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
+export { RadioGroup, RadioGroupOrientation, RadioGroupDefinition, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
+export { Slider, SliderMode, SliderOrientation, SliderSize, SliderDefinition, SliderStyles, SliderTemplate, } from './slider/index.js';
+export { Spinner, SpinnerAppearance, SpinnerSize, SpinnerTemplate, SpinnerStyles, SpinnerDefinition, } from './spinner/index.js';
+export { Switch, SwitchLabelPosition, SwitchDefinition, SwitchStyles, SwitchTemplate } from './switch/index.js';
+export { Tab, TabTemplate, TabStyles, TabDefinition } from './tab/index.js';
+export { TabPanel, TabPanelTemplate, TabPanelStyles, TabPanelDefinition } from './tab-panel/index.js';
+export { Tabs, TabsAppearance, TabsOrientation, TabsSize, TabsTemplate, TabsStyles, TabsDefinition, } from './tabs/index.js';
+export { Text, TextAlign, TextFont, TextSize, TextWeight, TextTemplate, TextStyles, TextDefinition, } from './text/index.js';
+export { TextInput, TextInputType, TextInputAppearance, TextInputControlSize, TextInputTemplate, TextInputStyles, TextInputDefinition, } from './text-input/index.js';
+export { ToggleButton, ToggleButtonAppearance, ToggleButtonShape, ToggleButtonSize, ToggleButtonTemplate, ToggleButtonStyles, ToggleButtonDefinition, } from './toggle-button/index.js';
+export { getDirection } from './utils/direction.js';
+export { display } from './utils/display.js';
+export { forcedColorsStylesheetBehavior, darkModeStylesheetBehavior, lightModeStylesheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
+export { FluentDesignSystem } from './fluent-design-system.js';
+export { setTheme, setThemeFor } from './theme/index.js';
+export * from './theme/design-tokens.js';

package/dist/dts/index.d.ts

@@ -1,35 +1,36 @@
-export * from './accordion/index.js';
-export * from './accordion-item/index.js';
-export * from './anchor-button/index.js';
-export * from './avatar/index.js';
-export * from './badge/index.js';
-export * from './button/index.js';
-export * from './checkbox/index.js';
-export * from './compound-button/index.js';
-export * from './counter-badge/index.js';
-export * from './dialog/index.js';
-export * from './divider/index.js';
-export * from './image/index.js';
-export * from './label/index.js';
-export * from './menu/index.js';
-export * from './menu-button/index.js';
-export * from './menu-item/index.js';
-export * from './menu-list/index.js';
-export * from './progress-bar/index.js';
-export * from './radio/index.js';
-export * from './radio-group/index.js';
-export * from './slider/index.js';
-export * from './spinner/index.js';
-export * from './switch/index.js';
-export * from './tabs/index.js';
-export * from './tab/index.js';
-export * from './tab-panel/index.js';
-export * from './text/index.js';
-export * from './text-input/index.js';
-export * from './toggle-button/index.js';
-export * from './fluent-design-system.js';
-export * from './theme/index.js';
+export { Accordion, AccordionExpandMode, accordionTemplate, accordionStyles, accordionDefinition, } from './accordion/index.js';
+export { AccordionItem, AccordionItemOptions, AccordionItemSize, AccordionItemExpandIconPosition, accordionItemTemplate, accordionItemStyles, accordionItemDefinition, } from './accordion-item/index.js';
+export { AnchorButton, AnchorButtonOptions, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, AnchorButtonTemplate, AnchorButtonDefinition, } from './anchor-button/index.js';
+export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, AvatarTemplate, AvatarStyles, AvatarDefinition, } from './avatar/index.js';
+export { Badge, BadgeAppearance, BadgeColor, BadgeShape, BadgeSize, BadgeTemplate, BadgeStyles, BadgeDefinition, } from './badge/index.js';
+export { Button, ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, ButtonOptions, ButtonTemplate, ButtonStyles, ButtonDefinition, } from './button/index.js';
+export { Checkbox, CheckboxOptions, CheckboxLabelPosition, CheckboxShape, CheckboxSize, CheckboxDefinition, CheckboxTemplate, CheckboxStyles, } from './checkbox/index.js';
+export { CompoundButton, CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize, CompoundButtonTemplate, CompoundButtonStyles, CompoundButtonDefinition, } from './compound-button/index.js';
+export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeTemplate, CounterBadgeStyles, CounterBadgeDefinition, } from './counter-badge/index.js';
+export { Dialog, DialogModalType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
+export { Divider, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerDefinition, DividerTemplate, DividerStyles, } from './divider/index.js';
+export { Image, ImageFit, ImageShape, ImageDefinition, ImageTemplate, ImageStyles } from './image/index.js';
+export { Label, LabelSize, LabelWeight, LabelDefinition, LabelStyles, LabelTemplate } from './label/index.js';
+export { Menu, MenuTemplate, MenuStyles, MenuDefinition } from './menu/index.js';
+export { MenuButton, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonOptions, MenuButtonTemplate, MenuButtonStyles, MenuButtonDefinition, } from './menu-button/index.js';
+export { MenuItem, MenuItemColumnCount, MenuItemOptions, MenuItemRole, roleForMenuItem, MenuItemTemplate, MenuItemStyles, MenuItemDefinition, } from './menu-item/index.js';
+export { MenuList, MenuListTemplate, MenuListStyles, MenuListDefinition } from './menu-list/index.js';
+export { ProgressBar, ProgressOptions, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, ProgressBarDefinition, ProgressBarStyles, ProgressBarTemplate, } from './progress-bar/index.js';
+export { Radio, RadioControl, RadioOptions, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
+export { RadioGroup, RadioGroupOrientation, RadioGroupDefinition, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
+export { Slider, SliderConfiguration, SliderMode, SliderOptions, SliderOrientation, SliderSize, SliderDefinition, SliderStyles, SliderTemplate, } from './slider/index.js';
+export { Spinner, SpinnerAppearance, SpinnerSize, SpinnerOptions, SpinnerTemplate, SpinnerStyles, SpinnerDefinition, } from './spinner/index.js';
+export { Switch, SwitchOptions, SwitchLabelPosition, SwitchDefinition, SwitchStyles, SwitchTemplate, } from './switch/index.js';
+export { Tab, TabOptions, TabTemplate, TabStyles, TabDefinition } from './tab/index.js';
+export { TabPanel, TabPanelTemplate, TabPanelStyles, TabPanelDefinition } from './tab-panel/index.js';
+export { Tabs, TabsAppearance, TabsOptions, TabsOrientation, TabsSize, TabsTemplate, TabsStyles, TabsDefinition, } from './tabs/index.js';
+export { Text, TextAlign, TextFont, TextSize, TextWeight, TextTemplate, TextStyles, TextDefinition, } from './text/index.js';
+export { TextInputOptions, TextInput, TextInputType, TextInputAppearance, TextInputControlSize, TextInputTemplate, TextInputStyles, TextInputDefinition, } from './text-input/index.js';
+export { ToggleButton, ToggleButtonAppearance, ToggleButtonOptions, ToggleButtonShape, ToggleButtonSize, ToggleButtonTemplate, ToggleButtonStyles, ToggleButtonDefinition, } from './toggle-button/index.js';
 export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
-export * from './utils/direction.js';
-export * from './utils/display.js';
-export * from './utils/behaviors/match-media-stylesheet-behavior.js';
+export { getDirection } from './utils/direction.js';
+export { display } from './utils/display.js';
+export { forcedColorsStylesheetBehavior, MatchMediaBehavior, MatchMediaStyleSheetBehavior, MediaQueryListListener, darkModeStylesheetBehavior, lightModeStylesheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
+export { FluentDesignSystem } from './fluent-design-system.js';
+export { setTheme, setThemeFor } from './theme/index.js';
+export * from './theme/design-tokens.js';

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

@@ -1,4 +1,5 @@
-export * from './label.js';
+export { Label } from './label.js';
+export { LabelSize, LabelWeight } from './label.options.js';
 export { definition as LabelDefinition } from './label.definition.js';
 export { styles as LabelStyles } from './label.styles.js';
 export { template as LabelTemplate } from './label.template.js';

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

@@ -1,4 +1,4 @@
-export * from './menu.js';
+export { Menu } from './menu.js';
 export { template as MenuTemplate } from './menu.template.js';
 export { styles as MenuStyles } from './menu.styles.js';
 export { definition as MenuDefinition } from './menu.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './menu-button.js';
-export * from './menu-button.options.js';
+export { MenuButton } from './menu-button.js';
+export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonOptions } from './menu-button.options.js';
 export { template as MenuButtonTemplate } from './menu-button.template.js';
 export { styles as MenuButtonStyles } from '../button/button.styles.js';
 export { definition as MenuButtonDefinition } from './menu-button.definition.js';

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

@@ -1,4 +1,4 @@
-import type { ButtonOptions } from '../button/index.js';
+import type { ButtonOptions } from '../button/button.options.js';
 import type { ValuesOf } from '../utils/index.js';
 /**
  * Menu Button Appearance constants

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

@@ -1,4 +1,5 @@
-export * from './menu-item.js';
+export { MenuItem, MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
+export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
 export { template as MenuItemTemplate } from './menu-item.template.js';
 export { styles as MenuItemStyles } from './menu-item.styles.js';
 export { definition as MenuItemDefinition } from './menu-item.definition.js';

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

@@ -26,5 +26,5 @@ export declare type MenuItemRole = ValuesOf<typeof MenuItemRole>;
  * @internal
  */
 export declare const roleForMenuItem: {
-    [value in keyof typeof MenuItemRole]: typeof MenuItemRole[value];
+    [value in keyof typeof MenuItemRole]: (typeof MenuItemRole)[value];
 };

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

@@ -1,4 +1,4 @@
-export * from './menu-list.js';
+export { MenuList } from './menu-list.js';
 export { template as MenuListTemplate } from './menu-list.template.js';
 export { styles as MenuListStyles } from './menu-list.styles.js';
 export { definition as MenuListDefinition } from './menu-list.definition.js';

package/dist/dts/progress-bar/index.d.ts

@@ -1,5 +1,5 @@
-export * from './progress-bar.js';
-export * from './progress-bar.options.js';
+export { ProgressBar } from './progress-bar.js';
+export { ProgressOptions, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar.options.js';
 export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
 export { styles as ProgressBarStyles } from './progress-bar.styles.js';
 export { template as ProgressBarTemplate } from './progress-bar.template.js';

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

@@ -1,4 +1,4 @@
-export * from './radio.js';
+export { Radio, RadioControl, RadioOptions } from './radio.js';
 export { definition as RadioDefinition } from './radio.definition.js';
 export { styles as RadioStyles } from './radio.styles.js';
 export { template as RadioTemplate } from './radio.template.js';

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

@@ -1,4 +1,5 @@
-export * from './radio-group.js';
+export { RadioGroup } from './radio-group.js';
+export { RadioGroupOrientation } from './radio-group.options.js';
 export { definition as RadioGroupDefinition } from './radio-group.definition.js';
 export { styles as RadioGroupStyles } from './radio-group.styles.js';
 export { template as RadioGroupTemplate } from './radio-group.template.js';

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

@@ -1,5 +1,5 @@
-export * from './slider.js';
-export * from './slider.options.js';
+export { Slider } from './slider.js';
+export { SliderConfiguration, SliderMode, SliderOptions, SliderOrientation, SliderSize } from './slider.options.js';
 export { definition as SliderDefinition } from './slider.definition.js';
 export { styles as SliderStyles } from './slider.styles.js';
 export { template as SliderTemplate } from './slider.template.js';

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

@@ -1,5 +1,5 @@
-export * from './spinner.js';
-export * from './spinner.options.js';
+export { Spinner, SpinnerOptions } from './spinner.js';
+export { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 export { template as SpinnerTemplate } from './spinner.template.js';
 export { styles as SpinnerStyles } from './spinner.styles.js';
 export { definition as SpinnerDefinition } from './spinner.definition.js';

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

@@ -1,10 +1,18 @@
-import { ProgressRing } from '../progress-ring/progress-ring.js';
+import { BaseProgress } from '../progress-bar/base-progress.js';
+import { StaticallyComposableHTML } from '../utils/template-helpers.js';
 import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
+/**
+ * Progress configuration options
+ * @public
+ */
+export declare type SpinnerOptions = {
+    indeterminateIndicator?: StaticallyComposableHTML<Spinner>;
+};
 /**
  * The base class used for constructing a fluent-spinner custom element
  * @public
  */
-export declare class Spinner extends ProgressRing {
+export declare class Spinner extends BaseProgress {
     /**
      * The size of the spinner
      *

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

@@ -1,5 +1,4 @@
 import type { ElementViewTemplate } from '@microsoft/fast-element';
-import { ProgressRingOptions } from '../progress-ring/progress-ring.options.js';
-import { Spinner } from './spinner.js';
-export declare function progressRingTemplate<T extends Spinner>(options?: ProgressRingOptions): ElementViewTemplate<T>;
+import { Spinner, SpinnerOptions } from './spinner.js';
+export declare function progressRingTemplate<T extends Spinner>(options?: SpinnerOptions): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<Spinner>;

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

@@ -1,5 +1,5 @@
-export * from './switch.js';
-export * from './switch.options.js';
+export { Switch, SwitchOptions } from './switch.js';
+export { SwitchLabelPosition } from './switch.options.js';
 export { definition as SwitchDefinition } from './switch.definition.js';
 export { styles as SwitchStyles } from './switch.styles.js';
 export { template as SwitchTemplate } from './switch.template.js';

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

@@ -1,4 +1,4 @@
-export * from './tab.js';
+export { Tab, TabOptions } from './tab.js';
 export { template as TabTemplate } from './tab.template.js';
 export { styles as TabStyles } from './tab.styles.js';
 export { definition as TabDefinition } from './tab.definition.js';

package/dist/dts/tab-panel/index.d.ts

@@ -1,4 +1,4 @@
-export * from './tab-panel.js';
+export { TabPanel } from './tab-panel.js';
 export { template as TabPanelTemplate } from './tab-panel.template.js';
 export { styles as TabPanelStyles } from './tab-panel.styles.js';
 export { definition as TabPanelDefinition } from './tab-panel.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './tabs.js';
-export * from './tabs.options.js';
+export { Tabs } from './tabs.js';
+export { TabsAppearance, TabsOptions, TabsOrientation, TabsSize } from './tabs.options.js';
 export { template as TabsTemplate } from './tabs.template.js';
 export { styles as TabsStyles } from './tabs.styles.js';
 export { definition as TabsDefinition } from './tabs.definition.js';

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

@@ -1,5 +1,5 @@
-export * from './text.js';
-export * from './text.options.js';
+export { Text } from './text.js';
+export { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
 export { template as TextTemplate } from './text.template.js';
 export { styles as TextStyles } from './text.styles.js';
 export { definition as TextDefinition } from './text.definition.js';

package/dist/dts/text-input/index.d.ts

@@ -1,5 +1,5 @@
-export * from './text-input.js';
-export * from './text-input.options.js';
+export { TextInputOptions, TextInput } from './text-input.js';
+export { TextInputType, TextInputAppearance, TextInputControlSize } from './text-input.options.js';
 export { template as TextInputTemplate } from './text-input.template.js';
 export { styles as TextInputStyles } from './text-input.styles.js';
 export { definition as TextInputDefinition } from './text-input.definition.js';

package/dist/dts/text-input/text-input.d.ts

@@ -1,9 +1,9 @@
 import { ARIAGlobalStatesAndProperties, StartEnd, StartEndOptions } from '../patterns/index.js';
 import { TextInputAppearance, TextInputControlSize } from './text-input.options.js';
-import { TextFieldType } from './text-input.options.js';
+import { TextInputType } from './text-input.options.js';
 import { FormAssociatedTextField } from './text-field.form-associated.js';
-export { TextFieldType };
-export declare type TextFieldOptions = StartEndOptions<TextInput>;
+export { TextInputType };
+export declare type TextInputOptions = StartEndOptions<TextInput>;
 export declare class TextInput extends FormAssociatedTextField {
     /**
      * Defines TextInput control size
@@ -54,7 +54,7 @@ export declare class TextInput extends FormAssociatedTextField {
      * @remarks
      * HTML Attribute: type
      */
-    type: TextFieldType;
+    type: TextInputType;
     private typeChanged;
     /**
      * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.

package/dist/dts/text-input/text-input.options.d.ts

@@ -32,25 +32,25 @@ export declare type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
  * Text field sub-types
  * @public
  */
-export declare const TextFieldType: {
+export declare const TextInputType: {
     /**
-     * An email TextField
+     * An email TextInput
      */
     readonly email: "email";
     /**
-     * A password TextField
+     * A password TextInput
      */
     readonly password: "password";
     /**
-     * A telephone TextField
+     * A telephone TextInput
      */
     readonly tel: "tel";
     /**
-     * A text TextField
+     * A text TextInput
      */
     readonly text: "text";
     /**
-     * A URL TextField
+     * A URL TextInput
      */
     readonly url: "url";
 };
@@ -58,4 +58,4 @@ export declare const TextFieldType: {
  * Types for the text field sub-types
  * @public
  */
-export declare type TextFieldType = ValuesOf<typeof TextFieldType>;
+export declare type TextInputType = ValuesOf<typeof TextInputType>;

package/dist/dts/text-input/text-input.template.d.ts

@@ -1,6 +1,6 @@
 import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { TextFieldOptions, TextInput } from './text-input.js';
-export declare function textFieldTemplate<T extends TextInput>(options?: TextFieldOptions): ElementViewTemplate<T>;
+import type { TextInput, TextInputOptions } from './text-input.js';
+export declare function textFieldTemplate<T extends TextInput>(options?: TextInputOptions): ElementViewTemplate<T>;
 /**
  * @internal
  */

package/dist/dts/theme/design-tokens.d.ts

@@ -43,6 +43,8 @@ export declare const colorNeutralForegroundInvertedLinkSelected = "var(--colorNe
 export declare const colorNeutralForegroundInvertedDisabled = "var(--colorNeutralForegroundInvertedDisabled)";
 export declare const colorBrandForeground1 = "var(--colorBrandForeground1)";
 export declare const colorBrandForeground2 = "var(--colorBrandForeground2)";
+export declare const colorBrandForeground2Hover = "var(--colorBrandForeground2Hover)";
+export declare const colorBrandForeground2Pressed = "var(--colorBrandForeground2Pressed)";
 export declare const colorNeutralForeground1Static = "var(--colorNeutralForeground1Static)";
 export declare const colorBrandForegroundInverted = "var(--colorBrandForegroundInverted)";
 export declare const colorBrandForegroundInvertedHover = "var(--colorBrandForegroundInvertedHover)";
@@ -72,8 +74,10 @@ export declare const colorNeutralBackground5Hover = "var(--colorNeutralBackgroun
 export declare const colorNeutralBackground5Pressed = "var(--colorNeutralBackground5Pressed)";
 export declare const colorNeutralBackground5Selected = "var(--colorNeutralBackground5Selected)";
 export declare const colorNeutralBackground6 = "var(--colorNeutralBackground6)";
-export declare const colorNeutralBackgroundStatic = "var(--colorNeutralBackgroundStatic)";
 export declare const colorNeutralBackgroundInverted = "var(--colorNeutralBackgroundInverted)";
+export declare const colorNeutralBackgroundStatic = "var(--colorNeutralBackgroundStatic)";
+export declare const colorNeutralBackgroundAlpha = "var(--colorNeutralBackgroundAlpha)";
+export declare const colorNeutralBackgroundAlpha2 = "var(--colorNeutralBackgroundAlpha2)";
 export declare const colorSubtleBackground = "var(--colorSubtleBackground)";
 export declare const colorSubtleBackgroundHover = "var(--colorSubtleBackgroundHover)";
 export declare const colorSubtleBackgroundPressed = "var(--colorSubtleBackgroundPressed)";
@@ -106,10 +110,19 @@ export declare const colorCompoundBrandBackgroundHover = "var(--colorCompoundBra
 export declare const colorCompoundBrandBackgroundPressed = "var(--colorCompoundBrandBackgroundPressed)";
 export declare const colorBrandBackgroundStatic = "var(--colorBrandBackgroundStatic)";
 export declare const colorBrandBackground2 = "var(--colorBrandBackground2)";
+export declare const colorBrandBackground2Hover = "var(--colorBrandBackground2Hover)";
+export declare const colorBrandBackground2Pressed = "var(--colorBrandBackground2Pressed)";
+export declare const colorBrandBackground3Static = "var(--colorBrandBackground3Static)";
+export declare const colorBrandBackground4Static = "var(--colorBrandBackground4Static)";
 export declare const colorBrandBackgroundInverted = "var(--colorBrandBackgroundInverted)";
 export declare const colorBrandBackgroundInvertedHover = "var(--colorBrandBackgroundInvertedHover)";
 export declare const colorBrandBackgroundInvertedPressed = "var(--colorBrandBackgroundInvertedPressed)";
 export declare const colorBrandBackgroundInvertedSelected = "var(--colorBrandBackgroundInvertedSelected)";
+export declare const colorNeutralCardBackground = "var(--colorNeutralCardBackground)";
+export declare const colorNeutralCardBackgroundHover = "var(--colorNeutralCardBackgroundHover)";
+export declare const colorNeutralCardBackgroundPressed = "var(--colorNeutralCardBackgroundPressed)";
+export declare const colorNeutralCardBackgroundSelected = "var(--colorNeutralCardBackgroundSelected)";
+export declare const colorNeutralCardBackgroundDisabled = "var(--colorNeutralCardBackgroundDisabled)";
 export declare const colorNeutralStrokeAccessible = "var(--colorNeutralStrokeAccessible)";
 export declare const colorNeutralStrokeAccessibleHover = "var(--colorNeutralStrokeAccessibleHover)";
 export declare const colorNeutralStrokeAccessiblePressed = "var(--colorNeutralStrokeAccessiblePressed)";
@@ -120,6 +133,7 @@ export declare const colorNeutralStroke1Pressed = "var(--colorNeutralStroke1Pres
 export declare const colorNeutralStroke1Selected = "var(--colorNeutralStroke1Selected)";
 export declare const colorNeutralStroke2 = "var(--colorNeutralStroke2)";
 export declare const colorNeutralStroke3 = "var(--colorNeutralStroke3)";
+export declare const colorNeutralStrokeSubtle = "var(--colorNeutralStrokeSubtle)";
 export declare const colorNeutralStrokeOnBrand = "var(--colorNeutralStrokeOnBrand)";
 export declare const colorNeutralStrokeOnBrand2 = "var(--colorNeutralStrokeOnBrand2)";
 export declare const colorNeutralStrokeOnBrand2Hover = "var(--colorNeutralStrokeOnBrand2Hover)";
@@ -127,6 +141,9 @@ export declare const colorNeutralStrokeOnBrand2Pressed = "var(--colorNeutralStro
 export declare const colorNeutralStrokeOnBrand2Selected = "var(--colorNeutralStrokeOnBrand2Selected)";
 export declare const colorBrandStroke1 = "var(--colorBrandStroke1)";
 export declare const colorBrandStroke2 = "var(--colorBrandStroke2)";
+export declare const colorBrandStroke2Hover = "var(--colorBrandStroke2Hover)";
+export declare const colorBrandStroke2Pressed = "var(--colorBrandStroke2Pressed)";
+export declare const colorBrandStroke2Contrast = "var(--colorBrandStroke2Contrast)";
 export declare const colorCompoundBrandStroke = "var(--colorCompoundBrandStroke)";
 export declare const colorCompoundBrandStrokeHover = "var(--colorCompoundBrandStrokeHover)";
 export declare const colorCompoundBrandStrokePressed = "var(--colorCompoundBrandStrokePressed)";
@@ -135,6 +152,8 @@ export declare const colorNeutralStrokeInvertedDisabled = "var(--colorNeutralStr
 export declare const colorTransparentStroke = "var(--colorTransparentStroke)";
 export declare const colorTransparentStrokeInteractive = "var(--colorTransparentStrokeInteractive)";
 export declare const colorTransparentStrokeDisabled = "var(--colorTransparentStrokeDisabled)";
+export declare const colorNeutralStrokeAlpha = "var(--colorNeutralStrokeAlpha)";
+export declare const colorNeutralStrokeAlpha2 = "var(--colorNeutralStrokeAlpha2)";
 export declare const colorStrokeFocus1 = "var(--colorStrokeFocus1)";
 export declare const colorStrokeFocus2 = "var(--colorStrokeFocus2)";
 export declare const colorNeutralShadowAmbient = "var(--colorNeutralShadowAmbient)";
@@ -295,6 +314,38 @@ export declare const colorPaletteSteelForeground2 = "var(--colorPaletteSteelFore
 export declare const colorPaletteTealBackground2 = "var(--colorPaletteTealBackground2)";
 export declare const colorPaletteTealBorderActive = "var(--colorPaletteTealBorderActive)";
 export declare const colorPaletteTealForeground2 = "var(--colorPaletteTealForeground2)";
+export declare const colorStatusSuccessBackground1 = "var(--colorStatusSuccessBackground1)";
+export declare const colorStatusSuccessBackground2 = "var(--colorStatusSuccessBackground2)";
+export declare const colorStatusSuccessBackground3 = "var(--colorStatusSuccessBackground3)";
+export declare const colorStatusSuccessForeground1 = "var(--colorStatusSuccessForeground1)";
+export declare const colorStatusSuccessForeground2 = "var(--colorStatusSuccessForeground2)";
+export declare const colorStatusSuccessForeground3 = "var(--colorStatusSuccessForeground3)";
+export declare const colorStatusSuccessForegroundInverted = "var(--colorStatusSuccessForegroundInverted)";
+export declare const colorStatusSuccessBorderActive = "var(--colorStatusSuccessBorderActive)";
+export declare const colorStatusSuccessBorder1 = "var(--colorStatusSuccessBorder1)";
+export declare const colorStatusSuccessBorder2 = "var(--colorStatusSuccessBorder2)";
+export declare const colorStatusWarningBackground1 = "var(--colorStatusWarningBackground1)";
+export declare const colorStatusWarningBackground2 = "var(--colorStatusWarningBackground2)";
+export declare const colorStatusWarningBackground3 = "var(--colorStatusWarningBackground3)";
+export declare const colorStatusWarningForeground1 = "var(--colorStatusWarningForeground1)";
+export declare const colorStatusWarningForeground2 = "var(--colorStatusWarningForeground2)";
+export declare const colorStatusWarningForeground3 = "var(--colorStatusWarningForeground3)";
+export declare const colorStatusWarningForegroundInverted = "var(--colorStatusWarningForegroundInverted)";
+export declare const colorStatusWarningBorderActive = "var(--colorStatusWarningBorderActive)";
+export declare const colorStatusWarningBorder1 = "var(--colorStatusWarningBorder1)";
+export declare const colorStatusWarningBorder2 = "var(--colorStatusWarningBorder2)";
+export declare const colorStatusDangerBackground1 = "var(--colorStatusDangerBackground1)";
+export declare const colorStatusDangerBackground2 = "var(--colorStatusDangerBackground2)";
+export declare const colorStatusDangerBackground3 = "var(--colorStatusDangerBackground3)";
+export declare const colorStatusDangerBackground3Hover = "var(--colorStatusDangerBackground3Hover)";
+export declare const colorStatusDangerBackground3Pressed = "var(--colorStatusDangerBackground3Pressed)";
+export declare const colorStatusDangerForeground1 = "var(--colorStatusDangerForeground1)";
+export declare const colorStatusDangerForeground2 = "var(--colorStatusDangerForeground2)";
+export declare const colorStatusDangerForeground3 = "var(--colorStatusDangerForeground3)";
+export declare const colorStatusDangerForegroundInverted = "var(--colorStatusDangerForegroundInverted)";
+export declare const colorStatusDangerBorderActive = "var(--colorStatusDangerBorderActive)";
+export declare const colorStatusDangerBorder1 = "var(--colorStatusDangerBorder1)";
+export declare const colorStatusDangerBorder2 = "var(--colorStatusDangerBorder2)";
 export declare const borderRadiusNone = "var(--borderRadiusNone)";
 export declare const borderRadiusSmall = "var(--borderRadiusSmall)";
 export declare const borderRadiusMedium = "var(--borderRadiusMedium)";
@@ -370,6 +421,7 @@ export declare const durationUltraFast = "var(--durationUltraFast)";
 export declare const durationFaster = "var(--durationFaster)";
 export declare const durationFast = "var(--durationFast)";
 export declare const durationNormal = "var(--durationNormal)";
+export declare const durationGentle = "var(--durationGentle)";
 export declare const durationSlow = "var(--durationSlow)";
 export declare const durationSlower = "var(--durationSlower)";
 export declare const durationUltraSlow = "var(--durationUltraSlow)";