@skyux/theme 13.0.0-alpha.3 → 13.0.0-alpha.5

package/index.d.ts

@@ -21,9 +21,64 @@ declare class SkyThemeIconManifestService {
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyThemeIconManifestService>;
 }
 
+/**
+ * @internal
+ * Defines properties for a mask icon.
+ */
+interface SkyThemeBrandMaskIcon {
+    /**
+     * The URL of the mask icon.
+     */
+    url: string;
+    /**
+     * The color of the mask icon.
+     */
+    color: string;
+}
+/**
+ * @internal
+ * Defines properties of SKY UX theme branding.
+ */
+declare class SkyThemeBrand {
+    #private;
+    readonly name: string;
+    readonly version: string;
+    readonly styleUrl?: string | undefined;
+    readonly sriHash?: string | undefined;
+    readonly title?: string | undefined;
+    readonly faviconUrl?: string | undefined;
+    readonly maskIcon?: SkyThemeBrandMaskIcon | undefined;
+    get hostClass(): string;
+    private set hostClass(value);
+    /**
+     * Creates a new theme brand.
+     * @param name The name of the theme brand.
+     * @param version The version 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>`
+     * @param styleUrl The URL of the stylesheet to load for this brand
+     * @param sriHash The subresource integrity hash for the stylesheet
+     * @param title The title to display for this brand
+     * @param faviconUrl The URL of the favicon to use for this brand
+     * @param maskIcon The mask icon configuration for this brand
+     */
+    constructor(name: string, version: string, hostClass?: string, styleUrl?: string | undefined, sriHash?: string | undefined, title?: string | undefined, faviconUrl?: string | undefined, maskIcon?: SkyThemeBrandMaskIcon | undefined);
+    /**
+     * @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;
+}
+
 /**
  * Type definitions for theme serialization and deserialization.
  */
+
 /**
  * Serialized representation of a SkyThemeMode.
  */
@@ -49,6 +104,9 @@ interface SkyThemeBrandData {
     hostClass?: string;
     styleUrl?: string;
     sriHash?: string;
+    title?: string;
+    faviconUrl?: string;
+    maskIcon?: SkyThemeBrandMaskIcon;
 }
 /**
  * Serialized representation of a SkyTheme.
@@ -163,40 +221,6 @@ declare class SkyTheme {
     static deserialize(data: SkyThemeData): SkyTheme;
 }
 
-/**
- * @internal
- * Defines properties of SKY UX theme branding.
- */
-declare class SkyThemeBrand {
-    #private;
-    readonly name: string;
-    readonly version: string;
-    readonly styleUrl?: string | undefined;
-    readonly sriHash?: string | undefined;
-    get hostClass(): string;
-    private set hostClass(value);
-    /**
-     * Creates a new theme brand.
-     * @param name The name of the theme brand.
-     * @param version The version 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>`
-     * @param styleUrl The URL of the stylesheet to load for this brand
-     * @param sriHash The subresource integrity hash for the stylesheet
-     */
-    constructor(name: string, version: string, hostClass?: string, styleUrl?: string | undefined, sriHash?: string | undefined);
-    /**
-     * @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.
  */
@@ -273,9 +297,9 @@ declare class SkyThemeService {
     setThemeSpacing(spacing: SkyThemeSpacing): void;
     /**
      * Updates the current theme brand.
-     * @param brand The new theme brand to apply.
+     * @param brand The new theme brand to apply, or undefined to clear the current brand.
      */
-    setThemeBrand(brand: SkyThemeBrand): void;
+    setThemeBrand(brand: SkyThemeBrand | undefined): void;
     /**
      * Updates the current theme settings.
      * @param settings The new theme settings to apply.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/theme",
-  "version": "13.0.0-alpha.3",
+  "version": "13.0.0-alpha.5",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,7 +20,7 @@
     "@angular/core": "^20.0.5"
   },
   "dependencies": {
-    "@blackbaud/skyux-design-tokens": "2.0.0-alpha.5",
+    "@blackbaud/skyux-design-tokens": "3.0.0-alpha.0",
     "@skyux/icons": "9.0.0",
     "fontfaceobserver": "2.3.0",
     "tslib": "^2.8.1"

package/scss/_compat/_mixins.scss

@@ -54,10 +54,11 @@
 }
 
 @mixin sky-danger {
-  content: '\f071';
-  font-family: FontAwesome;
+  content: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTEiIGQ9Ik0xNC4wNDM3IDMuMTgxODJDMTQuOTEzMiAxLjYwNjA2IDE3LjA4NjggMS42MDYwNiAxNy45NTYzIDMuMTgxODJMMjkuNjk0IDI0LjQ1NDVDMzAuNTYzNSAyNi4wMzAzIDI5LjQ3NjYgMjggMjcuNzM3NyAyOEg0LjI2MjI5QzIuNTIzMzcgMjggMS40MzY1NSAyNi4wMzAzIDIuMzA2MDEgMjQuNDU0NUwxNC4wNDM3IDMuMTgxODJaIiBmaWxsPSIjRUY0MDQ0Ii8+CjxwYXRoIGNsYXNzPSJza3ktaS1wYXRoLTIiIGQ9Ik0xNC42MTA0IDEwLjM4MzRIMTcuNDgxNkwxNy4xNjg3IDE4Ljc5NDVIMTQuOTIzM0wxNC42MTA0IDEwLjM4MzRaTTE1Ljk5MDggMjMuNjE2NkMxNS41NzM2IDIzLjYxNjYgMTUuMjE3OCAyMy40NjkzIDE0LjkyMzMgMjMuMTc0OEMxNC42NDExIDIyLjg4MDQgMTQuNSAyMi41MjQ1IDE0LjUgMjIuMTA3NEMxNC41IDIxLjY5MDIgMTQuNjQxMSAyMS4zMzQ0IDE0LjkyMzMgMjEuMDM5OUMxNS4yMTc4IDIwLjc0NTQgMTUuNTczNiAyMC41OTgyIDE1Ljk5MDggMjAuNTk4MkMxNi40MDggMjAuNTk4MiAxNi43NjM4IDIwLjc0NTQgMTcuMDU4MyAyMS4wMzk5QzE3LjM1MjggMjEuMzM0NCAxNy41IDIxLjY5MDIgMTcuNSAyMi4xMDc0QzE3LjUgMjIuNTI0NSAxNy4zNTI4IDIyLjg4MDQgMTcuMDU4MyAyMy4xNzQ4QzE2Ljc3NjEgMjMuNDY5MyAxNi40MjAyIDIzLjYxNjYgMTUuOTkwOCAyMy42MTY2WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K');
+  display: inline-block;
+  width: var(--sky-size-icon-s, 16px);
+  vertical-align: middle;
   margin-right: 5px;
-  color: var(--sky-highlight-color-danger);
 }
 
 @mixin sky-dropdown-item-btn {