diff --git a/packages/web-components/fast-components-msft/docs/api-report.md b/packages/web-components/fast-components-msft/docs/api-report.md index 8adb330643b..e8bcfe4cf5c 100644 --- a/packages/web-components/fast-components-msft/docs/api-report.md +++ b/packages/web-components/fast-components-msft/docs/api-report.md @@ -5,6 +5,7 @@ ```ts import { Accordion } from '@microsoft/fast-foundation'; +import { AccordionItem } from '@microsoft/fast-foundation'; import { Anchor } from '@microsoft/fast-foundation'; import { Badge } from '@microsoft/fast-foundation'; import { BaseProgress } from '@microsoft/fast-foundation'; @@ -35,6 +36,10 @@ export type BadgeAppearance = "accent" | "lightweight" | "neutral" | string; export class FASTAccordion extends Accordion { } +// @public (undocumented) +export class FASTAccordionItem extends AccordionItem { +} + // @public (undocumented) export class FASTAnchor extends Anchor { } diff --git a/packages/web-components/fast-components-msft/src/accordion/index.ts b/packages/web-components/fast-components-msft/src/accordion/index.ts index 46d4832f179..d4cc0670ac7 100644 --- a/packages/web-components/fast-components-msft/src/accordion/index.ts +++ b/packages/web-components/fast-components-msft/src/accordion/index.ts @@ -2,6 +2,8 @@ import { customElement } from "@microsoft/fast-element"; import { Accordion, AccordionTemplate as template } from "@microsoft/fast-foundation"; import { AccordionStyles as styles } from "./accordion.styles"; +export * from "./accordion-item/index"; + @customElement({ name: "fast-accordion", template, diff --git a/packages/web-components/fast-components-msft/temp/api-report.md b/packages/web-components/fast-components-msft/temp/api-report.md index 8adb330643b..e8bcfe4cf5c 100644 --- a/packages/web-components/fast-components-msft/temp/api-report.md +++ b/packages/web-components/fast-components-msft/temp/api-report.md @@ -5,6 +5,7 @@ ```ts import { Accordion } from '@microsoft/fast-foundation'; +import { AccordionItem } from '@microsoft/fast-foundation'; import { Anchor } from '@microsoft/fast-foundation'; import { Badge } from '@microsoft/fast-foundation'; import { BaseProgress } from '@microsoft/fast-foundation'; @@ -35,6 +36,10 @@ export type BadgeAppearance = "accent" | "lightweight" | "neutral" | string; export class FASTAccordion extends Accordion { } +// @public (undocumented) +export class FASTAccordionItem extends AccordionItem { +} + // @public (undocumented) export class FASTAnchor extends Anchor { } diff --git a/packages/web-components/fast-components/docs/api-report.md b/packages/web-components/fast-components/docs/api-report.md index e7d2409a6a5..50d03fb599d 100644 --- a/packages/web-components/fast-components/docs/api-report.md +++ b/packages/web-components/fast-components/docs/api-report.md @@ -5,6 +5,7 @@ ```ts import { Accordion } from '@microsoft/fast-foundation'; +import { AccordionItem } from '@microsoft/fast-foundation'; import { Anchor } from '@microsoft/fast-foundation'; import { Badge } from '@microsoft/fast-foundation'; import { BaseProgress } from '@microsoft/fast-foundation'; @@ -30,133 +31,175 @@ import { TextField } from '@microsoft/fast-foundation'; // Warning: (ae-forgotten-export) The symbol "SwatchFamilyResolver" needs to be exported by the entry point index.d.ts // Warning: (ae-forgotten-export) The symbol "FillSwatchFamily" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "accentFill" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const accentFill: SwatchFamilyResolver; // Warning: (ae-forgotten-export) The symbol "SwatchRecipe" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "accentFillActive" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const accentFillActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLarge: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentFillLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeSelected: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillSelected: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForeground" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForeground: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "accentForegroundCut" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const accentForegroundCut: SwatchRecipe; -// @public +// Warning: (ae-internal-missing-underscore) The name "accentForegroundCutLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const accentForegroundCutLarge: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundCutRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLarge: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLargeActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLargeActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentForegroundLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLargeHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLargeHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLargeRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLargeRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export function createColorPalette(baseColor: any): string[]; // @public (undocumented) export class FASTAccordion extends Accordion { } +// @public (undocumented) +export class FASTAccordionItem extends AccordionItem { +} + // @public (undocumented) export class FASTAnchor extends Anchor { } @@ -384,26 +427,32 @@ export class FASTTextField extends TextField { // @public export function isDarkMode(designSystem: FASTDesignSystem): boolean; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralDividerRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralDividerRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralDividerRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "ColorRecipe" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "neutralFill" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const neutralFill: ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "Swatch" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "neutralFillCard" because one of its declarations is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export function neutralFillCard(designSystem: FASTDesignSystem): Swatch; // Warning: (ae-forgotten-export) The symbol "SwatchResolver" needs to be exported by the entry point index.d.ts @@ -411,251 +460,329 @@ export function neutralFillCard(designSystem: FASTDesignSystem): Swatch; // @public (undocumented) export function neutralFillCard(backgroundResolver: SwatchResolver): SwatchResolver; -// @public (undocumented) +// @public export const neutralFillCardRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInput: ColorRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInput" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInput: import("./common").ColorRecipe; -// @public (undocumented) -export const neutralFillInputActive: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputActive: import("./common").ColorRecipe; -// @public (undocumented) +// @public export const neutralFillInputActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillInputFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInputHover: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputHover: import("./common").ColorRecipe; -// @public (undocumented) +// @public export const neutralFillInputHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInputRest: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputRest: import("./common").ColorRecipe; -// @public (undocumented) +// @public export const neutralFillInputRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInputSelected: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputSelected: import("./common").ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillSelected: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealth" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealth: ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthActive: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillStealthFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthHover: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthRest: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthSelected: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggle" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggle: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggleActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggleActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillToggleActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillToggleFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggleHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggleHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillToggleHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggleRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggleRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillToggleRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFocus" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFocus: ColorRecipe; -// @public (undocumented) +// @public export const neutralFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "DesignSystemResolver" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "neutralFocusInnerAccent" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export function neutralFocusInnerAccent(accentFillColor: DesignSystemResolver): DesignSystemResolver; -// @public (undocumented) +// @public export const neutralFocusInnerAccentBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForeground" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForeground: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForegroundActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundHint" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundHint: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundHintBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundHintLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundHintLarge: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundHintLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForegroundHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForegroundRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundToggle" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundToggle: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundToggleBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundToggleLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundToggleLarge: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundToggleLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerCard" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerCard: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerCardBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerCardContainer" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerCardContainer: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerCardContainerBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerFloating" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerFloating: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerFloatingBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL1" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL1: ColorRecipe; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL1Alt" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL1Alt: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL1AltBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralLayerL1Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL2" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL2: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL2Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL3" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL3: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL3Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL4" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL4: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL4Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "SwatchFamily" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "neutralOutline" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const neutralOutline: ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralOutlineActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralOutlineActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralOutlineActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralOutlineFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralOutlineHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralOutlineHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralOutlineHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralOutlineRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralOutlineRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralOutlineRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // @public export type Palette = Swatch[]; -// @public @deprecated +// Warning: (ae-internal-missing-underscore) The name "palette" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal @deprecated export function palette(paletteType: PaletteType): DesignSystemResolver; // @public @deprecated diff --git a/packages/web-components/fast-components/src/accordion/index.ts b/packages/web-components/fast-components/src/accordion/index.ts index 46d4832f179..d4cc0670ac7 100644 --- a/packages/web-components/fast-components/src/accordion/index.ts +++ b/packages/web-components/fast-components/src/accordion/index.ts @@ -2,6 +2,8 @@ import { customElement } from "@microsoft/fast-element"; import { Accordion, AccordionTemplate as template } from "@microsoft/fast-foundation"; import { AccordionStyles as styles } from "./accordion.styles"; +export * from "./accordion-item/index"; + @customElement({ name: "fast-accordion", template, diff --git a/packages/web-components/fast-components/temp/api-report.md b/packages/web-components/fast-components/temp/api-report.md index e7d2409a6a5..50d03fb599d 100644 --- a/packages/web-components/fast-components/temp/api-report.md +++ b/packages/web-components/fast-components/temp/api-report.md @@ -5,6 +5,7 @@ ```ts import { Accordion } from '@microsoft/fast-foundation'; +import { AccordionItem } from '@microsoft/fast-foundation'; import { Anchor } from '@microsoft/fast-foundation'; import { Badge } from '@microsoft/fast-foundation'; import { BaseProgress } from '@microsoft/fast-foundation'; @@ -30,133 +31,175 @@ import { TextField } from '@microsoft/fast-foundation'; // Warning: (ae-forgotten-export) The symbol "SwatchFamilyResolver" needs to be exported by the entry point index.d.ts // Warning: (ae-forgotten-export) The symbol "FillSwatchFamily" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "accentFill" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const accentFill: SwatchFamilyResolver; // Warning: (ae-forgotten-export) The symbol "SwatchRecipe" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "accentFillActive" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const accentFillActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLarge: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentFillLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillLargeSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillLargeSelected: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillLargeSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentFillSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentFillSelected: SwatchRecipe; -// @public (undocumented) +// @public export const accentFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForeground" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForeground: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "accentForegroundCut" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const accentForegroundCut: SwatchRecipe; -// @public +// Warning: (ae-internal-missing-underscore) The name "accentForegroundCutLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const accentForegroundCutLarge: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundCutRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLarge: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLargeActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLargeActive: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const accentForegroundLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLargeHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLargeHover: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundLargeRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundLargeRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "accentForegroundRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const accentForegroundRest: SwatchRecipe; -// @public (undocumented) +// @public export const accentForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export function createColorPalette(baseColor: any): string[]; // @public (undocumented) export class FASTAccordion extends Accordion { } +// @public (undocumented) +export class FASTAccordionItem extends AccordionItem { +} + // @public (undocumented) export class FASTAnchor extends Anchor { } @@ -384,26 +427,32 @@ export class FASTTextField extends TextField { // @public export function isDarkMode(designSystem: FASTDesignSystem): boolean; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralDividerRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralDividerRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralDividerRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "ColorRecipe" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "neutralFill" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const neutralFill: ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "Swatch" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "neutralFillCard" because one of its declarations is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export function neutralFillCard(designSystem: FASTDesignSystem): Swatch; // Warning: (ae-forgotten-export) The symbol "SwatchResolver" needs to be exported by the entry point index.d.ts @@ -411,251 +460,329 @@ export function neutralFillCard(designSystem: FASTDesignSystem): Swatch; // @public (undocumented) export function neutralFillCard(backgroundResolver: SwatchResolver): SwatchResolver; -// @public (undocumented) +// @public export const neutralFillCardRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInput: ColorRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInput" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInput: import("./common").ColorRecipe; -// @public (undocumented) -export const neutralFillInputActive: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputActive: import("./common").ColorRecipe; -// @public (undocumented) +// @public export const neutralFillInputActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillInputFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInputHover: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputHover: import("./common").ColorRecipe; -// @public (undocumented) +// @public export const neutralFillInputHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInputRest: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputRest: import("./common").ColorRecipe; -// @public (undocumented) +// @public export const neutralFillInputRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) -export const neutralFillInputSelected: SwatchRecipe; +// Warning: (ae-internal-missing-underscore) The name "neutralFillInputSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export const neutralFillInputSelected: import("./common").ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillSelected: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealth" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealth: ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthActive: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillStealthFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthHover: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthRest: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillStealthSelected" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillStealthSelected: ColorRecipe; -// @public (undocumented) +// @public export const neutralFillStealthSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggle" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggle: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggleActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggleActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillToggleActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralFillToggleFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggleHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggleHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillToggleHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFillToggleRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFillToggleRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralFillToggleRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralFocus" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralFocus: ColorRecipe; -// @public (undocumented) +// @public export const neutralFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "DesignSystemResolver" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "neutralFocusInnerAccent" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export function neutralFocusInnerAccent(accentFillColor: DesignSystemResolver): DesignSystemResolver; -// @public (undocumented) +// @public export const neutralFocusInnerAccentBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForeground" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForeground: SwatchFamilyResolver; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForegroundActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundHint" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundHint: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundHintBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundHintLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundHintLarge: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundHintLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForegroundHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralForegroundRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundToggle" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundToggle: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundToggleBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralForegroundToggleLarge" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralForegroundToggleLarge: SwatchRecipe; -// @public (undocumented) +// @public export const neutralForegroundToggleLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerCard" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerCard: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerCardBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerCardContainer" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerCardContainer: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerCardContainerBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerFloating" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerFloating: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerFloatingBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL1" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL1: ColorRecipe; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL1Alt" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL1Alt: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL1AltBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralLayerL1Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL2" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL2: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL2Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL3" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL3: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL3Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public +// Warning: (ae-internal-missing-underscore) The name "neutralLayerL4" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal export const neutralLayerL4: ColorRecipe; -// @public (undocumented) +// @public export const neutralLayerL4Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // Warning: (ae-forgotten-export) The symbol "SwatchFamily" needs to be exported by the entry point index.d.ts +// Warning: (ae-internal-missing-underscore) The name "neutralOutline" should be prefixed with an underscore because the declaration is marked as @internal // -// @public (undocumented) +// @internal (undocumented) export const neutralOutline: ColorRecipe; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralOutlineActive" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralOutlineActive: SwatchRecipe; -// @public (undocumented) +// @public export const neutralOutlineActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// @public export const neutralOutlineFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralOutlineHover" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralOutlineHover: SwatchRecipe; -// @public (undocumented) +// @public export const neutralOutlineHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; -// @public (undocumented) +// Warning: (ae-internal-missing-underscore) The name "neutralOutlineRest" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) export const neutralOutlineRest: SwatchRecipe; -// @public (undocumented) +// @public export const neutralOutlineRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior; // @public export type Palette = Swatch[]; -// @public @deprecated +// Warning: (ae-internal-missing-underscore) The name "palette" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal @deprecated export function palette(paletteType: PaletteType): DesignSystemResolver; // @public @deprecated diff --git a/sites/fast-component-explorer/app/config.ts b/sites/fast-component-explorer/app/config.ts index 0d45637ff30..e24d1c3b30b 100644 --- a/sites/fast-component-explorer/app/config.ts +++ b/sites/fast-component-explorer/app/config.ts @@ -9,6 +9,7 @@ import { } from "@microsoft/site-utilities"; import { fastMenuItemId } from "./fast-components/configs/fast-menu"; import { fastSliderLabelId } from "./fast-components/configs/fast-slider"; +import { fastAccordionItemId } from "./fast-components/configs/fast-accordion"; import { fastTabId, fastTabPanelId } from "./fast-components/configs/fast-tabs"; import { fastDesignSystemProviderId } from "./fast-components/configs/fast-design-system-provider"; @@ -23,6 +24,7 @@ const history: any = createBrowserHistory(); const menu: MenuItem[] = generateMenu( omit(schemaDictionary, [ textSchema.id, + fastAccordionItemId, fastMenuItemId, fastSliderLabelId, fastTabId, diff --git a/sites/fast-component-explorer/app/fast-components/configs/fast-accordion.ts b/sites/fast-component-explorer/app/fast-components/configs/fast-accordion.ts new file mode 100644 index 00000000000..a8f0d2a987e --- /dev/null +++ b/sites/fast-component-explorer/app/fast-components/configs/fast-accordion.ts @@ -0,0 +1,431 @@ +import { fastComponentSchemas, textSchema } from "@microsoft/site-utilities"; +import { uniqueId } from "lodash-es"; +import { DataDictionary } from "@microsoft/fast-tooling"; +import Guidance from "../../.tmp/accordion/guidance"; +import { ComponentViewConfig } from "./data.props"; + +export const fastAccordionId = "fast-accordion"; +export const fastAccordionItemId = "fast-accordion-item"; + +function collapsedIcon(parent: string): DataDictionary { + const collapsedIconID = uniqueId("CollapsedIcon"); + const collapsedIconPath1 = uniqueId("CollapsedIconPath1"); + const collapsedIconPath2 = uniqueId("CollapsedIconPath2"); + return [ + { + [collapsedIconID]: { + parent: { + id: parent, + dataLocation: "SlotCollapsedIcon", + }, + schemaId: "svg", + data: { + style: "stroke: #E62F63", + width: "18", + height: "18", + viewBox: "0 0 18 18", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + Slot: [ + { + id: collapsedIconPath1, + }, + { + id: collapsedIconPath2, + }, + ], + }, + }, + [collapsedIconPath1]: { + parent: { + id: collapsedIconID, + dataLocation: "Slot", + }, + schemaId: "path", + data: { + d: + "M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z", + "stroke-linecap": "round", + "stroke-linejoin": "round", + }, + }, + [collapsedIconPath2]: { + parent: { + id: collapsedIconID, + dataLocation: "Slot", + }, + schemaId: "path", + data: { + d: "M5.44446 9H12.5556", + "stroke-linecap": "round", + "stroke-linejoin": "round", + }, + }, + }, + collapsedIconID, + ]; +} + +function expandedIcon(parent: string): DataDictionary { + const expandedIconID = uniqueId("ExpandedIcon"); + const expandedIconPath1 = uniqueId("ExpandedIconPath1"); + const expandedIconPath2 = uniqueId("ExpandedIconPath2"); + const expandedIconPath3 = uniqueId("ExpandedIconPath3"); + return [ + { + [expandedIconID]: { + parent: { + id: parent, + dataLocation: "SlotExpandedIcon", + }, + schemaId: "svg", + data: { + style: "stroke: #E62F63", + width: "18", + height: "18", + viewBox: "0 0 18 18", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + Slot: [ + { + id: expandedIconPath1, + }, + { + id: expandedIconPath2, + }, + { + id: expandedIconPath3, + }, + ], + }, + }, + [expandedIconPath1]: { + parent: { + id: expandedIconID, + dataLocation: "Slot", + }, + schemaId: "path", + data: { + d: + "M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z", + "stroke-linecap": "round", + "stroke-linejoin": "round", + }, + }, + [expandedIconPath2]: { + parent: { + id: expandedIconID, + dataLocation: "Slot", + }, + schemaId: "path", + data: { + d: "M9 5.44446V12.5556", + "stroke-linecap": "round", + "stroke-linejoin": "round", + }, + }, + [expandedIconPath3]: { + parent: { + id: expandedIconID, + dataLocation: "Slot", + }, + schemaId: "path", + data: { + d: "M5.44446 9H12.5556", + "stroke-linecap": "round", + "stroke-linejoin": "round", + }, + }, + }, + expandedIconID, + ]; +} + +const collapsedIcon1 = collapsedIcon("Slot1"); +const collapsedIcon2 = collapsedIcon("Slot2"); +const collapsedIcon3 = collapsedIcon("Slot3"); +const collapsedIcon4 = collapsedIcon("Slot4"); +const expandedIcon1 = expandedIcon("Slot1"); +const expandedIcon2 = expandedIcon("Slot2"); +const expandedIcon3 = expandedIcon("Slot3"); +const expandedIcon4 = expandedIcon("Slot4"); + +const fastAccordionConfig: ComponentViewConfig = { + schema: fastComponentSchemas[fastAccordionId], + guidance: Guidance, + scenarios: [ + { + displayName: "Default", + dataDictionary: [ + { + root: { + schemaId: fastAccordionId, + data: { + SlotItem: [ + { + id: "Slot1", + }, + { + id: "Slot2", + }, + { + id: "Slot3", + }, + { + id: "Slot4", + }, + ], + }, + }, + Slot1: { + parent: { + id: "root", + dataLocation: "SlotItem", + }, + schemaId: fastAccordionItemId, + data: { + Slot: [ + { + id: "Slot10", + }, + ], + SlotHeading: [ + { + id: "Slot11", + }, + ], + SlotExpandedIcon: [ + { + id: expandedIcon1[1], + }, + ], + SlotCollapsedIcon: [ + { + id: collapsedIcon1[1], + }, + ], + }, + }, + Slot10: { + parent: { + id: "Slot1", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion one content", + }, + Slot11: { + parent: { + id: "Slot1", + dataLocation: "SlotHeading", + }, + schemaId: "div", + data: { + Slot: [ + { + id: "Slot110", + }, + ], + }, + }, + Slot110: { + parent: { + id: "Slot11", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion one", + }, + Slot2: { + parent: { + id: "root", + dataLocation: "SlotItem", + }, + schemaId: fastAccordionItemId, + data: { + Slot: [ + { + id: "Slot20", + }, + ], + SlotHeading: [ + { + id: "Slot21", + }, + ], + SlotExpandedIcon: [ + { + id: expandedIcon2[1], + }, + ], + SlotCollapsedIcon: [ + { + id: collapsedIcon2[1], + }, + ], + }, + }, + Slot20: { + parent: { + id: "Slot2", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion two content", + }, + Slot21: { + parent: { + id: "Slot2", + dataLocation: "SlotHeading", + }, + schemaId: "div", + data: { + Slot: [ + { + id: "Slot210", + }, + ], + }, + }, + Slot210: { + parent: { + id: "Slot21", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion two", + }, + Slot3: { + parent: { + id: "root", + dataLocation: "SlotItem", + }, + schemaId: fastAccordionItemId, + data: { + Slot: [ + { + id: "Slot30", + }, + ], + SlotHeading: [ + { + id: "Slot31", + }, + ], + SlotExpandedIcon: [ + { + id: expandedIcon3[1], + }, + ], + SlotCollapsedIcon: [ + { + id: collapsedIcon3[1], + }, + ], + }, + }, + Slot30: { + parent: { + id: "Slot3", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion three content", + }, + Slot31: { + parent: { + id: "Slot3", + dataLocation: "SlotHeading", + }, + schemaId: "div", + data: { + Slot: [ + { + id: "Slot310", + }, + ], + }, + }, + Slot310: { + parent: { + id: "Slot31", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion three", + }, + Slot4: { + parent: { + id: "root", + dataLocation: "SlotItem", + }, + schemaId: fastAccordionItemId, + data: { + Slot: [ + { + id: "Slot40", + }, + ], + SlotHeading: [ + { + id: "Slot41", + }, + ], + SlotExpandedIcon: [ + { + id: expandedIcon4[1], + }, + ], + SlotCollapsedIcon: [ + { + id: collapsedIcon4[1], + }, + ], + }, + }, + Slot40: { + parent: { + id: "Slot4", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion four content", + }, + Slot41: { + parent: { + id: "Slot4", + dataLocation: "SlotHeading", + }, + schemaId: "div", + data: { + Slot: [ + { + id: "Slot410", + }, + ], + }, + }, + Slot410: { + parent: { + id: "Slot41", + dataLocation: "Slot", + }, + schemaId: textSchema.id, + data: "Accordion four", + }, + ...collapsedIcon1[0], + ...collapsedIcon2[0], + ...collapsedIcon3[0], + ...collapsedIcon4[0], + ...expandedIcon1[0], + ...expandedIcon2[0], + ...expandedIcon3[0], + ...expandedIcon4[0], + }, + "root", + ], + }, + ], +}; + +export default fastAccordionConfig; diff --git a/sites/fast-component-explorer/app/fast-components/configs/index.ts b/sites/fast-component-explorer/app/fast-components/configs/index.ts index ea8e63930c5..45089b2700b 100644 --- a/sites/fast-component-explorer/app/fast-components/configs/index.ts +++ b/sites/fast-component-explorer/app/fast-components/configs/index.ts @@ -1,3 +1,6 @@ +import fastAccordionConfig from "./fast-accordion"; +export { fastAccordionConfig }; + import fastAnchorConfig from "./fast-anchor"; export { fastAnchorConfig }; diff --git a/sites/site-utilities/src/definitions/fast-components/fast-accordion-item.definition.ts b/sites/site-utilities/src/definitions/fast-components/fast-accordion-item.definition.ts new file mode 100644 index 00000000000..84cbed2ac72 --- /dev/null +++ b/sites/site-utilities/src/definitions/fast-components/fast-accordion-item.definition.ts @@ -0,0 +1,61 @@ +import { WebComponentDefinition } from "@microsoft/fast-tooling/dist/data-utilities/web-component"; +import { DataType } from "@microsoft/fast-tooling"; + +export const fastAccordionItemDefinition: WebComponentDefinition = { + version: 1, + tags: [ + { + name: "fast-accordion-item", + description: "The FAST accordion item element", + attributes: [ + { + name: "heading-level", + description: "The heading level attribute", + type: DataType.number, + default: 2, + required: false, + }, + { + name: "expanded", + description: "The expanded attribute", + type: DataType.boolean, + default: false, + required: false, + }, + { + name: "id", + description: "The id attribute", + type: DataType.string, + default: undefined, + required: false, + }, + ], + slots: [ + { + name: "", + description: "The default slot", + }, + { + name: "heading", + description: "The heading slot", + }, + { + name: "start", + description: "The start slot", + }, + { + name: "end", + description: "The end slot", + }, + { + name: "expanded-icon", + description: "The expanded icon slot", + }, + { + name: "collapsed-icon", + description: "The collapsed icon slot", + }, + ], + }, + ], +}; diff --git a/sites/site-utilities/src/definitions/fast-components/fast-accordion.definition.ts b/sites/site-utilities/src/definitions/fast-components/fast-accordion.definition.ts new file mode 100644 index 00000000000..77efe0ff319 --- /dev/null +++ b/sites/site-utilities/src/definitions/fast-components/fast-accordion.definition.ts @@ -0,0 +1,35 @@ +import { WebComponentDefinition } from "@microsoft/fast-tooling/dist/data-utilities/web-component"; +import { DataType } from "@microsoft/fast-tooling"; + +export const fastAccordionDefinition: WebComponentDefinition = { + version: 1, + tags: [ + { + name: "fast-accordion", + description: "The FAST accordion element", + attributes: [ + { + name: "expand-mode", + description: "The expand mode attribute", + type: DataType.string, + values: [ + { + name: "single", + }, + { + name: "multi", + }, + ], + default: "multi", + required: false, + }, + ], + slots: [ + { + name: "item", + description: "The item slot", + }, + ], + }, + ], +}; diff --git a/sites/site-utilities/src/definitions/fast-components/index.ts b/sites/site-utilities/src/definitions/fast-components/index.ts index c3bb0857fda..eea76f4de86 100644 --- a/sites/site-utilities/src/definitions/fast-components/index.ts +++ b/sites/site-utilities/src/definitions/fast-components/index.ts @@ -1,3 +1,5 @@ +export * from "./fast-accordion-item.definition"; +export * from "./fast-accordion.definition"; export * from "./fast-anchor.definition"; export * from "./fast-badge.definition"; export * from "./fast-button.definition"; diff --git a/sites/site-utilities/src/definitions/native/index.ts b/sites/site-utilities/src/definitions/native/index.ts index dcc9ec72596..9c84a9c411e 100644 --- a/sites/site-utilities/src/definitions/native/index.ts +++ b/sites/site-utilities/src/definitions/native/index.ts @@ -3,4 +3,6 @@ export * from "./heading.definition"; export * from "./image.definition"; export * from "./label.definition"; export * from "./paragraph.definition"; +export * from "./path.definition"; export * from "./span.definition"; +export * from "./svg.definition"; diff --git a/sites/site-utilities/src/definitions/native/path.definition.ts b/sites/site-utilities/src/definitions/native/path.definition.ts new file mode 100644 index 00000000000..0fbf7353c6b --- /dev/null +++ b/sites/site-utilities/src/definitions/native/path.definition.ts @@ -0,0 +1,36 @@ +import { WebComponentDefinition } from "@microsoft/fast-tooling/dist/data-utilities/web-component"; +import { DataType } from "@microsoft/fast-tooling"; + +export const pathDefinition: WebComponentDefinition = { + version: 1, + tags: [ + { + name: "path", + description: "The path element", + attributes: [ + { + name: "d", + description: "The path d", + default: "", + type: DataType.string, + required: false, + }, + { + name: "stroke-linecap", + description: "The path stroke-linecap", + default: "", + type: DataType.string, + required: false, + }, + { + name: "stroke-linejoin", + description: "The path stroke-linejoin", + default: "", + type: DataType.string, + required: false, + }, + ], + slots: [], + }, + ], +}; diff --git a/sites/site-utilities/src/definitions/native/svg.definition.ts b/sites/site-utilities/src/definitions/native/svg.definition.ts new file mode 100644 index 00000000000..0560e209ef3 --- /dev/null +++ b/sites/site-utilities/src/definitions/native/svg.definition.ts @@ -0,0 +1,55 @@ +import { WebComponentDefinition } from "@microsoft/fast-tooling/dist/data-utilities/web-component"; +import { DataType } from "@microsoft/fast-tooling"; + +export const svgDefinition: WebComponentDefinition = { + version: 1, + tags: [ + { + name: "svg", + description: "The svg element", + attributes: [ + { + name: "width", + description: "The svg width", + default: "", + type: DataType.string, + required: false, + }, + { + name: "height", + description: "The svg height", + default: "", + type: DataType.string, + required: false, + }, + { + name: "viewBox", + description: "The svg viewBox", + default: "", + type: DataType.string, + required: false, + }, + { + name: "fill", + description: "The svg fill", + default: "", + type: DataType.string, + required: false, + }, + { + name: "xmlns", + description: "The svg xmls", + default: "http://www.w3.org/2000/svg", + type: DataType.string, + required: false, + }, + ], + slots: [ + { + name: "", + description: "The default slot", + }, + ], + }, + ], +};