npm - @openfin/ui-library - Versions diffs - 0.31.3-alpha.20251203172248.f33d571 → 0.31.3-alpha.20260115161636 - Mend

@openfin/ui-library 0.31.3-alpha.20251203172248.f33d571 → 0.31.3-alpha.20260115161636

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/utils/SchemeManager.d.ts ADDED Viewed

@@ -0,0 +1,85 @@
+/**
+ * SchemeManager - Vanilla JS utility for managing color scheme (light/dark/system)
+ *
+ * Features:
+ * - Sets `data-scheme` attribute on `<html>` element
+ * - Persists preference to localStorage
+ * - Syncs across browser windows/tabs via storage event
+ * - Respects system preference when set to 'system'
+ *
+ * Usage:
+ *   import { schemeManager } from '@openfin/ui-library';
+ *
+ *   // Initialize (call once, typically in <head> or app entry)
+ *   schemeManager.init();
+ *
+ *   // Set scheme
+ *   schemeManager.setScheme('dark');
+ *   schemeManager.setScheme('light');
+ *   schemeManager.setScheme('system');
+ *
+ *   // Get current values
+ *   schemeManager.getScheme();         // 'light' | 'dark' | 'system'
+ *   schemeManager.getResolvedScheme(); // 'light' | 'dark'
+ *
+ *   // Subscribe to changes
+ *   const unsubscribe = schemeManager.subscribe((scheme) => {
+ *     console.log('Scheme changed to:', scheme);
+ *   });
+ */
+export type SchemeSetting = 'light' | 'dark' | 'system';
+export type ResolvedScheme = 'light' | 'dark';
+type SchemeChangeCallback = (scheme: ResolvedScheme) => void;
+/**
+ * Singleton instance
+ */
+export declare const schemeManager: {
+    /**
+     * Initialize the scheme manager
+     * - Reads stored preference from localStorage
+     * - Sets up event listeners
+     * - Applies initial scheme
+     *
+     * Safe to call multiple times (idempotent)
+     */
+    init(): void;
+    /**
+     * Set the scheme preference
+     * @param scheme - 'light' | 'dark' | 'system'
+     */
+    setScheme(scheme: SchemeSetting): void;
+    /**
+     * Get the current scheme setting
+     * @returns 'light' | 'dark' | 'system'
+     */
+    getScheme(): SchemeSetting;
+    /**
+     * Get the resolved (actual) scheme
+     * @returns 'light' | 'dark'
+     */
+    getResolvedScheme(): ResolvedScheme;
+    /**
+     * Subscribe to scheme changes
+     * @param callback - Called with resolved scheme when it changes
+     * @returns Unsubscribe function
+     */
+    subscribe(callback: SchemeChangeCallback): () => void;
+    /**
+     * Check if manager is initialized
+     */
+    isInitialized(): boolean;
+};
+/**
+ * Convenience function to get inline script for <head>
+ * This ensures scheme is applied before first paint (no flash)
+ *
+ * Usage in HTML:
+ *   <script>{getSchemeInitScript()}</script>
+ *
+ * Or in Next.js:
+ *   <Script id="scheme-init" strategy="beforeInteractive">
+ *     {getSchemeInitScript()}
+ *   </Script>
+ */
+export declare const getSchemeInitScript: () => string;
+export {};

package/dist/utils/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { schemeManager, getSchemeInitScript } from './SchemeManager';
2	+ export type { SchemeSetting, ResolvedScheme } from './SchemeManager';

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.31.3-alpha.20251203172248.f33d571",
+  "version": "0.31.3-alpha.20260115161636",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -43,15 +43,15 @@
   },
   "license": "SEE LICENSE IN LICENSE.MD",
   "scripts": {
-    "start": "npm run storybook",
+    "start": "npm run generate:tokens && npm run storybook",
     "dev": "webpack build --config webpack.config.js --mode development --watch",
     "typecheck": "npx tsc --noEmit",
     "build": "npm run build:clean && npm run build:scss && npm run build:types && npm run build:src",
     "build:src": "webpack build --config webpack.config.js --mode production",
     "build:clean": "rimraf dist",
     "build:types": "node scripts/generate-bem-types.js",
-    "build:scss": "sass src/styles:dist/styles --style=compressed",
-    "build:scss:dev": "sass src/styles:dist/styles --style=expanded",
+    "build:scss": "sass src/styles:dist/styles --style=compressed && node scripts/copy-temp-tokens.js",
+    "build:scss:dev": "sass src/styles:dist/styles --style=expanded && node scripts/copy-temp-tokens.js",
     "build:styles": "npm run build:scss && npm run build:types",
     "build:styles:dev": "npm run build:scss:dev && npm run build:types",
     "generate:tokens": "node scripts/generate-tokens.js",
@@ -116,6 +116,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "file-loader": "^6.2.0",
+    "golden-layout": "^1.5.9",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",