@skyux/theme 12.20.0 → 12.22.0

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

@@ -1,3 +1,4 @@
+import { SkyThemeModeData } from './theme-serialization-types';
 /**
  * Defines properties of a SKY UX theme mode.
  */
@@ -18,4 +19,14 @@ export declare class SkyThemeMode {
      * 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;
 }

package/lib/theming/theme-serialization-types.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Type definitions for theme serialization and deserialization.
+ */
+/**
+ * Serialized representation of a SkyThemeMode.
+ */
+export interface SkyThemeModeData {
+    name: string;
+    hostClass?: string;
+    isPreset?: boolean;
+}
+/**
+ * Serialized representation of a SkyThemeSpacing.
+ */
+export interface SkyThemeSpacingData {
+    name: string;
+    hostClass?: string;
+    isPreset?: boolean;
+}
+/**
+ * Serialized representation of a SkyThemeBrand.
+ */
+export interface SkyThemeBrandData {
+    name: string;
+    version: string;
+    hostClass?: string;
+}
+/**
+ * Serialized representation of a SkyTheme.
+ */
+export interface SkyThemeData {
+    name: string;
+    hostClass?: string;
+    supportedModes: SkyThemeModeData[];
+    supportedSpacing?: SkyThemeSpacingData[];
+    supportsBranding?: boolean;
+    isPreset?: boolean;
+}
+/**
+ * Serialized representation of SkyThemeSettings (internal structure before JSON stringification).
+ */
+export interface SkyThemeSettingsData {
+    theme: SkyThemeData;
+    mode: SkyThemeModeData;
+    spacing?: SkyThemeSpacingData;
+    brand?: SkyThemeBrandData;
+}

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

@@ -16,4 +16,12 @@ export declare class SkyThemeSettings {
      * @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;
 }

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

@@ -1,3 +1,4 @@
+import { SkyThemeSpacingData } from './theme-serialization-types';
 /**
  * Defines properties of SKY UX theme spacing.
  */
@@ -18,4 +19,14 @@ export declare class SkyThemeSpacing {
      * 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;
 }

package/lib/theming/theme.d.ts

@@ -1,4 +1,5 @@
 import { SkyThemeMode } from './theme-mode';
+import { SkyThemeData } from './theme-serialization-types';
 import { SkyThemeSpacing } from './theme-spacing';
 /**
  * Defines properties of a SKY UX theme.
@@ -25,4 +26,14 @@ export declare class SkyTheme {
      * @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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/theme",
-  "version": "12.20.0",
+  "version": "12.22.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,8 +20,8 @@
     "@angular/core": "^19.2.7"
   },
   "dependencies": {
-    "@blackbaud/skyux-design-tokens": "0.0.59",
-    "@skyux/icons": "8.0.0",
+    "@blackbaud/skyux-design-tokens": "0.0.65",
+    "@skyux/icons": "8.2.0",
     "fontfaceobserver": "2.3.0",
     "tslib": "^2.8.1"
   },

package/scss/mixins.scss

@@ -1,6 +1,6 @@
 // This file is included as-is with the @skyux/theme NPM package to be used by our consumers.
 
-@forward 'node_modules/@blackbaud/skyux-design-tokens/scss/mixins';
+@forward '@blackbaud/skyux-design-tokens/scss/mixins';
 
 @use 'variables' as vars;
 

package/scss/variables.scss

@@ -1,3 +1,3 @@
 // This file is included as-is with the @skyux/theme NPM package to be used by our consumers.
-@forward 'node_modules/@blackbaud/skyux-design-tokens/scss/variables';
-@forward 'node_modules/@blackbaud/skyux-design-tokens/scss/themes/modern/variables';
+@forward '@blackbaud/skyux-design-tokens/scss/variables';
+@forward '@blackbaud/skyux-design-tokens/scss/themes/modern/variables';