@fluentui/web-components 3.0.0-beta.13 → 3.0.0-beta.15

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1714018092511,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"yarn","version":"1.23.34"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/html":{"version":null}},"framework":{"name":"html"},"addons":{"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-essentials":{"options":{"backgrounds":false,"viewport":false,"toolbars":false,"actions":true},"version":"6.5.15"}}}
+{"generatedAt":1714536479937,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"yarn","version":"1.23.34"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/html":{"version":null}},"framework":{"name":"html"},"addons":{"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-essentials":{"options":{"backgrounds":false,"viewport":false,"toolbars":false,"actions":true},"version":"6.5.15"}}}

package/dist/web-components.d.ts

@@ -1,4 +1,5 @@
 import type { Constructable } from '@microsoft/fast-element';
+import { CSSDirective } from '@microsoft/fast-element';
 import { Direction } from '@microsoft/fast-web-utilities';
 import { ElementStyles } from '@microsoft/fast-element';
 import { ElementViewTemplate } from '@microsoft/fast-element';
@@ -72,7 +73,7 @@ export declare const accordionDefinition: FASTElementDefinition<typeof Accordion
  * Expand mode for {@link FASTAccordion}
  * @public
  */
-declare const AccordionExpandMode: {
+export declare const AccordionExpandMode: {
     readonly single: "single";
     readonly multi: "multi";
 };
@@ -81,7 +82,7 @@ declare const AccordionExpandMode: {
  * Type for the {@link FASTAccordion} Expand Mode
  * @public
  */
-declare type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
+export declare type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
 
 /**
  *
@@ -411,6 +412,12 @@ export declare type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppeara
  */
 export declare const AnchorButtonDefinition: FASTElementDefinition<typeof AnchorButton>;
 
+/**
+ * Anchor configuration options
+ * @public
+ */
+export declare type AnchorButtonOptions = StartEndOptions<AnchorButton>;
+
 /**
  * An Anchor Button can be square, circular or rounded.
  * @public
@@ -449,14 +456,6 @@ export declare type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
  */
 export declare const AnchorButtonTemplate: ElementViewTemplate<AnchorButton>;
 
-/**
- * Anchor configuration options
- * @public
- */
-declare type AnchorOptions = StartEndOptions<AnchorButton>;
-export { AnchorOptions as AnchorButtonOptions }
-export { AnchorOptions }
-
 /**
  * Anchor target values.
  *
@@ -1025,13 +1024,6 @@ export declare type BadgeColor = ValuesOf<typeof BadgeColor>;
  */
 export declare const BadgeDefinition: FASTElementDefinition<typeof Badge>;
 
-/**
- * @internal - marking as internal update when Badge PR for start/end is in
- */
-export declare type BadgeOptions = StartEndOptions<Badge> & {
-    defaultContent?: StaticallyComposableHTML;
-};
-
 /**
  * A Badge can be square, circular or rounded.
  * @public
@@ -1120,7 +1112,7 @@ declare class BaseProgress extends FASTElement {
  * @class TabList component
  * @public
  */
-export declare class BaseTabs extends FASTElement {
+declare class BaseTabs extends FASTElement {
     /**
      * The orientation
      * @public
@@ -1540,7 +1532,6 @@ export declare type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;
  */
 declare type ButtonOptions = StartEndOptions<Button>;
 export { ButtonOptions }
-export { ButtonOptions as CompoundButtonOptions }
 export { ButtonOptions as MenuButtonOptions }
 export { ButtonOptions as ToggleButtonOptions }
 
@@ -2568,12 +2559,6 @@ export declare type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
  */
 export declare const CounterBadgeDefinition: FASTElementDefinition<typeof CounterBadge>;
 
-/**
- * CounterBadge options
- * @public
- */
-export declare type CounterBadgeOptions = BadgeOptions;
-
 /**
  * A CounterBadge shape can be circular or rounded.
  * @public
@@ -2623,7 +2608,7 @@ export declare const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
  * Define all possible CSS display values.
  * @public
  */
-export declare type CSSDisplayPropertyValue = 'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group';
+declare type CSSDisplayPropertyValue = 'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group';
 
 export declare const curveAccelerateMax = "var(--curveAccelerateMax)";
 
@@ -2654,7 +2639,7 @@ export declare const darkModeStylesheetBehavior: (styles: ElementStyles) => Matc
  *
  * @public
  */
-export declare class DelegatesARIALink {
+declare class DelegatesARIALink {
     /**
      * See {@link https://www.w3.org/WAI/PF/aria/roles#link} for more information
      * @public
@@ -2670,7 +2655,7 @@ export declare class DelegatesARIALink {
  * TODO: https://github.com/microsoft/fast/issues/3317
  * @internal
  */
-export declare interface DelegatesARIALink extends ARIAGlobalStatesAndProperties {
+declare interface DelegatesARIALink extends ARIAGlobalStatesAndProperties {
 }
 
 /**
@@ -2678,10 +2663,10 @@ export declare interface DelegatesARIALink extends ARIAGlobalStatesAndProperties
  *
  * @public
  */
-export declare class DelegatesARIATextbox {
+declare class DelegatesARIATextbox {
 }
 
-export declare interface DelegatesARIATextbox extends ARIAGlobalStatesAndProperties {
+declare interface DelegatesARIATextbox extends ARIAGlobalStatesAndProperties {
 }
 
 /**
@@ -2887,13 +2872,13 @@ export declare const DialogDefinition: FASTElementDefinition<typeof Dialog>;
  * Dialog modal type
  * @public
  */
-declare const DialogModalType: {
+export declare const DialogModalType: {
     readonly modal: "modal";
     readonly nonModal: "non-modal";
     readonly alert: "alert";
 };
 
-declare type DialogModalType = ValuesOf<typeof DialogModalType>;
+export declare type DialogModalType = ValuesOf<typeof DialogModalType>;
 
 /** Dialog styles
  * @public
@@ -3217,12 +3202,6 @@ declare const FormAssociatedTextField_base: typeof _TextField;
  */
 export declare const getDirection: (rootNode: HTMLElement) => Direction;
 
-/**
- * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute.
- * @public
- */
-export declare const hidden = ":host([hidden]){display:none}";
-
 /**
  * The base class used for constucting a fluent image custom element
  * @public
@@ -3376,7 +3355,7 @@ export declare const LabelDefinition: FASTElementDefinition<typeof Label>;
 /**
  * A Labels font size can be small, medium, or large
  */
-declare const LabelSize: {
+export declare const LabelSize: {
     readonly small: "small";
     readonly medium: "medium";
     readonly large: "large";
@@ -3386,7 +3365,7 @@ declare const LabelSize: {
  * Applies font size to label
  * @public
  */
-declare type LabelSize = ValuesOf<typeof LabelSize>;
+export declare type LabelSize = ValuesOf<typeof LabelSize>;
 
 /** Label styles
  * @public
@@ -3398,7 +3377,7 @@ export declare const LabelTemplate: ElementViewTemplate<Label>;
 /**
  * A label can have a font weight of regular or strong
  */
-declare const LabelWeight: {
+export declare const LabelWeight: {
     readonly regular: "regular";
     readonly semibold: "semibold";
 };
@@ -3407,7 +3386,7 @@ declare const LabelWeight: {
  * Applies font weight to label
  * @public
  */
-declare type LabelWeight = ValuesOf<typeof LabelWeight>;
+export declare type LabelWeight = ValuesOf<typeof LabelWeight>;
 
 /**
  * This can be used to construct a behavior to apply a prefers color scheme: light only stylesheet.
@@ -4226,21 +4205,6 @@ export declare type ProgressOptions = {
     indeterminateIndicator2?: StaticallyComposableHTML<ProgressBar>;
 };
 
-/**
- * An circular Progress HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
- *
- * @slot indeterminate - The slot for a custom indeterminate indicator
- * @slot determinate - The slot for a custom determinate indicator
- * @csspart progress - Represents the progress element
- * @csspart determinate - The determinate indicator
- * @csspart background - The background
- *
- * @public
- */
-declare class ProgressRing extends BaseProgress {
-}
-
 /**
  * A Radio Custom HTML Element.
  * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radio | ARIA radio }.
@@ -4425,7 +4389,7 @@ export declare const RadioGroupDefinition: FASTElementDefinition<typeof RadioGro
  * Radio Group orientation
  * @public
  */
-declare const RadioGroupOrientation: {
+export declare const RadioGroupOrientation: {
     readonly horizontal: "horizontal"; /**
     * Radio Group orientation
     * @public
@@ -4437,7 +4401,7 @@ declare const RadioGroupOrientation: {
  * Types of Radio Group orientation
  * @public
  */
-declare type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
+export declare type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
 
 /** RadioGroup styles
  * @public
@@ -4844,7 +4808,7 @@ export declare const spacingVerticalXXXL = "var(--spacingVerticalXXXL)";
  * 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
      *
@@ -4886,6 +4850,14 @@ export declare type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
  */
 export declare const SpinnerDefinition: FASTElementDefinition<typeof Spinner>;
 
+/**
+ * Progress configuration options
+ * @public
+ */
+export declare type SpinnerOptions = {
+    indeterminateIndicator?: StaticallyComposableHTML<Spinner>;
+};
+
 /**
  * SpinnerSize constants
  * @public
@@ -5329,41 +5301,6 @@ declare class _TextField extends FASTElement {
 declare interface _TextField extends FormAssociated {
 }
 
-export declare type TextFieldOptions = StartEndOptions<TextInput>;
-
-/**
- * Text field sub-types
- * @public
- */
-export declare const TextFieldType: {
-    /**
-     * An email TextField
-     */
-    readonly email: "email";
-    /**
-     * A password TextField
-     */
-    readonly password: "password";
-    /**
-     * A telephone TextField
-     */
-    readonly tel: "tel";
-    /**
-     * A text TextField
-     */
-    readonly text: "text";
-    /**
-     * A URL TextField
-     */
-    readonly url: "url";
-};
-
-/**
- * Types for the text field sub-types
- * @public
- */
-export declare type TextFieldType = ValuesOf<typeof TextFieldType>;
-
 /**
  * TextFont Constants
  * @public
@@ -5430,7 +5367,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}.
@@ -5564,6 +5501,8 @@ export declare type TextInputControlSize = ValuesOf<typeof TextInputControlSize>
  */
 export declare const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
 
+export declare type TextInputOptions = StartEndOptions<TextInput>;
+
 /** TextInput styles
  * @public
  */
@@ -5574,6 +5513,39 @@ export declare const TextInputStyles: ElementStyles;
  */
 export declare const TextInputTemplate: ElementViewTemplate<TextInput>;
 
+/**
+ * Text field sub-types
+ * @public
+ */
+export declare const TextInputType: {
+    /**
+     * An email TextInput
+     */
+    readonly email: "email";
+    /**
+     * A password TextInput
+     */
+    readonly password: "password";
+    /**
+     * A telephone TextInput
+     */
+    readonly tel: "tel";
+    /**
+     * A text TextInput
+     */
+    readonly text: "text";
+    /**
+     * A URL TextInput
+     */
+    readonly url: "url";
+};
+
+/**
+ * Types for the text field sub-types
+ * @public
+ */
+export declare type TextInputType = ValuesOf<typeof TextInputType>;
+
 /**
  * TextSize constants
  * @public
@@ -5749,6 +5721,40 @@ export declare const ToggleButtonStyles: ElementStyles;
  */
 export declare const ToggleButtonTemplate: ElementViewTemplate<ToggleButton>;
 
+export declare const typographyBody1StrongerStyles: CSSDirective;
+
+export declare const typographyBody1StrongStyles: CSSDirective;
+
+export declare const typographyBody1Styles: CSSDirective;
+
+export declare const typographyBody2Styles: CSSDirective;
+
+export declare const typographyCaption1StrongerStyles: CSSDirective;
+
+export declare const typographyCaption1StrongStyles: CSSDirective;
+
+export declare const typographyCaption1Styles: CSSDirective;
+
+export declare const typographyCaption2StrongStyles: CSSDirective;
+
+export declare const typographyCaption2Styles: CSSDirective;
+
+export declare const typographyDisplayStyles: CSSDirective;
+
+export declare const typographyLargeTitleStyles: CSSDirective;
+
+export declare const typographySubtitle1Styles: CSSDirective;
+
+export declare const typographySubtitle2StrongerStyles: CSSDirective;
+
+export declare const typographySubtitle2Styles: CSSDirective;
+
+export declare const typographyTitle1Styles: CSSDirective;
+
+export declare const typographyTitle2Styles: CSSDirective;
+
+export declare const typographyTitle3Styles: CSSDirective;
+
 /**
  * Helper for enumerating a type from a const object
  * Example: export type Foo = ValuesOf\<typeof Foo\>