From a908a6055c54c6595ee69f75d3fd76fe87807c10 Mon Sep 17 00:00:00 2001 From: nicholasrice Date: Tue, 9 Jun 2020 13:20:54 -0700 Subject: [PATCH 1/5] wiring and testing behavior --- .../design-system-provider.styles.ts | 15 ++++++++++ .../src/design-system-provider/index.ts | 14 +++++++++- .../fast-components/.storybook/theme.js | 4 +-- .../design-system-provider.styles.ts | 21 +++++++++++++- .../src/design-system-provider/index.ts | 28 +++++++++++++++++-- 5 files changed, 75 insertions(+), 7 deletions(-) diff --git a/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts b/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts index 7cc58fbc540..0c136beea2e 100644 --- a/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts +++ b/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts @@ -1,6 +1,21 @@ import { css } from "@microsoft/fast-element"; import { display } from "@microsoft/fast-foundation"; +import { neutralForegroundRestBehavior } from "../styles"; export const DesignSystemProviderStyles = css` ${display("block")}; `; + +export const backgroundStyles = css` + :host { + background-color: var(--background-color); + } +`; + +export const colorStyles = css` + :host { + color: var(--neutral-foreground-rest); + } +`.withBehaviors( + neutralForegroundRestBehavior // This likely won't work because the resolver won't find itself +); diff --git a/packages/web-components/fast-components-msft/src/design-system-provider/index.ts b/packages/web-components/fast-components-msft/src/design-system-provider/index.ts index 9e4300eb7e8..b864bfa8a11 100644 --- a/packages/web-components/fast-components-msft/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components-msft/src/design-system-provider/index.ts @@ -1,4 +1,4 @@ -import { nullableNumberConverter } from "@microsoft/fast-element"; +import { nullableNumberConverter, attr } from "@microsoft/fast-element"; import { DensityOffset, DesignSystem, @@ -27,6 +27,18 @@ export class FASTDesignSystemProvider extends DesignSystemProvider | "neutralForegroundDarkIndex" | "neutralForegroundLightIndex" > { + @attr({ attribute: "omit-background", mode: "boolean" }) + public omitBackground = false; + private omitBackgroundChanged(prev: boolean) { + console.log(prev); + } + + @attr({ attribute: "omit-color", mode: "boolean" }) + public omitColor = false; + private omitColorChanged(prev: boolean) { + console.log(prev); + } + /** * Define design system property attributes */ diff --git a/packages/web-components/fast-components/.storybook/theme.js b/packages/web-components/fast-components/.storybook/theme.js index 022dd16c95b..218979a2131 100644 --- a/packages/web-components/fast-components/.storybook/theme.js +++ b/packages/web-components/fast-components/.storybook/theme.js @@ -1,9 +1,7 @@ import { create } from "@storybook/theming/create"; export default create({ - base: "dark", + base: "light", colorPrimary: "#DA1A5F", - appContentBg: "#181818", - textColor: "#FFF", brandTitle: "FAST components storybook", }); diff --git a/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts b/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts index 7cc58fbc540..8c71773e430 100644 --- a/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts +++ b/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts @@ -1,6 +1,25 @@ import { css } from "@microsoft/fast-element"; -import { display } from "@microsoft/fast-foundation"; +import { CSSCustomPropertyBehavior, display } from "@microsoft/fast-foundation"; +import { neutralForegroundRest } from "../color"; export const DesignSystemProviderStyles = css` ${display("block")}; `; + +const beh = new CSSCustomPropertyBehavior( + "neutral-foreground-rest", + neutralForegroundRest, + x => x as any +); + +export const backgroundStyles = css` + :host { + background-color: var(--background-color); + } +`; + +export const colorStyles = css` + :host { + color: var(--neutral-foreground-rest); + } +`.withBehaviors(beh); diff --git a/packages/web-components/fast-components/src/design-system-provider/index.ts b/packages/web-components/fast-components/src/design-system-provider/index.ts index bc4b87adf0d..5853332db92 100644 --- a/packages/web-components/fast-components/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components/src/design-system-provider/index.ts @@ -1,4 +1,4 @@ -import { nullableNumberConverter } from "@microsoft/fast-element"; +import { attr, nullableNumberConverter, css } from "@microsoft/fast-element"; import { designSystemProperty, designSystemProvider, @@ -6,7 +6,11 @@ import { DesignSystemProviderTemplate as template, } from "@microsoft/fast-foundation"; import { FASTDesignSystem, fastDesignSystemDefaults } from "../fast-design-system"; -import { DesignSystemProviderStyles as styles } from "./design-system-provider.styles"; +import { + backgroundStyles, + colorStyles, + DesignSystemProviderStyles as styles, +} from "./design-system-provider.styles"; @designSystemProvider({ name: "fast-design-system-provider", @@ -15,6 +19,26 @@ import { DesignSystemProviderStyles as styles } from "./design-system-provider.s }) export class FASTDesignSystemProvider extends DesignSystemProvider implements FASTDesignSystem { + @attr({ attribute: "omit-background", mode: "boolean" }) + public omitBackground = false; + private omitBackgroundChanged(prev: boolean) { + if (!this.omitBackground) { + this.$fastController.addStyles(backgroundStyles); + } else { + this.$fastController.removeStyles(backgroundStyles); + } + } + + @attr({ attribute: "omit-color", mode: "boolean" }) + public omitColor = false; + private omitColorChanged(prev: boolean) { + if (!this.omitBackground) { + this.$fastController.addStyles(colorStyles); + } else { + this.$fastController.removeStyles(colorStyles); + } + } + /** * Define design system property attributes */ From 2381686c5383a885bb4173989645e0b5c33a2ac4 Mon Sep 17 00:00:00 2001 From: nicholasrice Date: Tue, 9 Jun 2020 18:46:43 -0700 Subject: [PATCH 2/5] add code-comments --- .../src/design-system-provider/index.ts | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/packages/web-components/fast-components/src/design-system-provider/index.ts b/packages/web-components/fast-components/src/design-system-provider/index.ts index 5853332db92..5298f45cb99 100644 --- a/packages/web-components/fast-components/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components/src/design-system-provider/index.ts @@ -19,9 +19,17 @@ import { }) export class FASTDesignSystemProvider extends DesignSystemProvider implements FASTDesignSystem { + /** + * Used to instruct the FASTDesignSystemProvider + * that it should not set the CSS + * background-color property + * + * @remarks + * HTML boolean attribute: omit-background + */ @attr({ attribute: "omit-background", mode: "boolean" }) public omitBackground = false; - private omitBackgroundChanged(prev: boolean) { + private omitBackgroundChanged() { if (!this.omitBackground) { this.$fastController.addStyles(backgroundStyles); } else { @@ -29,9 +37,16 @@ export class FASTDesignSystemProvider extends DesignSystemProvider } } + /** + * Used to instruct the FASTDesignSystemProvider + * that it should not set the CSS color property + * + * @remarks + * HTML boolean attribute: omit-color + */ @attr({ attribute: "omit-color", mode: "boolean" }) public omitColor = false; - private omitColorChanged(prev: boolean) { + private omitColorChanged() { if (!this.omitBackground) { this.$fastController.addStyles(colorStyles); } else { From de8b376ab4b4a27923e0c2718a9b93bf9fc90967 Mon Sep 17 00:00:00 2001 From: nicholasrice Date: Wed, 10 Jun 2020 19:19:14 -0700 Subject: [PATCH 3/5] bring changes over to components-msft --- .../.storybook/preview-head.html | 16 ++++++ .../fast-components-msft/.storybook/theme.js | 5 ++ .../design-system-provider.styles.ts | 17 +----- .../src/design-system-provider/index.ts | 52 ++++++++++++----- .../.storybook/preview-head.html | 17 ++++-- .../fast-components/.storybook/theme.js | 2 - .../design-system-provider.styles.ts | 23 +------- .../src/design-system-provider/index.ts | 56 ++++++++++--------- .../fast-foundation/docs/api-report.md | 6 +- .../src/custom-properties/behavior.ts | 8 +-- 10 files changed, 111 insertions(+), 91 deletions(-) create mode 100644 packages/web-components/fast-components-msft/.storybook/preview-head.html create mode 100644 packages/web-components/fast-components-msft/.storybook/theme.js diff --git a/packages/web-components/fast-components-msft/.storybook/preview-head.html b/packages/web-components/fast-components-msft/.storybook/preview-head.html new file mode 100644 index 00000000000..2c815a0111d --- /dev/null +++ b/packages/web-components/fast-components-msft/.storybook/preview-head.html @@ -0,0 +1,16 @@ + \ No newline at end of file diff --git a/packages/web-components/fast-components-msft/.storybook/theme.js b/packages/web-components/fast-components-msft/.storybook/theme.js new file mode 100644 index 00000000000..2b52860f91e --- /dev/null +++ b/packages/web-components/fast-components-msft/.storybook/theme.js @@ -0,0 +1,5 @@ +import { create } from "@storybook/theming/create"; + +export default create({ + brandTitle: "FAST components MSFT storybook", +}); diff --git a/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts b/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts index 0c136beea2e..7b0dc178616 100644 --- a/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts +++ b/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts @@ -1,21 +1,6 @@ import { css } from "@microsoft/fast-element"; import { display } from "@microsoft/fast-foundation"; -import { neutralForegroundRestBehavior } from "../styles"; export const DesignSystemProviderStyles = css` ${display("block")}; -`; - -export const backgroundStyles = css` - :host { - background-color: var(--background-color); - } -`; - -export const colorStyles = css` - :host { - color: var(--neutral-foreground-rest); - } -`.withBehaviors( - neutralForegroundRestBehavior // This likely won't work because the resolver won't find itself -); +`; \ No newline at end of file diff --git a/packages/web-components/fast-components-msft/src/design-system-provider/index.ts b/packages/web-components/fast-components-msft/src/design-system-provider/index.ts index b864bfa8a11..205c6ec7d57 100644 --- a/packages/web-components/fast-components-msft/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components-msft/src/design-system-provider/index.ts @@ -1,17 +1,32 @@ -import { nullableNumberConverter, attr } from "@microsoft/fast-element"; +import { attr, css, nullableNumberConverter } from "@microsoft/fast-element"; import { DensityOffset, DesignSystem, DesignSystemDefaults, + neutralForegroundRest } from "@microsoft/fast-components-styles-msft"; import { + CSSCustomPropertyBehavior, designSystemProperty, - designSystemProvider, DesignSystemProvider, - DesignSystemProviderTemplate as template, + designSystemProvider, + DesignSystemProviderTemplate as template } from "@microsoft/fast-foundation"; import { DesignSystemProviderStyles as styles } from "./design-system-provider.styles"; +const color = new CSSCustomPropertyBehavior( + "neutral-foreground-rest", + neutralForegroundRest, + (el: FASTDesignSystemProvider) => el +); + +const backgroundStyles = css` + :host { + background-color: var(--background-color); + color: ${color.var}; + } +`.withBehaviors(color); + @designSystemProvider({ name: "fast-design-system-provider", template, @@ -27,16 +42,22 @@ export class FASTDesignSystemProvider extends DesignSystemProvider | "neutralForegroundDarkIndex" | "neutralForegroundLightIndex" > { - @attr({ attribute: "omit-background", mode: "boolean" }) - public omitBackground = false; - private omitBackgroundChanged(prev: boolean) { - console.log(prev); - } - - @attr({ attribute: "omit-color", mode: "boolean" }) - public omitColor = false; - private omitColorChanged(prev: boolean) { - console.log(prev); + /** + * Used to instruct the FASTDesignSystemProvider + * that it should not set the CSS + * background-color and color properties + * + * @remarks + * HTML boolean boolean attribute: no-paint + */ + @attr({ attribute: "no-paint", mode: "boolean" }) + public noPaint = false; + private noPaintChanged() { + if (!this.noPaint && this.backgroundColor !== void 0) { + this.$fastController.addStyles(backgroundStyles); + } else { + this.$fastController.removeStyles(backgroundStyles); + } } /** @@ -47,6 +68,11 @@ export class FASTDesignSystemProvider extends DesignSystemProvider default: DesignSystemDefaults.backgroundColor, }) public backgroundColor: string; + private backgroundColorChanged() { + // If background changes or is removed, we need to + // re-evaluate whether we should have paint styles applied + this.noPaintChanged(); + } @designSystemProperty({ attribute: "accent-base-color", diff --git a/packages/web-components/fast-components/.storybook/preview-head.html b/packages/web-components/fast-components/.storybook/preview-head.html index 18c9bbc795f..2c815a0111d 100644 --- a/packages/web-components/fast-components/.storybook/preview-head.html +++ b/packages/web-components/fast-components/.storybook/preview-head.html @@ -1,9 +1,16 @@ \ No newline at end of file diff --git a/packages/web-components/fast-components/.storybook/theme.js b/packages/web-components/fast-components/.storybook/theme.js index 218979a2131..bc2e03feea9 100644 --- a/packages/web-components/fast-components/.storybook/theme.js +++ b/packages/web-components/fast-components/.storybook/theme.js @@ -1,7 +1,5 @@ import { create } from "@storybook/theming/create"; export default create({ - base: "light", - colorPrimary: "#DA1A5F", brandTitle: "FAST components storybook", }); diff --git a/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts b/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts index 8c71773e430..7b0dc178616 100644 --- a/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts +++ b/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts @@ -1,25 +1,6 @@ import { css } from "@microsoft/fast-element"; -import { CSSCustomPropertyBehavior, display } from "@microsoft/fast-foundation"; -import { neutralForegroundRest } from "../color"; +import { display } from "@microsoft/fast-foundation"; export const DesignSystemProviderStyles = css` ${display("block")}; -`; - -const beh = new CSSCustomPropertyBehavior( - "neutral-foreground-rest", - neutralForegroundRest, - x => x as any -); - -export const backgroundStyles = css` - :host { - background-color: var(--background-color); - } -`; - -export const colorStyles = css` - :host { - color: var(--neutral-foreground-rest); - } -`.withBehaviors(beh); +`; \ No newline at end of file diff --git a/packages/web-components/fast-components/src/design-system-provider/index.ts b/packages/web-components/fast-components/src/design-system-provider/index.ts index 5298f45cb99..f03f6527799 100644 --- a/packages/web-components/fast-components/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components/src/design-system-provider/index.ts @@ -1,17 +1,31 @@ -import { attr, nullableNumberConverter, css } from "@microsoft/fast-element"; +import { attr, css, nullableNumberConverter } from "@microsoft/fast-element"; import { + CSSCustomPropertyBehavior, designSystemProperty, - designSystemProvider, DesignSystemProvider, + designSystemProvider, DesignSystemProviderTemplate as template, } from "@microsoft/fast-foundation"; import { FASTDesignSystem, fastDesignSystemDefaults } from "../fast-design-system"; +import { neutralForegroundRest } from "../color"; import { - backgroundStyles, - colorStyles, DesignSystemProviderStyles as styles, } from "./design-system-provider.styles"; +const color = new CSSCustomPropertyBehavior( + "neutral-foreground-rest", + neutralForegroundRest, + (el: FASTDesignSystemProvider) => el +); + +const backgroundStyles = css` + :host { + background-color: var(--background-color); + color: ${color.var}; + } +`.withBehaviors(color); + + @designSystemProvider({ name: "fast-design-system-provider", template, @@ -22,38 +36,21 @@ export class FASTDesignSystemProvider extends DesignSystemProvider /** * Used to instruct the FASTDesignSystemProvider * that it should not set the CSS - * background-color property + * background-color and color properties * * @remarks - * HTML boolean attribute: omit-background + * HTML boolean boolean attribute: no-paint */ - @attr({ attribute: "omit-background", mode: "boolean" }) - public omitBackground = false; - private omitBackgroundChanged() { - if (!this.omitBackground) { + @attr({ attribute: "no-paint", mode: "boolean" }) + public noPaint = false; + private noPaintChanged() { + if (!this.noPaint && this.backgroundColor !== void 0) { this.$fastController.addStyles(backgroundStyles); } else { this.$fastController.removeStyles(backgroundStyles); } } - /** - * Used to instruct the FASTDesignSystemProvider - * that it should not set the CSS color property - * - * @remarks - * HTML boolean attribute: omit-color - */ - @attr({ attribute: "omit-color", mode: "boolean" }) - public omitColor = false; - private omitColorChanged() { - if (!this.omitBackground) { - this.$fastController.addStyles(colorStyles); - } else { - this.$fastController.removeStyles(colorStyles); - } - } - /** * Define design system property attributes */ @@ -62,6 +59,11 @@ export class FASTDesignSystemProvider extends DesignSystemProvider default: fastDesignSystemDefaults.backgroundColor, }) public backgroundColor: string; + private backgroundColorChanged() { + // If background changes or is removed, we need to + // re-evaluate whether we should have paint styles applied + this.noPaintChanged(); + } /** * This color is intended to be the *source color* of the FASTDesignSystem.accentPalette. diff --git a/packages/web-components/fast-foundation/docs/api-report.md b/packages/web-components/fast-foundation/docs/api-report.md index 9ca40bab470..7a8cdb5d63e 100644 --- a/packages/web-components/fast-foundation/docs/api-report.md +++ b/packages/web-components/fast-foundation/docs/api-report.md @@ -197,13 +197,13 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef constructor( name: string, value: CSSCustomPropertyDefinition["value"], - host: (source: typeof FASTElement & HTMLElement) => Partial | null); + host: (source: HTMLElement) => Partial | null); // @internal - bind(source: typeof FASTElement & HTMLElement): void; + bind(source: HTMLElement): void; readonly name: CSSCustomPropertyDefinition["name"]; readonly propertyName: string; // @internal - unbind(source: typeof FASTElement & HTMLElement): void; + unbind(source: HTMLElement): void; readonly value: CSSCustomPropertyDefinition["value"]; readonly var: string; } diff --git a/packages/web-components/fast-foundation/src/custom-properties/behavior.ts b/packages/web-components/fast-foundation/src/custom-properties/behavior.ts index 2e8ee909107..46a8bc872fd 100644 --- a/packages/web-components/fast-foundation/src/custom-properties/behavior.ts +++ b/packages/web-components/fast-foundation/src/custom-properties/behavior.ts @@ -71,7 +71,7 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef * and function value. */ host: ( - source: typeof FASTElement & HTMLElement + source: HTMLElement ) => Partial | null ) { this.name = name; @@ -82,7 +82,7 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef } private host: ( - source: typeof FASTElement & HTMLElement + source: HTMLElement ) => Partial | null; /** @@ -90,7 +90,7 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef * @param source The source element being bound * @internal */ - bind(source: typeof FASTElement & HTMLElement): void { + bind(source: HTMLElement): void { const target = this.host(source); if (target !== null) { @@ -115,7 +115,7 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef * @param source The source element being unbound * @internal */ - unbind(source: typeof FASTElement & HTMLElement): void { + unbind(source: HTMLElement): void { const target = this.host(source); if (target !== null && typeof target.unregisterCSSCustomProperty === "function") { From bacf7420d73bb0794b715d139c699a0c303f75cc Mon Sep 17 00:00:00 2001 From: nicholasrice Date: Thu, 11 Jun 2020 08:12:31 -0700 Subject: [PATCH 4/5] pretty pretty --- .../fast-components-msft/docs/api-report.md | 1 + .../design-system-provider.styles.ts | 2 +- .../src/design-system-provider/index.ts | 4 +- .../fast-components-msft/temp/api-report.md | 1 + .../fast-components/docs/api-report.md | 385 ++++++++++++------ .../design-system-provider.styles.ts | 2 +- .../src/design-system-provider/index.ts | 5 +- .../fast-components/temp/api-report.md | 385 ++++++++++++------ .../src/custom-properties/behavior.ts | 8 +- 9 files changed, 517 insertions(+), 276 deletions(-) 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..4d18577f7cf 100644 --- a/packages/web-components/fast-components-msft/docs/api-report.md +++ b/packages/web-components/fast-components-msft/docs/api-report.md @@ -156,6 +156,7 @@ export class FASTDesignSystemProvider extends DesignSystemProvider implements Om neutralOutlineRestDelta: number; // (undocumented) neutralPalette: string[]; + noPaint: boolean; // (undocumented) outlineWidth: number; // (undocumented) diff --git a/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts b/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts index 7b0dc178616..7cc58fbc540 100644 --- a/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts +++ b/packages/web-components/fast-components-msft/src/design-system-provider/design-system-provider.styles.ts @@ -3,4 +3,4 @@ import { display } from "@microsoft/fast-foundation"; export const DesignSystemProviderStyles = css` ${display("block")}; -`; \ No newline at end of file +`; diff --git a/packages/web-components/fast-components-msft/src/design-system-provider/index.ts b/packages/web-components/fast-components-msft/src/design-system-provider/index.ts index 205c6ec7d57..2e6b48252d4 100644 --- a/packages/web-components/fast-components-msft/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components-msft/src/design-system-provider/index.ts @@ -3,14 +3,14 @@ import { DensityOffset, DesignSystem, DesignSystemDefaults, - neutralForegroundRest + neutralForegroundRest, } from "@microsoft/fast-components-styles-msft"; import { CSSCustomPropertyBehavior, designSystemProperty, DesignSystemProvider, designSystemProvider, - DesignSystemProviderTemplate as template + DesignSystemProviderTemplate as template, } from "@microsoft/fast-foundation"; import { DesignSystemProviderStyles as styles } from "./design-system-provider.styles"; 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..4d18577f7cf 100644 --- a/packages/web-components/fast-components-msft/temp/api-report.md +++ b/packages/web-components/fast-components-msft/temp/api-report.md @@ -156,6 +156,7 @@ export class FASTDesignSystemProvider extends DesignSystemProvider implements Om neutralOutlineRestDelta: number; // (undocumented) neutralPalette: string[]; + noPaint: boolean; // (undocumented) outlineWidth: number; // (undocumented) diff --git a/packages/web-components/fast-components/docs/api-report.md b/packages/web-components/fast-components/docs/api-report.md index e7d2409a6a5..0d6f6e10abd 100644 --- a/packages/web-components/fast-components/docs/api-report.md +++ b/packages/web-components/fast-components/docs/api-report.md @@ -30,127 +30,165 @@ 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) @@ -273,6 +311,7 @@ export class FASTDesignSystemProvider extends DesignSystemProvider implements FA // (undocumented) neutralOutlineRestDelta: number; neutralPalette: string[]; + noPaint: boolean; // (undocumented) outlineWidth: number; // (undocumented) @@ -384,26 +423,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 +456,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/design-system-provider/design-system-provider.styles.ts b/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts index 7b0dc178616..7cc58fbc540 100644 --- a/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts +++ b/packages/web-components/fast-components/src/design-system-provider/design-system-provider.styles.ts @@ -3,4 +3,4 @@ import { display } from "@microsoft/fast-foundation"; export const DesignSystemProviderStyles = css` ${display("block")}; -`; \ No newline at end of file +`; diff --git a/packages/web-components/fast-components/src/design-system-provider/index.ts b/packages/web-components/fast-components/src/design-system-provider/index.ts index f03f6527799..26d94799a9a 100644 --- a/packages/web-components/fast-components/src/design-system-provider/index.ts +++ b/packages/web-components/fast-components/src/design-system-provider/index.ts @@ -8,9 +8,7 @@ import { } from "@microsoft/fast-foundation"; import { FASTDesignSystem, fastDesignSystemDefaults } from "../fast-design-system"; import { neutralForegroundRest } from "../color"; -import { - DesignSystemProviderStyles as styles, -} from "./design-system-provider.styles"; +import { DesignSystemProviderStyles as styles } from "./design-system-provider.styles"; const color = new CSSCustomPropertyBehavior( "neutral-foreground-rest", @@ -25,7 +23,6 @@ const backgroundStyles = css` } `.withBehaviors(color); - @designSystemProvider({ name: "fast-design-system-provider", 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..0d6f6e10abd 100644 --- a/packages/web-components/fast-components/temp/api-report.md +++ b/packages/web-components/fast-components/temp/api-report.md @@ -30,127 +30,165 @@ 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) @@ -273,6 +311,7 @@ export class FASTDesignSystemProvider extends DesignSystemProvider implements FA // (undocumented) neutralOutlineRestDelta: number; neutralPalette: string[]; + noPaint: boolean; // (undocumented) outlineWidth: number; // (undocumented) @@ -384,26 +423,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 +456,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-foundation/src/custom-properties/behavior.ts b/packages/web-components/fast-foundation/src/custom-properties/behavior.ts index 46a8bc872fd..b36cf82370e 100644 --- a/packages/web-components/fast-foundation/src/custom-properties/behavior.ts +++ b/packages/web-components/fast-foundation/src/custom-properties/behavior.ts @@ -70,9 +70,7 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef * This element should also be responsible for resolving * and function value. */ - host: ( - source: HTMLElement - ) => Partial | null + host: (source: HTMLElement) => Partial | null ) { this.name = name; this.value = value; @@ -81,9 +79,7 @@ export class CSSCustomPropertyBehavior implements Behavior, CSSCustomPropertyDef this.var = `var(${this.propertyName})`; } - private host: ( - source: HTMLElement - ) => Partial | null; + private host: (source: HTMLElement) => Partial | null; /** * Binds the behavior to a source element From e461f627c4e1615207687e3986112a2c82603497 Mon Sep 17 00:00:00 2001 From: nicholasrice Date: Thu, 11 Jun 2020 08:17:38 -0700 Subject: [PATCH 5/5] update documentation --- .../web-components/fast-foundation/docs/guide/aspnet.doc.md | 1 - .../fast-foundation/docs/guide/aurelia.doc.md | 1 - .../web-components/fast-foundation/docs/guide/blazor.doc.md | 1 - .../fast-foundation/docs/guide/webpack.doc.md | 1 - sites/website/src/docs/fast-foundation/getting-started.md | 6 ++---- 5 files changed, 2 insertions(+), 8 deletions(-) diff --git a/packages/web-components/fast-foundation/docs/guide/aspnet.doc.md b/packages/web-components/fast-foundation/docs/guide/aspnet.doc.md index 49e9d78329b..73a1b619db9 100644 --- a/packages/web-components/fast-foundation/docs/guide/aspnet.doc.md +++ b/packages/web-components/fast-foundation/docs/guide/aspnet.doc.md @@ -100,7 +100,6 @@ For a splash of style, add the following to your `wwwroot/css/site.css` file: fast-design-system-provider { display: inline-block; - color: var(--neutral-foreground-rest); } fast-card { diff --git a/packages/web-components/fast-foundation/docs/guide/aurelia.doc.md b/packages/web-components/fast-foundation/docs/guide/aurelia.doc.md index 9d3ede053e5..2805c7ad03d 100644 --- a/packages/web-components/fast-foundation/docs/guide/aurelia.doc.md +++ b/packages/web-components/fast-foundation/docs/guide/aurelia.doc.md @@ -77,7 +77,6 @@ To add a splash of style, replace your `my-app.css` content with this: ```css fast-design-system-provider { display: inline-block; - color: var(--neutral-foreground-rest); } fast-card { diff --git a/packages/web-components/fast-foundation/docs/guide/blazor.doc.md b/packages/web-components/fast-foundation/docs/guide/blazor.doc.md index 5b91eda7b48..99d82b78c5a 100644 --- a/packages/web-components/fast-foundation/docs/guide/blazor.doc.md +++ b/packages/web-components/fast-foundation/docs/guide/blazor.doc.md @@ -82,7 +82,6 @@ For a splash of style, add the following to your `wwwroot/css/app.css` file: ```css fast-design-system-provider { display: inline-block; - color: var(--neutral-foreground-rest); } fast-card { diff --git a/packages/web-components/fast-foundation/docs/guide/webpack.doc.md b/packages/web-components/fast-foundation/docs/guide/webpack.doc.md index b564a6eb948..1ab10488122 100644 --- a/packages/web-components/fast-foundation/docs/guide/webpack.doc.md +++ b/packages/web-components/fast-foundation/docs/guide/webpack.doc.md @@ -192,7 +192,6 @@ This code imports the `` component as well as the ` fast-design-system-provider { display: inline-block; - color: var(--neutral-foreground-rest); } fast-card { diff --git a/sites/website/src/docs/fast-foundation/getting-started.md b/sites/website/src/docs/fast-foundation/getting-started.md index 34f36537a08..8f4fa17e21d 100644 --- a/sites/website/src/docs/fast-foundation/getting-started.md +++ b/sites/website/src/docs/fast-foundation/getting-started.md @@ -31,12 +31,10 @@ If you are looking to leverage a tool like Webpack, see our [Webpack Guide](./we The [Design System Provider](fast-foundation/fast-design-system-provider.md) will provide design information to child FAST components. -By default, the background color and text color won't be set by the `fast-design-system-provider` ([but there will be a solution soon](https://github.com/microsoft/fast-dna/issues/3213)), so you'll want to apply the CSS *background-color* and *color* properties. - ```html - + @@ -48,7 +46,7 @@ Add any FAST elements (or any element) as a child of the `fast-design-system-pro ```html - + Hello world