@openfin/ui-library 0.31.3-alpha.20251203161821.61ad959 → 0.31.3-alpha.20260113190318

package/dist/types/enterprise-css-selectors.js

@@ -4,7 +4,7 @@
  * This file is automatically generated by scripts/generate-bem-types.js
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
  *
- * Last generated: 2025-12-03T16:17:53.661Z
+ * Last generated: 2026-01-13T19:05:23.609Z
  */
 
 export const enterpriseStyles = {
@@ -17,10 +17,18 @@ export const enterpriseStyles = {
     "contextMenuButton": "enterprise-context-menu__button",
     "contextMenuContainer": "enterprise-context-menu__container",
     "contextMenuItem": "enterprise-context-menu__item",
+    "contextMenuItemHeading": "enterprise-context-menu__item-heading",
+    "contextMenuCheckmark": "enterprise-context-menu__checkmark",
     "featuredContent": "enterprise-featured-content",
     "featuredContentTitle": "enterprise-featured-content__title",
     "featuredContentItem": "enterprise-featured-content__item",
     "featuredContentItemIcon": "enterprise-featured-content__item-icon",
+    "icon": "enterprise-icon",
+    "iconBackgroundIcon": "enterprise-icon__background-icon",
+    "iconIcon": "enterprise-icon__icon",
+    "iconItemWrapper": "enterprise-icon__item-wrapper",
+    "iconItem": "enterprise-icon__item",
+    "iconItemText": "enterprise-icon__item-text",
     "layouts": "enterprise-layouts",
     "layoutsContainer": "enterprise-layouts__container",
     "layoutsContainerOuter": "enterprise-layouts__container-outer",
@@ -30,6 +38,7 @@ export const enterpriseStyles = {
     "modalTitle": "enterprise-modal__title",
     "modalDescription": "enterprise-modal__description",
     "modalFooter": "enterprise-modal__footer",
+    "quickAppsQuickApp": "enterprise-quick-apps__quick-app",
     "search": "enterprise-search",
     "searchContainer": "enterprise-search__container",
     "searchContainerCommandBar": "enterprise-search__container-command-bar",

package/dist/types/enterprise-css-selectors.ts

@@ -4,7 +4,7 @@
  * This file is automatically generated by scripts/generate-bem-types.js
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
  *
- * Last generated: 2025-12-03T16:17:53.661Z
+ * Last generated: 2026-01-13T19:05:23.609Z
  */
 
 export const enterpriseStyles = {
@@ -17,10 +17,18 @@ export const enterpriseStyles = {
     "contextMenuButton": "enterprise-context-menu__button",
     "contextMenuContainer": "enterprise-context-menu__container",
     "contextMenuItem": "enterprise-context-menu__item",
+    "contextMenuItemHeading": "enterprise-context-menu__item-heading",
+    "contextMenuCheckmark": "enterprise-context-menu__checkmark",
     "featuredContent": "enterprise-featured-content",
     "featuredContentTitle": "enterprise-featured-content__title",
     "featuredContentItem": "enterprise-featured-content__item",
     "featuredContentItemIcon": "enterprise-featured-content__item-icon",
+    "icon": "enterprise-icon",
+    "iconBackgroundIcon": "enterprise-icon__background-icon",
+    "iconIcon": "enterprise-icon__icon",
+    "iconItemWrapper": "enterprise-icon__item-wrapper",
+    "iconItem": "enterprise-icon__item",
+    "iconItemText": "enterprise-icon__item-text",
     "layouts": "enterprise-layouts",
     "layoutsContainer": "enterprise-layouts__container",
     "layoutsContainerOuter": "enterprise-layouts__container-outer",
@@ -30,6 +38,7 @@ export const enterpriseStyles = {
     "modalTitle": "enterprise-modal__title",
     "modalDescription": "enterprise-modal__description",
     "modalFooter": "enterprise-modal__footer",
+    "quickAppsQuickApp": "enterprise-quick-apps__quick-app",
     "search": "enterprise-search",
     "searchContainer": "enterprise-search__container",
     "searchContainerCommandBar": "enterprise-search__container-command-bar",

package/dist/types/shared-css-selectors.d.ts

@@ -4,7 +4,7 @@
  * This file is automatically generated by scripts/generate-bem-types.js
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
  *
- * Last generated: 2025-12-03T16:17:53.661Z
+ * Last generated: 2026-01-13T19:05:23.610Z
  */
 
 export declare const sharedStyles: {

package/dist/types/shared-css-selectors.js

@@ -4,7 +4,7 @@
  * This file is automatically generated by scripts/generate-bem-types.js
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
  *
- * Last generated: 2025-12-03T16:17:53.661Z
+ * Last generated: 2026-01-13T19:05:23.610Z
  */
 
 export const sharedStyles = {

package/dist/types/shared-css-selectors.ts

@@ -4,7 +4,7 @@
  * This file is automatically generated by scripts/generate-bem-types.js
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
  *
- * Last generated: 2025-12-03T16:17:53.661Z
+ * Last generated: 2026-01-13T19:05:23.610Z
  */
 
 export const sharedStyles = {

package/dist/utils/SchemeManager.d.ts

@@ -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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.31.3-alpha.20251203161821.61ad959",
+  "version": "0.31.3-alpha.20260113190318",
   "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",