@skyux/theme 12.0.0-alpha.9 → 12.0.0-beta.0

package/index.d.ts

@@ -4,6 +4,7 @@ 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';

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

@@ -0,0 +1,18 @@
+/**
+ * @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);
+}

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

@@ -1,4 +1,5 @@
 import { SkyTheme } from './theme';
+import { SkyThemeBrand } from './theme-brand';
 import { SkyThemeMode } from './theme-mode';
 import { SkyThemeSpacing } from './theme-spacing';
 /**
@@ -8,10 +9,11 @@ export 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);
+    constructor(theme: SkyTheme, mode: SkyThemeMode, spacing?: SkyThemeSpacing, brand?: SkyThemeBrand | undefined);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/theme",
-  "version": "12.0.0-alpha.9",
+  "version": "12.0.0-beta.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -15,6 +15,18 @@
     "url": "https://github.com/blackbaud/skyux/issues"
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
+  "peerDependencies": {
+    "@angular/common": "^19.2.1",
+    "@angular/core": "^19.2.1"
+  },
+  "dependencies": {
+    "@blackbaud/skyux-design-tokens": "0.0.47",
+    "@skyux/icons": "7.21.0",
+    "fontfaceobserver": "2.3.0",
+    "tslib": "^2.8.1"
+  },
+  "module": "fesm2022/skyux-theme.mjs",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
@@ -70,22 +82,7 @@
     },
     "./scss/themes/modern/_compat/_mixins.scss": {
       "default": "./scss/themes/modern/_compat/_mixins.scss"
-    },
-    "./documentation.json": {
-      "default": "./documentation.json"
     }
   },
-  "peerDependencies": {
-    "@angular/common": "^19.2.1",
-    "@angular/core": "^19.2.1"
-  },
-  "dependencies": {
-    "@blackbaud/skyux-design-tokens": "0.0.45",
-    "@skyux/icons": "7.14.1",
-    "fontfaceobserver": "2.3.0",
-    "tslib": "^2.8.1"
-  },
-  "module": "fesm2022/skyux-theme.mjs",
-  "typings": "index.d.ts",
   "sideEffects": false
 }

package/scss/_compat/_variables.scss

@@ -19,8 +19,8 @@ $sky-margin-triple: $sky-margin * 3 !default;
 
 // THEME
 $sky-font-family: 'BLKB Sans', 'Helvetica Neue', Arial, sans-serif !default;
-$sky-font-family-condensed: 'BLKB Sans Condensed', 'Helvetica Neue Condensed',
-  'Arial Narrow' !default;
+$sky-font-family-condensed:
+  'BLKB Sans Condensed', 'Helvetica Neue Condensed', 'Arial Narrow' !default;
 $sky-font-size-base: 15px !default;
 $sky-line-height-base: 1.428571429 !default;