diff --git a/change/@fluentui-api-docs-f636656e-77e6-483f-ad2d-ecb973592d6f.json b/change/@fluentui-api-docs-f636656e-77e6-483f-ad2d-ecb973592d6f.json new file mode 100644 index 0000000000000..f4f9bffa66a99 --- /dev/null +++ b/change/@fluentui-api-docs-f636656e-77e6-483f-ad2d-ecb973592d6f.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: update api-extractor to 7.49.1", + "packageName": "@fluentui/api-docs", + "email": "vgenaev@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-chart-web-components-9dd07b49-4f5e-487f-8b6d-85dfca195aec.json b/change/@fluentui-chart-web-components-9dd07b49-4f5e-487f-8b6d-85dfca195aec.json new file mode 100644 index 0000000000000..969549d4a79a9 --- /dev/null +++ b/change/@fluentui-chart-web-components-9dd07b49-4f5e-487f-8b6d-85dfca195aec.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "BREAKING: rename api report file name according to api-extractor change", + "packageName": "@fluentui/chart-web-components", + "email": "vgenaev@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-components-3b74d06b-1004-48b7-ab26-a66240ca8949.json b/change/@fluentui-react-components-3b74d06b-1004-48b7-ab26-a66240ca8949.json new file mode 100644 index 0000000000000..46c228596f1d1 --- /dev/null +++ b/change/@fluentui-react-components-3b74d06b-1004-48b7-ab26-a66240ca8949.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "BREAKING: rename api report file name according to api-extractor change", + "packageName": "@fluentui/react-components", + "email": "vgenaev@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-web-components-cd52d88a-9325-4a25-8e5b-314b8e1bdbba.json b/change/@fluentui-web-components-cd52d88a-9325-4a25-8e5b-314b8e1bdbba.json new file mode 100644 index 0000000000000..7db936cc67b32 --- /dev/null +++ b/change/@fluentui-web-components-cd52d88a-9325-4a25-8e5b-314b8e1bdbba.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "BREAKING: rename api report file name according to api-extractor change", + "packageName": "@fluentui/web-components", + "email": "vgenaev@gmail.com", + "dependentChangeType": "none" +} diff --git a/package.json b/package.json index fe77660383520..05463a36c1548 100644 --- a/package.json +++ b/package.json @@ -69,12 +69,12 @@ "@griffel/webpack-loader": "2.2.10", "@jest/reporters": "29.7.0", "@mdx-js/loader": "2.3.0", - "@microsoft/api-extractor": "7.39.0", - "@microsoft/api-extractor-model": "7.28.3", + "@microsoft/api-extractor": "7.49.1", + "@microsoft/api-extractor-model": "7.30.2", "@microsoft/eslint-plugin-sdl": "0.1.9", "@microsoft/load-themed-styles": "1.10.26", "@microsoft/loader-load-themed-styles": "2.0.17", - "@microsoft/tsdoc": "0.14.2", + "@microsoft/tsdoc": "0.15.1", "@nx/devkit": "19.8.14", "@nx/eslint": "19.8.14", "@nx/eslint-plugin": "19.8.14", @@ -378,6 +378,7 @@ "@types/jest-axe/axe-core": "4.7.2", "esbuild": "0.24.2", "eslint": "8.57.0", + "@microsoft/api-extractor/typescript": "5.3.3", "swc-loader": "^0.2.6", "prettier": "2.8.8", "puppeteer": "19.6.0", diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index 378c8411af0a5..946e64cebc444 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -21,8 +21,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@microsoft/api-extractor-model": "7.28.3", - "@microsoft/tsdoc": "0.14.2", + "@microsoft/api-extractor-model": "7.30.2", + "@microsoft/tsdoc": "0.15.1", "fs-extra": "^8.1.0" } } diff --git a/packages/charts/chart-web-components/api-extractor.json b/packages/charts/chart-web-components/api-extractor.json index 146de64b6d95e..6306744f33307 100644 --- a/packages/charts/chart-web-components/api-extractor.json +++ b/packages/charts/chart-web-components/api-extractor.json @@ -1,35 +1,3 @@ { - "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - - "mainEntryPointFilePath": "/dist/dts/index.d.ts", - - "apiReport": { - "enabled": true, - "reportFolder": "/docs", - "reportFileName": "api-report.md" - }, - - "docModel": { - "enabled": true, - "apiJsonFilePath": "/dist/chart-web-components.api.json" - }, - "dtsRollup": { - "enabled": true - }, - "compiler": { - "skipLibCheck": false, - "tsconfigFilePath": "./tsconfig.api-extractor.json" - }, - "messages": { - "extractorMessageReporting": { - "ae-missing-release-tag": { - "logLevel": "none", - "addToApiReportFile": true - }, - "ae-different-release-tags": { - "logLevel": "none", - "addToApiReportFile": true - } - } - } + "extends": "@fluentui/scripts-api-extractor/api-extractor.wc.json" } diff --git a/packages/charts/chart-web-components/docs/api-report.md b/packages/charts/chart-web-components/docs/chart-web-components.api.md similarity index 96% rename from packages/charts/chart-web-components/docs/api-report.md rename to packages/charts/chart-web-components/docs/chart-web-components.api.md index 0d202f8acf7e0..e5030de441f78 100644 --- a/packages/charts/chart-web-components/docs/api-report.md +++ b/packages/charts/chart-web-components/docs/chart-web-components.api.md @@ -1,150 +1,150 @@ -## API Report File for "@fluentui/chart-web-components" - -> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). - -```ts - -import { ElementStyles } from '@microsoft/fast-element'; -import { ElementViewTemplate } from '@microsoft/fast-element'; -import { FASTElement } from '@microsoft/fast-element'; -import { FASTElementDefinition } from '@microsoft/fast-element'; - -// Warning: (ae-missing-release-tag) "DonutChart" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) -// -// @public (undocumented) -export class DonutChart extends FASTElement { - constructor(); - // (undocumented) - activeLegend: string; - // (undocumented) - protected activeLegendChanged(oldValue: string, newValue: string): void; - // (undocumented) - chartWrapper: HTMLDivElement; - // (undocumented) - connectedCallback(): void; - // Warning: (ae-forgotten-export) The symbol "ChartProps_2" needs to be exported by the entry point index.d.ts - // - // (undocumented) - data: ChartProps_2; - // (undocumented) - elementInternals: ElementInternals; - // (undocumented) - group: SVGGElement; - // (undocumented) - handleLegendClick(legendTitle: string): void; - // (undocumented) - handleLegendMouseoutAndBlur(): void; - // (undocumented) - handleLegendMouseoverAndFocus(legendTitle: string): void; - // (undocumented) - height: number; - // (undocumented) - hideLegends: boolean; - // (undocumented) - hideTooltip: boolean; - // (undocumented) - innerRadius: number; - // (undocumented) - isLegendSelected: boolean; - // (undocumented) - legendListLabel?: string; - // Warning: (ae-forgotten-export) The symbol "Legend" needs to be exported by the entry point index.d.ts - // - // (undocumented) - legends: Legend[]; - // (undocumented) - tooltipProps: { - isVisible: boolean; - legend: string; - yValue: string; - color: string; - xPos: number; - yPos: number; - }; - // (undocumented) - protected tooltipPropsChanged(oldValue: any, newValue: any): void; - // (undocumented) - valueInsideDonut?: string; - // (undocumented) - width: number; -} - -// @public (undocumented) -export const DonutChartDefinition: FASTElementDefinition; - -// @public -export const DonutChartStyles: ElementStyles; - -// Warning: (ae-internal-missing-underscore) The name "DonutChartTemplate" should be prefixed with an underscore because the declaration is marked as @internal -// -// @internal (undocumented) -export const DonutChartTemplate: ElementViewTemplate; - -// @public -export class HorizontalBarChart extends FASTElement { - constructor(); - // (undocumented) - activeLegend: string; - // (undocumented) - protected activeLegendChanged: (oldValue: string, newValue: string) => void; - // (undocumented) - chartContainer: HTMLDivElement; - // (undocumented) - chartTitle?: string; - // (undocumented) - connectedCallback(): void; - // Warning: (ae-forgotten-export) The symbol "ChartProps" needs to be exported by the entry point index.d.ts - // - // (undocumented) - data: ChartProps[]; - // (undocumented) - elementInternals: ElementInternals; - // (undocumented) - handleLegendClick: (legendTitle: string) => void; - // (undocumented) - handleLegendMouseoutAndBlur: () => void; - // (undocumented) - handleLegendMouseoverAndFocus: (legendTitle: string) => void; - // (undocumented) - hideLegends: boolean; - // (undocumented) - hideRatio: boolean; - // (undocumented) - hideTooltip: boolean; - // (undocumented) - isLegendSelected: boolean; - // (undocumented) - legendListLabel?: string; - // (undocumented) - tooltipProps: { - isVisible: boolean; - legend: string; - yValue: string; - color: string; - xPos: number; - yPos: number; - }; - // Warning: (ae-forgotten-export) The symbol "ChartDataPoint" needs to be exported by the entry point index.d.ts - // - // (undocumented) - uniqueLegends: ChartDataPoint[]; - // Warning: (ae-forgotten-export) The symbol "Variant" needs to be exported by the entry point index.d.ts - // - // (undocumented) - variant?: Variant; -} - -// @public -export const HorizontalBarChartDefinition: FASTElementDefinition; - -// @public -export const HorizontalBarChartStyles: ElementStyles; - -// Warning: (ae-internal-missing-underscore) The name "HorizontalBarChartTemplate" should be prefixed with an underscore because the declaration is marked as @internal -// -// @internal (undocumented) -export const HorizontalBarChartTemplate: ElementViewTemplate; - -// (No @packageDocumentation comment for this package) - -``` +## API Report File for "@fluentui/chart-web-components" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { ElementStyles } from '@microsoft/fast-element'; +import { ElementViewTemplate } from '@microsoft/fast-element'; +import { FASTElement } from '@microsoft/fast-element'; +import { FASTElementDefinition } from '@microsoft/fast-element'; + +// Warning: (ae-missing-release-tag) "DonutChart" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public (undocumented) +export class DonutChart extends FASTElement { + constructor(); + // (undocumented) + activeLegend: string; + // (undocumented) + protected activeLegendChanged(oldValue: string, newValue: string): void; + // (undocumented) + chartWrapper: HTMLDivElement; + // (undocumented) + connectedCallback(): void; + // Warning: (ae-forgotten-export) The symbol "ChartProps_2" needs to be exported by the entry point index.d.ts + // + // (undocumented) + data: ChartProps_2; + // (undocumented) + elementInternals: ElementInternals; + // (undocumented) + group: SVGGElement; + // (undocumented) + handleLegendClick(legendTitle: string): void; + // (undocumented) + handleLegendMouseoutAndBlur(): void; + // (undocumented) + handleLegendMouseoverAndFocus(legendTitle: string): void; + // (undocumented) + height: number; + // (undocumented) + hideLegends: boolean; + // (undocumented) + hideTooltip: boolean; + // (undocumented) + innerRadius: number; + // (undocumented) + isLegendSelected: boolean; + // (undocumented) + legendListLabel?: string; + // Warning: (ae-forgotten-export) The symbol "Legend" needs to be exported by the entry point index.d.ts + // + // (undocumented) + legends: Legend[]; + // (undocumented) + tooltipProps: { + isVisible: boolean; + legend: string; + yValue: string; + color: string; + xPos: number; + yPos: number; + }; + // (undocumented) + protected tooltipPropsChanged(oldValue: any, newValue: any): void; + // (undocumented) + valueInsideDonut?: string; + // (undocumented) + width: number; +} + +// @public (undocumented) +export const DonutChartDefinition: FASTElementDefinition; + +// @public +export const DonutChartStyles: ElementStyles; + +// Warning: (ae-internal-missing-underscore) The name "DonutChartTemplate" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const DonutChartTemplate: ElementViewTemplate; + +// @public +export class HorizontalBarChart extends FASTElement { + constructor(); + // (undocumented) + activeLegend: string; + // (undocumented) + protected activeLegendChanged: (oldValue: string, newValue: string) => void; + // (undocumented) + chartContainer: HTMLDivElement; + // (undocumented) + chartTitle?: string; + // (undocumented) + connectedCallback(): void; + // Warning: (ae-forgotten-export) The symbol "ChartProps" needs to be exported by the entry point index.d.ts + // + // (undocumented) + data: ChartProps[]; + // (undocumented) + elementInternals: ElementInternals; + // (undocumented) + handleLegendClick: (legendTitle: string) => void; + // (undocumented) + handleLegendMouseoutAndBlur: () => void; + // (undocumented) + handleLegendMouseoverAndFocus: (legendTitle: string) => void; + // (undocumented) + hideLegends: boolean; + // (undocumented) + hideRatio: boolean; + // (undocumented) + hideTooltip: boolean; + // (undocumented) + isLegendSelected: boolean; + // (undocumented) + legendListLabel?: string; + // (undocumented) + tooltipProps: { + isVisible: boolean; + legend: string; + yValue: string; + color: string; + xPos: number; + yPos: number; + }; + // Warning: (ae-forgotten-export) The symbol "ChartDataPoint" needs to be exported by the entry point index.d.ts + // + // (undocumented) + uniqueLegends: ChartDataPoint[]; + // Warning: (ae-forgotten-export) The symbol "Variant" needs to be exported by the entry point index.d.ts + // + // (undocumented) + variant?: Variant; +} + +// @public +export const HorizontalBarChartDefinition: FASTElementDefinition; + +// @public +export const HorizontalBarChartStyles: ElementStyles; + +// Warning: (ae-internal-missing-underscore) The name "HorizontalBarChartTemplate" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const HorizontalBarChartTemplate: ElementViewTemplate; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/charts/chart-web-components/package.json b/packages/charts/chart-web-components/package.json index 980320aeface4..b9e274cd60bb8 100644 --- a/packages/charts/chart-web-components/package.json +++ b/packages/charts/chart-web-components/package.json @@ -90,6 +90,7 @@ }, "devDependencies": { "@microsoft/fast-element": "2.0.0", + "@fluentui/scripts-api-extractor": "*", "@tensile-perf/web-components": "~0.2.0", "@storybook/html": "7.6.20", "@storybook/html-webpack5": "7.6.20", diff --git a/packages/react-components/react-components/config/api-extractor.unstable.json b/packages/react-components/react-components/config/api-extractor.unstable.json index 42d405c7fbbb7..89aee29d8f9a3 100644 --- a/packages/react-components/react-components/config/api-extractor.unstable.json +++ b/packages/react-components/react-components/config/api-extractor.unstable.json @@ -4,7 +4,7 @@ "mainEntryPointFilePath": "/../../../dist/out-tsc/types/packages/react-components//src/unstable/index.d.ts", "apiReport": { "enabled": true, - "reportFileName": ".unstable.api.md" + "reportFileName": ".unstable" }, "dtsRollup": { "enabled": true, diff --git a/packages/web-components/api-extractor.json b/packages/web-components/api-extractor.json index 765a0c97ee8dd..6306744f33307 100644 --- a/packages/web-components/api-extractor.json +++ b/packages/web-components/api-extractor.json @@ -1,35 +1,3 @@ { - "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - - "mainEntryPointFilePath": "/dist/dts/index.d.ts", - - "apiReport": { - "enabled": true, - "reportFolder": "/docs", - "reportFileName": "api-report.md" - }, - - "docModel": { - "enabled": true, - "apiJsonFilePath": "/dist/fluent-web-components.api.json" - }, - "dtsRollup": { - "enabled": true - }, - "compiler": { - "skipLibCheck": false, - "tsconfigFilePath": "./tsconfig.api-extractor.json" - }, - "messages": { - "extractorMessageReporting": { - "ae-missing-release-tag": { - "logLevel": "none", - "addToApiReportFile": true - }, - "ae-different-release-tags": { - "logLevel": "none", - "addToApiReportFile": true - } - } - } + "extends": "@fluentui/scripts-api-extractor/api-extractor.wc.json" } diff --git a/packages/web-components/docs/web-components.api.md b/packages/web-components/docs/web-components.api.md new file mode 100644 index 0000000000000..6dcb01e9fdc20 --- /dev/null +++ b/packages/web-components/docs/web-components.api.md @@ -0,0 +1,4499 @@ +## API Report File for "@fluentui/web-components" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { CaptureType } 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'; +import { FASTElement } from '@microsoft/fast-element'; +import { FASTElementDefinition } from '@microsoft/fast-element'; +import type { HostBehavior } from '@microsoft/fast-element'; +import type { HostController } from '@microsoft/fast-element'; +import { HTMLDirective } from '@microsoft/fast-element'; +import { Orientation } from '@microsoft/fast-web-utilities'; +import { SyntheticViewTemplate } from '@microsoft/fast-element'; +import { ViewTemplate } from '@microsoft/fast-element'; + +// @public +export class Accordion extends FASTElement { + // @internal (undocumented) + protected accordionItems: Element[]; + expandmode: AccordionExpandMode; + // (undocumented) + expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void; + // @internal + handleChange(source: any, propertyName: string): void; + // @internal (undocumented) + slottedAccordionItems: HTMLElement[]; + // @internal (undocumented) + slottedAccordionItemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void; +} + +// @public (undocumented) +export const accordionDefinition: FASTElementDefinition; + +// @public +export const AccordionExpandMode: { + readonly single: "single"; + readonly multi: "multi"; +}; + +// Warning: (ae-forgotten-export) The symbol "ValuesOf" needs to be exported by the entry point index.d.ts +// +// @public +export type AccordionExpandMode = ValuesOf; + +// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag +// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AccordionItem" because one of its declarations is marked as @internal +// +// @public +export class AccordionItem extends BaseAccordionItem { + block: boolean; + blockChanged(prev: boolean, next: boolean): void; + markerPosition?: AccordionItemMarkerPosition; + markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void; + size?: AccordionItemSize; + sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void; +} + +// @internal +export interface AccordionItem extends StartEnd { +} + +// @public (undocumented) +export const accordionItemDefinition: FASTElementDefinition; + +// Warning: (ae-missing-release-tag) "AccordionItemMarkerPosition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AccordionItemMarkerPosition: { + readonly start: "start"; + readonly end: "end"; +}; + +// @public +export type AccordionItemMarkerPosition = ValuesOf; + +// @public +export type AccordionItemOptions = StartEndOptions & { + expandedIcon?: StaticallyComposableHTML; + collapsedIcon?: StaticallyComposableHTML; +}; + +// Warning: (ae-missing-release-tag) "AccordionItemSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AccordionItemSize: { + readonly small: "small"; + readonly medium: "medium"; + readonly large: "large"; + readonly extraLarge: "extra-large"; +}; + +// @public +export type AccordionItemSize = ValuesOf; + +// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public (undocumented) +export const accordionItemStyles: ElementStyles; + +// @public +export const accordionItemTemplate: ElementViewTemplate; + +// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public (undocumented) +export const accordionStyles: ElementStyles; + +// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public (undocumented) +export const accordionTemplate: ElementViewTemplate; + +// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag +// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AnchorButton" because one of its declarations is marked as @internal +// +// @public +export class AnchorButton extends BaseAnchor { + appearance?: AnchorButtonAppearance | undefined; + appearanceChanged(prev: AnchorButtonAppearance | undefined, next: AnchorButtonAppearance | undefined): void; + iconOnly: boolean; + iconOnlyChanged(prev: boolean, next: boolean): void; + shape?: AnchorButtonShape | undefined; + shapeChanged(prev: AnchorButtonShape | undefined, next: AnchorButtonShape | undefined): void; + size?: AnchorButtonSize; + sizeChanged(prev: AnchorButtonSize | undefined, next: AnchorButtonSize | undefined): void; +} + +// @internal +export interface AnchorButton extends StartEnd { +} + +// @public +export const AnchorButtonAppearance: { + readonly primary: "primary"; + readonly outline: "outline"; + readonly subtle: "subtle"; + readonly transparent: "transparent"; +}; + +// @public +export type AnchorButtonAppearance = ValuesOf; + +// @public (undocumented) +export const AnchorButtonDefinition: FASTElementDefinition; + +// @public +export const AnchorButtonShape: { + readonly circular: "circular"; + readonly rounded: "rounded"; + readonly square: "square"; +}; + +// @public +export type AnchorButtonShape = ValuesOf; + +// @public +export const AnchorButtonSize: { + readonly small: "small"; + readonly medium: "medium"; + readonly large: "large"; +}; + +// @public +export type AnchorButtonSize = ValuesOf; + +// @public +export const AnchorButtonTemplate: ElementViewTemplate; + +// @public +export const AnchorTarget: { + readonly _self: "_self"; + readonly _blank: "_blank"; + readonly _parent: "_parent"; + readonly _top: "_top"; +}; + +// @public +export type AnchorTarget = ValuesOf; + +// @public +export class Avatar extends BaseAvatar { + appearance?: AvatarAppearance | undefined; + color?: AvatarColor | undefined; + colorId?: AvatarNamedColor | undefined; + 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")[]; + // (undocumented) + connectedCallback(): void; + // (undocumented) + disconnectedCallback(): void; + // @internal + generateColor(): void; + // @internal + generateInitials(): string | void; + // @internal + handleChange(source: any, propertyName: string): void; + shape?: AvatarShape | undefined; + size?: AvatarSize | undefined; +} + +// Warning: (ae-missing-release-tag) "AvatarActive" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// Warning: (ae-missing-release-tag) "AvatarActive" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AvatarActive: { + readonly active: "active"; + readonly inactive: "inactive"; +}; + +// @public +export type AvatarActive = ValuesOf; + +// Warning: (ae-missing-release-tag) "AvatarAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// Warning: (ae-missing-release-tag) "AvatarAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AvatarAppearance: { + readonly ring: "ring"; + readonly shadow: "shadow"; + readonly ringShadow: "ring-shadow"; +}; + +// @public +export type AvatarAppearance = ValuesOf; + +// Warning: (ae-missing-release-tag) "AvatarColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// Warning: (ae-missing-release-tag) "AvatarColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AvatarColor: { + readonly darkRed: "dark-red"; + readonly cranberry: "cranberry"; + readonly red: "red"; + readonly pumpkin: "pumpkin"; + readonly peach: "peach"; + readonly marigold: "marigold"; + readonly gold: "gold"; + readonly brass: "brass"; + readonly brown: "brown"; + readonly forest: "forest"; + readonly seafoam: "seafoam"; + readonly darkGreen: "dark-green"; + readonly lightTeal: "light-teal"; + readonly teal: "teal"; + readonly steel: "steel"; + readonly blue: "blue"; + readonly royalBlue: "royal-blue"; + readonly cornflower: "cornflower"; + readonly navy: "navy"; + readonly lavender: "lavender"; + readonly purple: "purple"; + readonly grape: "grape"; + readonly lilac: "lilac"; + readonly pink: "pink"; + readonly magenta: "magenta"; + readonly plum: "plum"; + readonly beige: "beige"; + readonly mink: "mink"; + readonly platinum: "platinum"; + readonly anchor: "anchor"; + readonly neutral: "neutral"; + readonly brand: "brand"; + readonly colorful: "colorful"; +}; + +// @public +export type AvatarColor = ValuesOf; + +// @public +export const AvatarDefinition: FASTElementDefinition; + +// Warning: (ae-missing-release-tag) "AvatarNamedColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AvatarNamedColor: { + readonly darkRed: "dark-red"; + readonly cranberry: "cranberry"; + readonly red: "red"; + readonly pumpkin: "pumpkin"; + readonly peach: "peach"; + readonly marigold: "marigold"; + readonly gold: "gold"; + readonly brass: "brass"; + readonly brown: "brown"; + readonly forest: "forest"; + readonly seafoam: "seafoam"; + readonly darkGreen: "dark-green"; + readonly lightTeal: "light-teal"; + readonly teal: "teal"; + readonly steel: "steel"; + readonly blue: "blue"; + readonly royalBlue: "royal-blue"; + readonly cornflower: "cornflower"; + readonly navy: "navy"; + readonly lavender: "lavender"; + readonly purple: "purple"; + readonly grape: "grape"; + readonly lilac: "lilac"; + readonly pink: "pink"; + readonly magenta: "magenta"; + readonly plum: "plum"; + readonly beige: "beige"; + readonly mink: "mink"; + readonly platinum: "platinum"; + readonly anchor: "anchor"; +}; + +// @public +export type AvatarNamedColor = ValuesOf; + +// Warning: (ae-missing-release-tag) "AvatarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// Warning: (ae-missing-release-tag) "AvatarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public +export const AvatarShape: { + readonly circular: "circular"; + readonly square: "square"; +}; + +// @public +export type AvatarShape = ValuesOf; + +// @public +export const AvatarSize: { + readonly _16: 16; + readonly _20: 20; + readonly _24: 24; + readonly _28: 28; + readonly _32: 32; + readonly _36: 36; + readonly _40: 40; + readonly _48: 48; + readonly _56: 56; + readonly _64: 64; + readonly _72: 72; + readonly _96: 96; + readonly _120: 120; + readonly _128: 128; +}; + +// @public +export type AvatarSize = ValuesOf; + +// @public +export const AvatarStyles: ElementStyles; + +// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public (undocumented) +export const AvatarTemplate: ElementViewTemplate; + +// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag +// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Badge" because one of its declarations is marked as @internal +// +// @public +export class Badge extends FASTElement { + appearance: BadgeAppearance; + appearanceChanged(prev: BadgeAppearance | undefined, next: BadgeAppearance | undefined): void; + color: BadgeColor; + colorChanged(prev: BadgeColor | undefined, next: BadgeColor | undefined): void; + // @internal + elementInternals: ElementInternals; + shape?: BadgeShape; + shapeChanged(prev: BadgeShape | undefined, next: BadgeShape | undefined): void; + size?: BadgeSize; + sizeChanged(prev: BadgeSize | undefined, next: BadgeSize | undefined): void; +} + +// @internal +export interface Badge extends StartEnd { +} + +// @public +export const BadgeAppearance: { + readonly filled: "filled"; + readonly ghost: "ghost"; + readonly outline: "outline"; + readonly tint: "tint"; +}; + +// @public +export type BadgeAppearance = ValuesOf; + +// @public +export const BadgeColor: { + readonly brand: "brand"; + readonly danger: "danger"; + readonly important: "important"; + readonly informative: "informative"; + readonly severe: "severe"; + readonly subtle: "subtle"; + readonly success: "success"; + readonly warning: "warning"; +}; + +// @public +export type BadgeColor = ValuesOf; + +// @public (undocumented) +export const BadgeDefinition: FASTElementDefinition; + +// @public +export const BadgeShape: { + readonly circular: "circular"; + readonly rounded: "rounded"; + readonly square: "square"; +}; + +// @public +export type BadgeShape = ValuesOf; + +// @public +export const BadgeSize: { + readonly tiny: "tiny"; + readonly extraSmall: "extra-small"; + readonly small: "small"; + readonly medium: "medium"; + readonly large: "large"; + readonly extraLarge: "extra-large"; +}; + +// @public +export type BadgeSize = ValuesOf; + +// @public +export const BadgeStyles: ElementStyles; + +// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal) +// +// @public (undocumented) +export const BadgeTemplate: ElementViewTemplate; + +// @public (undocumented) +export class BaseAccordionItem extends FASTElement { + disabled: boolean; + disabledChanged(prev: boolean, next: boolean): void; + // @internal + elementInternals: ElementInternals; + // @internal (undocumented) + expandbutton: HTMLElement; + expanded: boolean; + expandedChanged(prev: boolean, next: boolean): void; + headinglevel: 1 | 2 | 3 | 4 | 5 | 6; + id: string; +} + +// @public +export class BaseAnchor extends FASTElement { + constructor(); + // @internal + clickHandler(e: PointerEvent): boolean; + // (undocumented) + connectedCallback(): void; + // (undocumented) + disconnectedCallback(): void; + download?: string; + // @internal + elementInternals: ElementInternals; + // @internal + handleChange(source: any, propertyName: string): void; + href?: string; + hreflang?: string; + keydownHandler(e: KeyboardEvent): boolean | void; + ping?: string; + referrerpolicy?: string; + rel: string; + target?: AnchorTarget; + type?: string; +} + +// @public +export class BaseAvatar extends FASTElement { + constructor(); + active?: AvatarActive | undefined; + // @internal + elementInternals: ElementInternals; + initials?: string | undefined; + name?: string | undefined; +} + +// @public +export class BaseButton extends FASTElement { + constructor(); + autofocus: boolean; + // @internal + clickHandler(e: Event): boolean | void; + // (undocumented) + connectedCallback(): void; + defaultSlottedContent: HTMLElement[]; + disabled?: boolean; + disabledFocusable: boolean; + // @internal + disabledFocusableChanged(previous: boolean, next: boolean): void; + // @internal + elementInternals: ElementInternals; + get form(): HTMLFormElement | null; + formAction?: string; + static readonly formAssociated = true; + formAttribute?: string; + // @internal + formDisabledCallback(disabled: boolean): void; + formEnctype?: string; + formMethod?: string; + formNoValidate?: boolean; + formTarget?: ButtonFormTarget; + keypressHandler(e: KeyboardEvent): boolean | void; + get labels(): ReadonlyArray; + name?: string; + protected press(): void; + resetForm(): void; + tabIndex: number; + type: ButtonType; + // @internal + typeChanged(previous: ButtonType, next: ButtonType): void; + value?: string; +} + +// @public +export class BaseCheckbox extends FASTElement { + autofocus: boolean; + get checked(): boolean; + set checked(next: boolean); + checkValidity(): boolean; + // @internal + clickHandler(e: MouseEvent): boolean | void; + // (undocumented) + connectedCallback(): void; + disabled?: boolean; + disabledAttribute?: boolean; + // @internal + protected disabledAttributeChanged(prev: boolean | undefined, next: boolean | undefined): void; + // @internal + protected disabledChanged(prev: boolean | undefined, next: boolean | undefined): void; + // @internal + elementInternals: ElementInternals; + get form(): HTMLFormElement | null; + static formAssociated: boolean; + formAttribute?: string; + // @internal + formResetCallback(): void; + initialChecked?: boolean; + // @internal + protected initialCheckedChanged(prev: boolean | undefined, next: boolean | undefined): void; + initialValue: string; + // @internal + protected initialValueChanged(prev: string, next: string): void; + // @internal + inputHandler(e: InputEvent): boolean | void; + // @internal + keydownHandler(e: KeyboardEvent): boolean | void; + // @internal + keyupHandler(e: KeyboardEvent): boolean | void; + get labels(): ReadonlyArray; + name: string; + reportValidity(): boolean; + required: boolean; + // @internal + protected requiredChanged(prev: boolean, next: boolean): void; + // @internal + protected setAriaChecked(value?: boolean): void; + setCustomValidity(message: string): void; + // @internal + setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void; + // @internal + setValidity(flags?: Partial, message?: string, anchor?: HTMLElement): void; + toggleChecked(force?: boolean): void; + get validationMessage(): string; + get validity(): ValidityState; + get value(): string; + set value(value: string); + get willValidate(): boolean; +} + +// @public +export class BaseDivider extends FASTElement { + // (undocumented) + connectedCallback(): void; + // @internal + elementInternals: ElementInternals; + orientation?: DividerOrientation; + // @internal + orientationChanged(previous: DividerRole | undefined, next: DividerRole | undefined): void; + role: DividerRole; + // @internal + roleChanged(previous: string | null, next: string | null): void; +} + +// @public +export class BaseDropdown extends FASTElement { + constructor(); + get activeDescendant(): string | undefined; + // @internal + activeIndex: number; + // @internal + activeIndexChanged(prev: number | undefined, next: number | undefined): void; + ariaLabelledBy: string; + changeHandler(e: Event): boolean | void; + clickHandler(e: PointerEvent): boolean | void; + // @internal + control: HTMLInputElement; + // @internal + controlChanged(prev: HTMLInputElement | undefined, next: HTMLInputElement | undefined): void; + // @internal + controlSlot: HTMLSlotElement; + disabled?: boolean; + disabledChanged(prev: boolean | undefined, next: boolean | undefined): void; + get displayValue(): string; + // @internal + elementInternals: ElementInternals; + get enabledOptions(): DropdownOption[]; + // @internal + filterOptions(value: string, collection?: DropdownOption[]): DropdownOption[]; + // @internal + focus(options?: FocusOptions): void; + // @internal + focusoutHandler(e: FocusEvent): boolean | void; + static formAssociated: boolean; + // @internal + formResetCallback(): void; + // @override + id: string; + // @internal + indicator: HTMLDivElement; + // @internal + indicatorSlot?: HTMLSlotElement; + initialValue?: string; + inputHandler(e: InputEvent): boolean | void; + protected insertControl(): void; + keydownHandler(e: KeyboardEvent): boolean | void; + // @internal + listbox: Listbox; + // @internal + listboxChanged(prev: Listbox | undefined, next: Listbox | undefined): void; + // @internal + listboxSlot: HTMLSlotElement; + // @internal + mousedownHandler(e: MouseEvent): boolean | void; + multiple?: boolean; + // @internal + protected multipleChanged(prev: boolean | undefined, next: boolean | undefined): void; + name: string; + nameChanged(prev: string, next: string): void; + open: boolean; + // @internal + openChanged(prev: boolean | undefined, next: boolean | undefined): void; + get options(): DropdownOption[]; + placeholder: string; + required: boolean; + // @internal + get selectedIndex(): number; + get selectedOptions(): DropdownOption[]; + selectOption(index?: number): void; + // @internal + setValidity(flags?: Partial, message?: string, anchor?: HTMLElement): void; + type: DropdownType; + // @internal + typeChanged(prev: DropdownType | undefined, next: DropdownType | undefined): void; + // @internal + protected updateFreeformOption(value?: string): void; + // @internal + get validationMessage(): string; + get value(): string | null; + set value(next: string | null); + valueAttribute: string; +} + +// @public +export class BaseField extends FASTElement { + constructor(); + // @internal + changeHandler(e: Event): boolean | void; + // @internal + clickHandler(e: MouseEvent): boolean | void; + // @internal + elementInternals: ElementInternals; + // @internal + focusinHandler(e: FocusEvent): boolean | void; + // @internal + focusoutHandler(e: FocusEvent): boolean | void; + input: SlottableInput; + inputChanged(prev: SlottableInput | undefined, next: SlottableInput | undefined): void; + // @internal + invalidHandler(e: Event): boolean | void; + // @internal + labelSlot: Node[]; + protected labelSlotChanged(prev: Node[], next: Node[]): void; + // @internal + messageSlot: Element[]; + // @internal + messageSlotChanged(prev: Element[], next: Element[]): void; + // @internal + setStates(): void; + // (undocumented) + setValidationStates(): void; + // @internal + slottedInputs: SlottableInput[]; + // @internal + slottedInputsChanged(prev: SlottableInput[] | undefined, next: SlottableInput[] | undefined): void; +} + +// @public +export class BaseProgressBar extends FASTElement { + constructor(); + // @internal + elementInternals: ElementInternals; + // @internal + max?: number; + // @internal + protected maxChanged(prev: number | undefined, next: number | undefined): void; + // @internal + min?: number; + protected minChanged(prev: number | undefined, next: number | undefined): void; + // @internal + get percentComplete(): number; + validationState: ProgressBarValidationState | null; + validationStateChanged(prev: ProgressBarValidationState | undefined, next: ProgressBarValidationState | undefined): void; + // @internal + value?: number; + // @internal + protected valueChanged(prev: number | undefined, next: number | undefined): void; +} + +// @public +export class BaseRatingDisplay extends FASTElement { + constructor(); + count?: number; + // @internal + elementInternals: ElementInternals; + // @internal + get formattedCount(): string; + // @internal + generateIcons(): string; + protected getMaxIcons(): number; + protected getSelectedValue(): number; + iconViewBox?: string; + max?: number; + // @internal (undocumented) + slottedIcon: HTMLElement[]; + // @internal (undocumented) + slottedIconChanged(): void; + value?: number; +} + +// @public +export class BaseSpinner extends FASTElement { + constructor(); + // @internal + elementInternals: ElementInternals; +} + +// @public +export class BaseTablist extends FASTElement { + activeid: string; + // @internal (undocumented) + protected activeidChanged(oldValue: string, newValue: string): void; + activetab: HTMLElement; + adjust(adjustment: number): void; + // @internal (undocumented) + connectedCallback(): void; + disabled: boolean; + // @internal + protected disabledChanged(prev: boolean, next: boolean): void; + // @internal + elementInternals: ElementInternals; + orientation: TablistOrientation; + // @internal (undocumented) + protected orientationChanged(prev: TablistOrientation, next: TablistOrientation): void; + protected setTabs(): void; + // @internal (undocumented) + tabs: HTMLElement[]; + // @internal (undocumented) + protected tabsChanged(): void; +} + +// @public +export class BaseTextArea extends FASTElement { + constructor(); + autocomplete?: TextAreaAutocomplete; + autoResize: boolean; + // (undocumented) + protected autoResizeChanged(): void; + // @internal (undocumented) + autoSizerEl?: HTMLDivElement; + checkValidity(): boolean; + // @internal (undocumented) + connectedCallback(): void; + // @internal + controlEl: HTMLTextAreaElement; + // @internal + defaultSlottedNodes: Node[]; + // (undocumented) + protected defaultSlottedNodesChanged(): void; + get defaultValue(): string; + set defaultValue(next: string); + dirName?: string; + disabled: boolean; + // (undocumented) + protected disabledChanged(): void; + // @internal (undocumented) + disconnectedCallback(): void; + displayShadow: boolean; + // @internal + elementInternals: ElementInternals; + get form(): HTMLFormElement | null; + static readonly formAssociated = true; + // @internal (undocumented) + formDisabledCallback(disabled: boolean): void; + // @internal + formResetCallback(): void; + // @internal (undocumented) + handleControlChange(): void; + // @internal (undocumented) + handleControlInput(): void; + // @internal (undocumented) + handleControlSelect(): void; + initialForm?: string; + // @internal + labelEl: HTMLLabelElement; + get labels(): NodeList; + // @internal + labelSlottedNodes: Label[]; + // (undocumented) + protected labelSlottedNodesChanged(): void; + maxLength?: number; + minLength?: number; + name: string; + placeholder?: string; + readOnly: boolean; + // (undocumented) + protected readOnlyChanged(): void; + reportValidity(): boolean; + required: boolean; + // (undocumented) + protected requiredChanged(): void; + resize: TextAreaResize; + // (undocumented) + protected resizeChanged(prev: TextAreaResize | undefined, next: TextAreaResize | undefined): void; + select(): void; + setCustomValidity(message: string | null): void; + // @internal + setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void; + // @internal + setValidity(flags?: Partial, message?: string, anchor?: HTMLElement): void; + spellcheck: boolean; + get textLength(): number; + get type(): 'textarea'; + get validationMessage(): string; + get validity(): ValidityState; + get value(): string; + set value(next: string); + get willValidate(): boolean; +} + +// @public +export class BaseTextInput extends FASTElement { + autocomplete?: string; + autofocus: boolean; + // @internal + beforeinputHandler(e: InputEvent): boolean | void; + // @internal + changeHandler(e: InputEvent): boolean | void; + checkValidity(): boolean; + clickHandler(e: MouseEvent): boolean | void; + // (undocumented) + connectedCallback(): void; + // @internal + control: HTMLInputElement; + // @internal + controlLabel: HTMLLabelElement; + currentValue: string; + // @internal + currentValueChanged(prev: string, next: string): void; + // @internal + defaultSlottedNodes: Node[]; + // @internal + defaultSlottedNodesChanged(prev: Node[] | undefined, next: Node[] | undefined): void; + dirname?: string; + disabled?: boolean; + // @internal + elementInternals: ElementInternals; + focusinHandler(e: FocusEvent): boolean | void; + get form(): HTMLFormElement | null; + static readonly formAssociated = true; + formAttribute?: string; + // @internal + formResetCallback(): void; + initialValue: string; + // @internal + initialValueChanged(): void; + // @internal + inputHandler(e: InputEvent): boolean | void; + // @internal + keydownHandler(e: KeyboardEvent): boolean | void; + list: string; + maxlength: number; + minlength: number; + multiple: boolean; + name: string; + pattern: string; + placeholder: string; + readOnly?: boolean; + // @internal + readOnlyChanged(): void; + reportValidity(): boolean; + required: boolean; + // @internal + requiredChanged(previous: boolean, next: boolean): void; + select(): void; + setCustomValidity(message: string): void; + // @internal + setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void; + // @internal + setValidity(flags?: Partial, message?: string, anchor?: HTMLElement): void; + size: number; + spellcheck: boolean; + type: TextInputType; + get validationMessage(): string; + get validity(): ValidityState; + get value(): string; + set value(value: string); + get willValidate(): boolean; +} + +// @public +export const borderRadiusCircular = "var(--borderRadiusCircular)"; + +// @public +export const borderRadiusLarge = "var(--borderRadiusLarge)"; + +// @public +export const borderRadiusMedium = "var(--borderRadiusMedium)"; + +// @public +export const borderRadiusNone = "var(--borderRadiusNone)"; + +// @public +export const borderRadiusSmall = "var(--borderRadiusSmall)"; + +// @public +export const borderRadiusXLarge = "var(--borderRadiusXLarge)"; + +// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag +// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Button" because one of its declarations is marked as @internal +// +// @public +export class Button extends BaseButton { + appearance?: ButtonAppearance; + appearanceChanged(prev: ButtonAppearance | undefined, next: ButtonAppearance | undefined): void; + iconOnly: boolean; + iconOnlyChanged(prev: boolean, next: boolean): void; + shape?: ButtonShape; + shapeChanged(prev: ButtonShape | undefined, next: ButtonShape | undefined): void; + size?: ButtonSize; + sizeChanged(prev: ButtonSize | undefined, next: ButtonSize | undefined): void; +} + +// @internal (undocumented) +export interface Button extends StartEnd { +} + +// @public +export const ButtonAppearance: { + readonly primary: "primary"; + readonly outline: "outline"; + readonly subtle: "subtle"; + readonly transparent: "transparent"; +}; + +// @public +export type ButtonAppearance = ValuesOf; + +// @public +export const ButtonDefinition: FASTElementDefinition; + +// @public +export const ButtonFormTarget: { + readonly blank: "_blank"; + readonly self: "_self"; + readonly parent: "_parent"; + readonly top: "_top"; +}; + +// @public +export type ButtonFormTarget = ValuesOf; + +// @public +type ButtonOptions = StartEndOptions