@skyux/theme 12.23.0 → 13.0.0-alpha.0

package/index.d.ts

@@ -1,20 +1,428 @@
-export { SkyThemeIconManifest } from './lib/icons/icon-manifest';
-export { SkyThemeIconManifestGlyph } from './lib/icons/icon-manifest-glyph';
-export { SkyThemeIconManifestService } from './lib/icons/icon-manifest.service';
-export { SkyAppStyleLoader } from './lib/style-loader';
-export { SkyThemeModule } from './lib/theme.module';
-export { SkyTheme } from './lib/theming/theme';
-export { SkyThemeBrand } from './lib/theming/theme-brand';
-export { SkyThemeComponentClassDirective } from './lib/theming/theme-component-class.directive';
-export { SkyThemeMode } from './lib/theming/theme-mode';
-export { SkyThemeSettings } from './lib/theming/theme-settings';
-export { SkyThemeSettingsChange } from './lib/theming/theme-settings-change';
-export { SkyThemeSpacing } from './lib/theming/theme-spacing';
-export { SkyThemeService } from './lib/theming/theme.service';
-export { SkyAppViewportReserveArgs } from './lib/viewport/viewport-reserve-args';
-export { SkyAppViewportReservedPositionType } from './lib/viewport/viewport-reserve-position-type';
-export { SkyAppViewportService } from './lib/viewport/viewport.service';
-export { provideInitialTheme } from './lib/providers/provide-initial-theme';
-export { SkyThemeClassDirective as λ2 } from './lib/theming/theme-class.directive';
-export { SkyThemeIfDirective as λ3 } from './lib/theming/theme-if.directive';
-export { SkyThemeDirective as λ1 } from './lib/theming/theme.directive';
+import { SkyIconManifest, SkyIconManifestGlyph } from '@skyux/icons';
+export { SkyIconManifestGlyph as SkyThemeIconManifestGlyph } from '@skyux/icons';
+import * as i0 from '@angular/core';
+import { Renderer2, OnDestroy, ElementRef, OnInit, TemplateRef, ViewContainerRef, ChangeDetectorRef, EnvironmentProviders } from '@angular/core';
+import { Observable, ReplaySubject } from 'rxjs';
+
+interface SkyThemeIconManifest extends SkyIconManifest {
+    glyphs: SkyIconManifestGlyph[];
+}
+
+/**
+ * Provides a method for retrieving metadata about the SKY UX icon font.
+ * @internal
+ */
+declare class SkyThemeIconManifestService {
+    /**
+     * Gets metadata about the SKY UX icon font.
+     */
+    getManifest(): SkyThemeIconManifest;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeIconManifestService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyThemeIconManifestService>;
+}
+
+/**
+ * Type definitions for theme serialization and deserialization.
+ */
+/**
+ * Serialized representation of a SkyThemeMode.
+ */
+interface SkyThemeModeData {
+    name: string;
+    hostClass?: string;
+    isPreset?: boolean;
+}
+/**
+ * Serialized representation of a SkyThemeSpacing.
+ */
+interface SkyThemeSpacingData {
+    name: string;
+    hostClass?: string;
+    isPreset?: boolean;
+}
+/**
+ * Serialized representation of a SkyThemeBrand.
+ */
+interface SkyThemeBrandData {
+    name: string;
+    version: string;
+    hostClass?: string;
+}
+/**
+ * Serialized representation of a SkyTheme.
+ */
+interface SkyThemeData {
+    name: string;
+    hostClass?: string;
+    supportedModes: SkyThemeModeData[];
+    supportedSpacing?: SkyThemeSpacingData[];
+    supportsBranding?: boolean;
+    isPreset?: boolean;
+}
+
+/**
+ * Defines properties of a SKY UX theme mode.
+ */
+declare class SkyThemeMode {
+    readonly name: string;
+    readonly hostClass: string;
+    /**
+     * The preset themes available in SKY UX.
+     */
+    static readonly presets: {
+        light: SkyThemeMode;
+        dark: SkyThemeMode;
+    };
+    /**
+     * Creates a new theme mode.
+     * @param name The name of the theme mode.
+     * @param hostClass The class on the host element which child components should reference when
+     * adjusting for a specified theme mode.
+     */
+    constructor(name: string, hostClass: string);
+    /**
+     * @internal
+     * Serializes the theme mode to a JSON-compatible object.
+     */
+    serialize(): SkyThemeModeData;
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyThemeMode instance.
+     */
+    static deserialize(data: SkyThemeModeData): SkyThemeMode;
+}
+
+/**
+ * Defines properties of SKY UX theme spacing.
+ */
+declare class SkyThemeSpacing {
+    readonly name: string;
+    readonly hostClass: string;
+    /**
+     * The preset spacing available in SKY UX.
+     */
+    static readonly presets: {
+        standard: SkyThemeSpacing;
+        compact: SkyThemeSpacing;
+    };
+    /**
+     * Creates a new theme spacing.
+     * @param name The name of the theme spacing.
+     * @param hostClass The class on the host element which child components should reference when
+     * adjusting for a specified theme spacing.
+     */
+    constructor(name: string, hostClass: string);
+    /**
+     * @internal
+     * Serializes the theme spacing to a JSON-compatible object.
+     */
+    serialize(): SkyThemeSpacingData;
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyThemeSpacing instance.
+     */
+    static deserialize(data: SkyThemeSpacingData): SkyThemeSpacing;
+}
+
+/**
+ * Defines properties of a SKY UX theme.
+ */
+declare class SkyTheme {
+    readonly name: string;
+    readonly hostClass: string;
+    readonly supportedModes: SkyThemeMode[];
+    readonly supportedSpacing: SkyThemeSpacing[];
+    readonly supportsBranding: boolean;
+    /**
+     * The preset themes available in SKY UX.
+     */
+    static readonly presets: {
+        default: SkyTheme;
+        modern: SkyTheme;
+    };
+    /**
+     * Creates a new theme.
+     * @param name The name of the theme.
+     * @param hostClass The class on the host element which child components should reference when
+     * adjusting for a specified theme.
+     * @param supportedModes An array of modes supported by the theme.
+     * @param supportedSpacing An array of spacing modes supported by the theme.
+     */
+    constructor(name: string, hostClass: string, supportedModes: SkyThemeMode[], supportedSpacing?: SkyThemeSpacing[], supportsBranding?: boolean);
+    /**
+     * @internal
+     * Serializes the theme to a JSON-compatible object.
+     */
+    serialize(): SkyThemeData;
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyTheme instance.
+     */
+    static deserialize(data: SkyThemeData): SkyTheme;
+}
+
+/**
+ * @internal
+ * Defines properties of SKY UX theme branding.
+ */
+declare class SkyThemeBrand {
+    #private;
+    readonly name: string;
+    readonly version: string;
+    get hostClass(): string;
+    private set hostClass(value);
+    /**
+     * Creates a new theme brand.
+     * @param name The name of the theme brand.
+     * @param hostClass The class on the host element which child components should reference when
+     * adjusting for a specified theme brand. This defaults to `sky-theme-brand-<name>
+     */
+    constructor(name: string, version: string, hostClass?: string);
+    /**
+     * @internal
+     * Serializes the theme brand to a JSON-compatible object.
+     */
+    serialize(): SkyThemeBrandData;
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyThemeBrand instance.
+     */
+    static deserialize(data: SkyThemeBrandData): SkyThemeBrand;
+}
+
+/**
+ * Specifies the theme and mode to be applied to a host element.
+ */
+declare class SkyThemeSettings {
+    readonly theme: SkyTheme;
+    readonly mode: SkyThemeMode;
+    readonly spacing: SkyThemeSpacing;
+    readonly brand?: SkyThemeBrand | undefined;
+    /**
+     * Creates a new SkyThemeSettings instance.
+     * @param theme The theme configuration.
+     * @param mode The theme mode.
+     */
+    constructor(theme: SkyTheme, mode: SkyThemeMode, spacing?: SkyThemeSpacing, brand?: SkyThemeBrand | undefined);
+    /**
+     * Serializes the theme settings to a string.
+     */
+    serialize(): string;
+    /**
+     * Deserializes a string to a SkyThemeSettings instance.
+     */
+    static deserialize(value: string): SkyThemeSettings;
+}
+
+/**
+ * Describes a change to the current theme.
+ */
+interface SkyThemeSettingsChange {
+    /**
+     * The theme settings being applied as a result of the change.
+     */
+    currentSettings: SkyThemeSettings;
+    /**
+     * The theme settings being replaced as a result of the change. This is undefined if the theme
+     * settings are being set for the first time.
+     */
+    previousSettings: SkyThemeSettings | undefined;
+}
+
+/**
+ * Provides methods for updating and handling changes to the current theme.
+ */
+declare class SkyThemeService {
+    #private;
+    /**
+     * Notifies consumers when the current theme settings have changed.
+     */
+    get settingsChange(): Observable<SkyThemeSettingsChange>;
+    constructor();
+    /**
+     * Initializes the theme service with the specified parameters. This should only be called
+     * from a host component that provides its own theme to child components.
+     * @param hostEl The host element under which themed components are rendered.
+     * @param renderer A Renderer2 instance for updating the host element with theme changes.
+     * @param theme The initial theme.
+     */
+    init(hostEl: any, renderer: Renderer2, theme: SkyThemeSettings): void;
+    /**
+     * Destroys the current theme service. This should only be called from a host component that
+     * provides its own theme to child components.
+     */
+    destroy(): void;
+    /**
+     * Updates the current theme mode.
+     * @param mode The new theme mode to apply.
+     */
+    setThemeMode(mode: SkyThemeMode): void;
+    /**
+     * Updates the current theme spacing.
+     * @param spacing The new theme spacing to apply.
+     */
+    setThemeSpacing(spacing: SkyThemeSpacing): void;
+    /**
+     * Updates the current theme brand.
+     * @param brand The new theme brand to apply.
+     */
+    setThemeBrand(brand: SkyThemeBrand): void;
+    /**
+     * Updates the current theme settings.
+     * @param settings The new theme settings to apply.
+     */
+    setTheme(settings: SkyThemeSettings): void;
+    /**
+     * Updates the current theme.
+     * @param theme The new theme to apply.
+     */
+    setTheme(theme: SkyTheme): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyThemeService>;
+}
+
+declare class SkyAppStyleLoader {
+    #private;
+    static readonly LOAD_TIMEOUT = 3000;
+    isLoaded: boolean;
+    constructor(themeSvc?: SkyThemeService);
+    loadStyles(): Promise<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyAppStyleLoader, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyAppStyleLoader>;
+}
+
+type SkyThemeClassMap = Record<string, string>;
+/**
+ * Component to add classes conditionally based on the current theme.
+ *
+ * If the directive is within a `skyTheme` directive, it uses settings from that directive.
+ */
+declare class SkyThemeClassDirective implements OnDestroy {
+    #private;
+    /**
+     * The HTML class attribute.
+     *
+     * @param value
+     */
+    set class(value: string | undefined);
+    /**
+     * An object with class names in a string for keys, and theme names (e.g. 'default' or 'modern') as values.
+     *
+     * @param value
+     */
+    set skyThemeClass(value: SkyThemeClassMap | undefined);
+    constructor(ngEl: ElementRef, renderer: Renderer2, themeSvc?: SkyThemeService);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeClassDirective, [null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeClassDirective, "[skyThemeClass]", never, { "class": { "alias": "class"; "required": false; }; "skyThemeClass": { "alias": "skyThemeClass"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Creates a new instance of `SkyThemeService` to allow a container
+ * to have its own theme.
+ */
+declare class SkyThemeDirective implements OnInit, OnDestroy {
+    #private;
+    set skyTheme(value: SkyThemeSettings | undefined);
+    skyThemeOrDefault: SkyThemeSettings;
+    constructor(elRef: ElementRef, renderer: Renderer2, themeSvc: SkyThemeService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeDirective, "[skyTheme]", never, { "skyTheme": { "alias": "skyTheme"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Component that works like `ngIf` to show markup for matching theme.
+ *
+ * If the directive is within a `skyTheme` directive, it uses settings from that directive.
+ */
+declare class SkyThemeIfDirective implements OnDestroy {
+    #private;
+    /**
+     * A string that should match the name of a theme, `'default'` or `'modern'`.
+     *
+     * @param value
+     */
+    set skyThemeIf(value: 'default' | 'modern' | undefined);
+    constructor(templateRef: TemplateRef<unknown>, viewContainer: ViewContainerRef, changeDetector: ChangeDetectorRef, themeSvc?: SkyThemeService);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeIfDirective, [null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeIfDirective, "[skyThemeIf]", never, { "skyThemeIf": { "alias": "skyThemeIf"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SkyThemeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyThemeModule, [typeof SkyThemeClassDirective, typeof SkyThemeDirective, typeof SkyThemeIfDirective], never, [typeof SkyThemeClassDirective, typeof SkyThemeDirective, typeof SkyThemeIfDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyThemeModule>;
+}
+
+declare class SkyThemeComponentClassDirective {
+    #private;
+    theme: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeComponentClassDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeComponentClassDirective, "[skyThemeClass]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+type SkyAppViewportReservedPositionType = 'left' | 'top' | 'right' | 'bottom';
+
+/**
+ * @internal
+ */
+interface SkyAppViewportReserveArgs {
+    /**
+     * A unique ID for the component reserving space.
+     */
+    id: string;
+    /**
+     * The position in the viewport where the space will be reserved.
+     */
+    position: SkyAppViewportReservedPositionType;
+    /**
+     * The number of pixels to reserve.
+     */
+    size: number;
+    /**
+     * Only reserve space when this element is in view.
+     */
+    reserveForElement?: HTMLElement;
+}
+
+/**
+ * Provides information about the state of the application's viewport.
+ */
+declare class SkyAppViewportService {
+    #private;
+    /**
+     * Updated when the viewport becomes visible.  While the page is rendered, the
+     * viewport may remain hidden as fonts and styles are loaded asynchronously;
+     * this is done to avoid a FOUC (Flash Of Unstyled Content) before the fonts
+     * and styles are ready.
+     */
+    visible: ReplaySubject<boolean>;
+    constructor();
+    /**
+     * Reserves space for components docked to the left, top, right, or bottom of the viewport.
+     * @param args
+     */
+    reserveSpace(args: SkyAppViewportReserveArgs): void;
+    /**
+     * Removes reserved space for a component by the ID provided when it was reserved.
+     * @param id
+     */
+    unreserveSpace(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyAppViewportService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyAppViewportService>;
+}
+
+declare function provideInitialTheme(name?: keyof typeof SkyTheme.presets, options?: {
+    mode?: keyof typeof SkyThemeMode.presets;
+    spacing?: keyof typeof SkyThemeSpacing.presets;
+}): EnvironmentProviders;
+
+export { SkyAppStyleLoader, SkyAppViewportService, SkyTheme, SkyThemeBrand, SkyThemeComponentClassDirective, SkyThemeIconManifestService, SkyThemeMode, SkyThemeModule, SkyThemeService, SkyThemeSettings, SkyThemeSpacing, provideInitialTheme, SkyThemeDirective as λ1, SkyThemeClassDirective as λ2, SkyThemeIfDirective as λ3 };
+export type { SkyAppViewportReserveArgs, SkyAppViewportReservedPositionType, SkyThemeIconManifest, SkyThemeSettingsChange };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/theme",
-  "version": "12.23.0",
+  "version": "13.0.0-alpha.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,8 +16,8 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/common": "^19.2.14",
-    "@angular/core": "^19.2.14"
+    "@angular/common": "^20.0.5",
+    "@angular/core": "^20.0.5"
   },
   "dependencies": {
     "@blackbaud/skyux-design-tokens": "0.0.69",

package/lib/icons/icon-manifest-glyph.d.ts

@@ -1 +0,0 @@
-export { SkyIconManifestGlyph as SkyThemeIconManifestGlyph } from '@skyux/icons';

package/lib/icons/icon-manifest.d.ts

@@ -1,5 +0,0 @@
-import { SkyIconManifest } from '@skyux/icons';
-import { SkyThemeIconManifestGlyph } from './icon-manifest-glyph';
-export interface SkyThemeIconManifest extends SkyIconManifest {
-    glyphs: SkyThemeIconManifestGlyph[];
-}

package/lib/icons/icon-manifest.service.d.ts

@@ -1,14 +0,0 @@
-import { SkyThemeIconManifest } from './icon-manifest';
-import * as i0 from "@angular/core";
-/**
- * Provides a method for retrieving metadata about the SKY UX icon font.
- * @internal
- */
-export declare class SkyThemeIconManifestService {
-    /**
-     * Gets metadata about the SKY UX icon font.
-     */
-    getManifest(): SkyThemeIconManifest;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeIconManifestService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyThemeIconManifestService>;
-}

package/lib/providers/provide-initial-theme.d.ts

@@ -1,8 +0,0 @@
-import { EnvironmentProviders } from '@angular/core';
-import { SkyTheme } from '../theming/theme';
-import { SkyThemeMode } from '../theming/theme-mode';
-import { SkyThemeSpacing } from '../theming/theme-spacing';
-export declare function provideInitialTheme(name?: keyof typeof SkyTheme.presets, options?: {
-    mode?: keyof typeof SkyThemeMode.presets;
-    spacing?: keyof typeof SkyThemeSpacing.presets;
-}): EnvironmentProviders;

package/lib/style-loader.d.ts

@@ -1,11 +0,0 @@
-import { SkyThemeService } from './theming/theme.service';
-import * as i0 from "@angular/core";
-export declare class SkyAppStyleLoader {
-    #private;
-    static readonly LOAD_TIMEOUT = 3000;
-    isLoaded: boolean;
-    constructor(themeSvc?: SkyThemeService);
-    loadStyles(): Promise<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyAppStyleLoader, [{ optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyAppStyleLoader>;
-}

package/lib/theme.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./theming/theme-class.directive";
-import * as i2 from "./theming/theme.directive";
-import * as i3 from "./theming/theme-if.directive";
-export declare class SkyThemeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyThemeModule, [typeof i1.SkyThemeClassDirective, typeof i2.SkyThemeDirective, typeof i3.SkyThemeIfDirective], never, [typeof i1.SkyThemeClassDirective, typeof i2.SkyThemeDirective, typeof i3.SkyThemeIfDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SkyThemeModule>;
-}

package/lib/theming/theme-brand.d.ts

@@ -1,29 +0,0 @@
-import { SkyThemeBrandData } from './theme-serialization-types';
-/**
- * @internal
- * Defines properties of SKY UX theme branding.
- */
-export declare class SkyThemeBrand {
-    #private;
-    readonly name: string;
-    readonly version: string;
-    get hostClass(): string;
-    private set hostClass(value);
-    /**
-     * Creates a new theme brand.
-     * @param name The name of the theme brand.
-     * @param hostClass The class on the host element which child components should reference when
-     * adjusting for a specified theme brand. This defaults to `sky-theme-brand-<name>
-     */
-    constructor(name: string, version: string, hostClass?: string);
-    /**
-     * @internal
-     * Serializes the theme brand to a JSON-compatible object.
-     */
-    serialize(): SkyThemeBrandData;
-    /**
-     * @internal
-     * Deserializes a JSON object to a SkyThemeBrand instance.
-     */
-    static deserialize(data: SkyThemeBrandData): SkyThemeBrand;
-}

package/lib/theming/theme-class.directive.d.ts

@@ -1,29 +0,0 @@
-import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
-import { SkyThemeService } from './theme.service';
-import * as i0 from "@angular/core";
-type SkyThemeClassMap = Record<string, string>;
-/**
- * Component to add classes conditionally based on the current theme.
- *
- * If the directive is within a `skyTheme` directive, it uses settings from that directive.
- */
-export declare class SkyThemeClassDirective implements OnDestroy {
-    #private;
-    /**
-     * The HTML class attribute.
-     *
-     * @param value
-     */
-    set class(value: string | undefined);
-    /**
-     * An object with class names in a string for keys, and theme names (e.g. 'default' or 'modern') as values.
-     *
-     * @param value
-     */
-    set skyThemeClass(value: SkyThemeClassMap | undefined);
-    constructor(ngEl: ElementRef, renderer: Renderer2, themeSvc?: SkyThemeService);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeClassDirective, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeClassDirective, "[skyThemeClass]", never, { "class": { "alias": "class"; "required": false; }; "skyThemeClass": { "alias": "skyThemeClass"; "required": false; }; }, {}, never, never, false, never>;
-}
-export {};

package/lib/theming/theme-component-class.directive.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SkyThemeComponentClassDirective {
-    #private;
-    theme: string;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeComponentClassDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeComponentClassDirective, "[skyThemeClass]", never, {}, {}, never, never, true, never>;
-}

package/lib/theming/theme-if.directive.d.ts

@@ -1,21 +0,0 @@
-import { ChangeDetectorRef, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
-import { SkyThemeService } from './theme.service';
-import * as i0 from "@angular/core";
-/**
- * Component that works like `ngIf` to show markup for matching theme.
- *
- * If the directive is within a `skyTheme` directive, it uses settings from that directive.
- */
-export declare class SkyThemeIfDirective implements OnDestroy {
-    #private;
-    /**
-     * A string that should match the name of a theme, `'default'` or `'modern'`.
-     *
-     * @param value
-     */
-    set skyThemeIf(value: 'default' | 'modern' | undefined);
-    constructor(templateRef: TemplateRef<unknown>, viewContainer: ViewContainerRef, changeDetector: ChangeDetectorRef, themeSvc?: SkyThemeService);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyThemeIfDirective, [null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyThemeIfDirective, "[skyThemeIf]", never, { "skyThemeIf": { "alias": "skyThemeIf"; "required": false; }; }, {}, never, never, false, never>;
-}

package/lib/theming/theme-mode.d.ts

@@ -1,32 +0,0 @@
-import { SkyThemeModeData } from './theme-serialization-types';
-/**
- * Defines properties of a SKY UX theme mode.
- */
-export declare class SkyThemeMode {
-    readonly name: string;
-    readonly hostClass: string;
-    /**
-     * The preset themes available in SKY UX.
-     */
-    static readonly presets: {
-        light: SkyThemeMode;
-        dark: SkyThemeMode;
-    };
-    /**
-     * Creates a new theme mode.
-     * @param name The name of the theme mode.
-     * @param hostClass The class on the host element which child components should reference when
-     * adjusting for a specified theme mode.
-     */
-    constructor(name: string, hostClass: string);
-    /**
-     * @internal
-     * Serializes the theme mode to a JSON-compatible object.
-     */
-    serialize(): SkyThemeModeData;
-    /**
-     * @internal
-     * Deserializes a JSON object to a SkyThemeMode instance.
-     */
-    static deserialize(data: SkyThemeModeData): SkyThemeMode;
-}