diff --git a/packages/web-components/fast-foundation/docs/api-report.md b/packages/web-components/fast-foundation/docs/api-report.md index 5a34967c7f2..cc7984f13e3 100644 --- a/packages/web-components/fast-foundation/docs/api-report.md +++ b/packages/web-components/fast-foundation/docs/api-report.md @@ -679,9 +679,6 @@ export interface CSSDesignToken MatchMediaStyleSheetBehavior; @@ -1094,9 +1091,6 @@ export class Dialog extends FoundationElement { // @public export const dialogTemplate: FoundationElementTemplate>; -// @public -export const disabledCursor = "not-allowed"; - // @public export class Disclosure extends FoundationElement { // @internal (undocumented) @@ -1117,9 +1111,6 @@ export class Disclosure extends FoundationElement { // @public export const disclosureTemplate: FoundationElementTemplate>; -// @public -export function display(displayValue: CSSDisplayPropertyValue): string; - // @public export class Divider extends FoundationElement { orientation: Orientation; @@ -1243,9 +1234,6 @@ export const FlyoutPosTop: AnchoredRegionConfig; // @public export const FlyoutPosTopFill: AnchoredRegionConfig; -// @public -export const focusVisible: string; - // @public export const forcedColorsStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior; @@ -1378,9 +1366,6 @@ export type GenerateHeaderOptions = typeof GenerateHeaderOptions[keyof typeof Ge // @public export const getDirection: (rootNode: HTMLElement) => Direction; -// @public -export const hidden = ":host([hidden]){display:none}"; - // @public export type HorizontalPosition = "start" | "end" | "left" | "right" | "center" | "unset"; diff --git a/packages/web-components/fast-foundation/src/utilities/index.ts b/packages/web-components/fast-foundation/src/utilities/index.ts index d9c1c95569c..9a5d662f9dd 100644 --- a/packages/web-components/fast-foundation/src/utilities/index.ts +++ b/packages/web-components/fast-foundation/src/utilities/index.ts @@ -3,6 +3,5 @@ export * from "./composed-parent.js"; export { composedContains } from "./composed-contains.js"; export * from "./match-media-stylesheet-behavior.js"; export * from "./property-stylesheet-behavior.js"; -export * from "./style/index.js"; export * from "./direction.js"; export * from "./whitespace-filter.js"; diff --git a/packages/web-components/fast-foundation/src/utilities/style/disabled.ts b/packages/web-components/fast-foundation/src/utilities/style/disabled.ts deleted file mode 100644 index a304953b64e..00000000000 --- a/packages/web-components/fast-foundation/src/utilities/style/disabled.ts +++ /dev/null @@ -1,5 +0,0 @@ -/** - * The CSS value for disabled cursors. - * @public - */ -export const disabledCursor = "not-allowed"; diff --git a/packages/web-components/fast-foundation/src/utilities/style/display.ts b/packages/web-components/fast-foundation/src/utilities/style/display.ts deleted file mode 100644 index 26859a147b6..00000000000 --- a/packages/web-components/fast-foundation/src/utilities/style/display.ts +++ /dev/null @@ -1,44 +0,0 @@ -/** - * Define all possible CSS display values. - * @public - */ -export type CSSDisplayPropertyValue = - | "block" - | "contents" - | "flex" - | "grid" - | "inherit" - | "initial" - | "inline" - | "inline-block" - | "inline-flex" - | "inline-grid" - | "inline-table" - | "list-item" - | "none" - | "run-in" - | "table" - | "table-caption" - | "table-cell" - | "table-column" - | "table-column-group" - | "table-footer-group" - | "table-header-group" - | "table-row" - | "table-row-group"; - -/** - * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute. - * @public - */ -export const hidden = `:host([hidden]){display:none}`; - -/** - * Applies a CSS display property. - * Also adds CSS rules to not display the element when the [hidden] attribute is applied to the element. - * @param display - The CSS display property value - * @public - */ -export function display(displayValue: CSSDisplayPropertyValue): string { - return `${hidden}:host{display:${displayValue}}`; -} diff --git a/packages/web-components/fast-foundation/src/utilities/style/focus.ts b/packages/web-components/fast-foundation/src/utilities/style/focus.ts deleted file mode 100644 index d7e001612c6..00000000000 --- a/packages/web-components/fast-foundation/src/utilities/style/focus.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { canUseFocusVisible } from "@microsoft/fast-web-utilities"; - -/** - * The string representing the focus selector to be used. Value - * will be "focus-visible" when https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo - * is supported and "focus" when it is not. - * - * @public - */ -export const focusVisible = canUseFocusVisible() ? "focus-visible" : "focus"; diff --git a/packages/web-components/fast-foundation/src/utilities/style/index.ts b/packages/web-components/fast-foundation/src/utilities/style/index.ts deleted file mode 100644 index 07a965b0aa5..00000000000 --- a/packages/web-components/fast-foundation/src/utilities/style/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from "./disabled.js"; -export * from "./display.js"; -export * from "./focus.js";