@deephaven/components 0.107.2 → 0.107.3-alpha-parent-theme.11

package/dist/theme/ThemeModel.d.ts

@@ -2,11 +2,14 @@ export type BaseThemeType = 'dark' | 'light';
 export type BaseThemeKey = `default-${BaseThemeType}`;
 export type CssVariableStyleContent = `:root{${string}`;
 export type ThemeCssVariableName = `--dh-${string}`;
+export type ThemeCssColorVariableName = `--dh-color-${string}`;
 export type ThemePreloadColorVariable = '--dh-color-accent-contrast' | '--dh-color-accent-bg' | '--dh-color-accent-hover-bg' | '--dh-color-accent-down-bg' | '--dh-color-accent-key-focus-bg' | '--dh-color-negative-bg' | '--dh-color-loading-spinner-primary' | '--dh-color-loading-spinner-secondary' | '--dh-color-bg' | '--dh-color-fg' | '--dh-color-input-bg' | '--dh-color-input-fg' | '--dh-color-input-disabled-bg' | '--dh-color-input-border' | '--dh-color-input-placeholder' | '--dh-color-input-focus-border' | '--dh-color-text-highlight' | '--dh-color-login-form-bg' | '--dh-color-login-status-message' | '--dh-color-login-logo-bg' | '--dh-color-login-footer-fg' | '--dh-color-random-area-plot-animation-fg-fill' | '--dh-color-random-area-plot-animation-fg-stroke' | '--dh-color-random-area-plot-animation-bg' | '--dh-color-random-area-plot-animation-grid';
 export type ThemeIconsRequiringManualColorChanges = '--dh-svg-icon-select-indicator' | '--dh-svg-icon-select-indicator-hover' | '--dh-svg-icon-select-indicator-disabled' | '--dh-svg-icon-error';
 export declare const DEFAULT_DARK_THEME_KEY = "default-dark";
 export declare const DEFAULT_LIGHT_THEME_KEY = "default-light";
-export declare const THEME_KEY_OVERRIDE_QUERY_PARAM = "theme";
+export declare const PARENT_THEME_KEY: "parent-theme";
+export declare const PARENT_THEME_REQUEST = "io.deephaven.message.ParentTheme.request";
+export declare const THEME_KEY_OVERRIDE_QUERY_PARAM: "theme";
 export declare const DEFAULT_DARK_THEME_PALETTE: {
     readonly blue: {
         readonly 500: "#2f5bc0";
@@ -30,6 +33,7 @@ export declare const DEFAULT_DARK_THEME_PALETTE: {
     };
 };
 export declare const DEFAULT_PRELOAD_DATA_VARIABLES: Record<ThemePreloadColorVariable, string>;
+export declare const TRANSPARENT_PRELOAD_DATA_VARIABLES: Partial<Record<ThemePreloadColorVariable, string>>;
 /**
  * Some inline SVGs require manually updating their fill color via
  * `updateSVGFillColors`. This object maps these variables to their respective
@@ -51,4 +55,9 @@ export interface ThemeRegistrationData {
     base: ThemeData[];
     custom: ThemeData[];
 }
+export interface ParentThemeData {
+    baseThemeKey?: BaseThemeKey;
+    name: string;
+    cssVars: Record<ThemeCssColorVariableName, string>;
+}
 //# sourceMappingURL=ThemeModel.d.ts.map

package/dist/theme/ThemeModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,WAAW,aAAa,EAAE,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,SAAS,MAAM,EAAE,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAOpD,MAAM,MAAM,yBAAyB,GACjC,4BAA4B,GAC5B,sBAAsB,GACtB,4BAA4B,GAC5B,2BAA2B,GAC3B,gCAAgC,GAChC,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,qBAAqB,GACrB,8BAA8B,GAC9B,yBAAyB,GACzB,8BAA8B,GAC9B,+BAA+B,GAC/B,2BAA2B,GAC3B,0BAA0B,GAC1B,iCAAiC,GACjC,0BAA0B,GAC1B,4BAA4B,GAC5B,+CAA+C,GAC/C,iDAAiD,GACjD,0CAA0C,GAC1C,4CAA4C,CAAC;AAEjD,MAAM,MAAM,qCAAqC,GAC7C,gCAAgC,GAChC,sCAAsC,GACtC,yCAAyC,GACzC,qBAAqB,CAAC;AAE1B,eAAO,MAAM,sBAAsB,iBAAwC,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kBAAyC,CAAC;AAC9E,eAAO,MAAM,8BAA8B,UAAU,CAAC;AAItD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;CAqB7B,CAAC;AAQX,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,yBAAyB,EACzB,MAAM,CA6BP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,qCAAqC,EACrC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB"}
+{"version":3,"file":"ThemeModel.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,WAAW,aAAa,EAAE,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,SAAS,MAAM,EAAE,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AACpD,MAAM,MAAM,yBAAyB,GAAG,cAAc,MAAM,EAAE,CAAC;AAO/D,MAAM,MAAM,yBAAyB,GACjC,4BAA4B,GAC5B,sBAAsB,GACtB,4BAA4B,GAC5B,2BAA2B,GAC3B,gCAAgC,GAChC,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,qBAAqB,GACrB,8BAA8B,GAC9B,yBAAyB,GACzB,8BAA8B,GAC9B,+BAA+B,GAC/B,2BAA2B,GAC3B,0BAA0B,GAC1B,iCAAiC,GACjC,0BAA0B,GAC1B,4BAA4B,GAC5B,+CAA+C,GAC/C,iDAAiD,GACjD,0CAA0C,GAC1C,4CAA4C,CAAC;AAEjD,MAAM,MAAM,qCAAqC,GAC7C,gCAAgC,GAChC,sCAAsC,GACtC,yCAAyC,GACzC,qBAAqB,CAAC;AAE1B,eAAO,MAAM,sBAAsB,iBAAwC,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kBAAyC,CAAC;AAC9E,eAAO,MAAM,gBAAgB,gBAA0B,CAAC;AACxD,eAAO,MAAM,oBAAoB,6CAA6C,CAAC;AAC/E,eAAO,MAAM,8BAA8B,SAAmB,CAAC;AAI/D,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;CAqB7B,CAAC;AAQX,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,yBAAyB,EACzB,MAAM,CA6BP,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,OAAO,CACtD,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAK1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,qCAAqC,EACrC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;CACpD"}

package/dist/theme/ThemeModel.js

@@ -5,6 +5,8 @@
 // codebase. To be addressed by #1679
 export var DEFAULT_DARK_THEME_KEY = 'default-dark';
 export var DEFAULT_LIGHT_THEME_KEY = 'default-light';
+export var PARENT_THEME_KEY = 'parent-theme';
+export var PARENT_THEME_REQUEST = 'io.deephaven.message.ParentTheme.request';
 export var THEME_KEY_OVERRIDE_QUERY_PARAM = 'theme';
 
 // Hex versions of some of the default dark theme color palette needed for
@@ -71,6 +73,11 @@ export var DEFAULT_PRELOAD_DATA_VARIABLES = {
   '--dh-color-random-area-plot-animation-bg': DEFAULT_DARK_THEME_PALETTE.gray[75],
   '--dh-color-random-area-plot-animation-grid': DEFAULT_DARK_THEME_PALETTE.gray[300]
 };
+export var TRANSPARENT_PRELOAD_DATA_VARIABLES = {
+  '--dh-color-bg': 'transparent',
+  '--dh-color-loading-spinner-primary': 'transparent',
+  '--dh-color-loading-spinner-secondary': 'transparent'
+};
 
 /**
  * Some inline SVGs require manually updating their fill color via

package/dist/theme/ThemeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","THEME_KEY_OVERRIDE_QUERY_PARAM","DEFAULT_DARK_THEME_PALETTE","blue","red","gray","DEFAULT_PRELOAD_DATA_VARIABLES","concat","SVG_ICON_MANUAL_COLOR_MAP","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type CssVariableStyleContent = `:root{${string}`;\nexport type ThemeCssVariableName = `--dh-${string}`;\n\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport type ThemePreloadColorVariable =\n  | '--dh-color-accent-contrast'\n  | '--dh-color-accent-bg'\n  | '--dh-color-accent-hover-bg'\n  | '--dh-color-accent-down-bg'\n  | '--dh-color-accent-key-focus-bg'\n  | '--dh-color-negative-bg'\n  | '--dh-color-loading-spinner-primary'\n  | '--dh-color-loading-spinner-secondary'\n  | '--dh-color-bg'\n  | '--dh-color-fg'\n  | '--dh-color-input-bg'\n  | '--dh-color-input-fg'\n  | '--dh-color-input-disabled-bg'\n  | '--dh-color-input-border'\n  | '--dh-color-input-placeholder'\n  | '--dh-color-input-focus-border'\n  | '--dh-color-text-highlight'\n  | '--dh-color-login-form-bg'\n  | '--dh-color-login-status-message'\n  | '--dh-color-login-logo-bg'\n  | '--dh-color-login-footer-fg'\n  | '--dh-color-random-area-plot-animation-fg-fill'\n  | '--dh-color-random-area-plot-animation-fg-stroke'\n  | '--dh-color-random-area-plot-animation-bg'\n  | '--dh-color-random-area-plot-animation-grid';\n\nexport type ThemeIconsRequiringManualColorChanges =\n  | '--dh-svg-icon-select-indicator'\n  | '--dh-svg-icon-select-indicator-hover'\n  | '--dh-svg-icon-select-indicator-disabled'\n  | '--dh-svg-icon-error';\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\nexport const THEME_KEY_OVERRIDE_QUERY_PARAM = 'theme';\n\n// Hex versions of some of the default dark theme color palette needed for\n// preload defaults.\nexport const DEFAULT_DARK_THEME_PALETTE = {\n  blue: {\n    500: '#2f5bc0',\n    400: '#254ba4',\n    600: '#3b6bda', // accent color\n    700: '#4c7dee',\n  },\n  red: {\n    600: '#c73f61',\n  },\n  gray: {\n    50: '#1a171a',\n    75: '#211f22',\n    300: '#373438',\n    400: '#403e41',\n    500: '#5b5a5c',\n    600: '#929192',\n    700: '#c0bfbf',\n    800: '#f0f0ee',\n    900: '#fcfcfa',\n  },\n} as const;\n\n// Css properties that are used in preload data with default values.\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport const DEFAULT_PRELOAD_DATA_VARIABLES: Record<\n  ThemePreloadColorVariable,\n  string\n> = {\n  '--dh-color-accent-contrast': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-accent-bg': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-accent-hover-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-accent-down-bg': DEFAULT_DARK_THEME_PALETTE.blue[400],\n  '--dh-color-accent-key-focus-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-negative-bg': DEFAULT_DARK_THEME_PALETTE.red[600],\n  '--dh-color-loading-spinner-primary': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-loading-spinner-secondary': `${DEFAULT_DARK_THEME_PALETTE.gray[800]}80`, // 50% opacity\n  '--dh-color-bg': DEFAULT_DARK_THEME_PALETTE.gray[50],\n  '--dh-color-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-bg': DEFAULT_DARK_THEME_PALETTE.gray[500],\n  '--dh-color-input-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-disabled-bg': DEFAULT_DARK_THEME_PALETTE.gray[300],\n  '--dh-color-input-border': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-placeholder': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-focus-border': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}d9`, // 85% opacity\n  '--dh-color-text-highlight': `${DEFAULT_DARK_THEME_PALETTE.blue[700]}4d`, // 30% opacity\n  '--dh-color-login-form-bg': DEFAULT_DARK_THEME_PALETTE.gray[400],\n  '--dh-color-login-status-message': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-login-logo-bg': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-login-footer-fg': DEFAULT_DARK_THEME_PALETTE.gray[700],\n  '--dh-color-random-area-plot-animation-fg-fill': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}14`, // .08 opacity\n  '--dh-color-random-area-plot-animation-fg-stroke': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}33`, // .2 opacity\n  '--dh-color-random-area-plot-animation-bg':\n    DEFAULT_DARK_THEME_PALETTE.gray[75],\n  '--dh-color-random-area-plot-animation-grid':\n    DEFAULT_DARK_THEME_PALETTE.gray[300],\n};\n\n/**\n * Some inline SVGs require manually updating their fill color via\n * `updateSVGFillColors`. This object maps these variables to their respective\n * fill color variables.\n */\nexport const SVG_ICON_MANUAL_COLOR_MAP: Record<\n  ThemeIconsRequiringManualColorChanges,\n  string\n> = {\n  '--dh-svg-icon-select-indicator': '--dh-color-selector-fg',\n  '--dh-svg-icon-select-indicator-hover': '--dh-color-selector-hover-fg',\n  '--dh-svg-icon-select-indicator-disabled': '--dh-color-selector-disabled-fg',\n  '--dh-svg-icon-error': '--dh-color-form-control-error',\n};\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: CssVariableStyleContent;\n}\n\nexport interface ThemeData {\n  baseThemeKey?: BaseThemeKey;\n  themeKey: string;\n  name: string;\n  styleContent: string;\n}\n\nexport interface ThemeRegistrationData {\n  base: ThemeData[];\n  custom: ThemeData[];\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","PARENT_THEME_KEY","PARENT_THEME_REQUEST","THEME_KEY_OVERRIDE_QUERY_PARAM","DEFAULT_DARK_THEME_PALETTE","blue","red","gray","DEFAULT_PRELOAD_DATA_VARIABLES","concat","TRANSPARENT_PRELOAD_DATA_VARIABLES","SVG_ICON_MANUAL_COLOR_MAP","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type CssVariableStyleContent = `:root{${string}`;\nexport type ThemeCssVariableName = `--dh-${string}`;\nexport type ThemeCssColorVariableName = `--dh-color-${string}`;\n\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport type ThemePreloadColorVariable =\n  | '--dh-color-accent-contrast'\n  | '--dh-color-accent-bg'\n  | '--dh-color-accent-hover-bg'\n  | '--dh-color-accent-down-bg'\n  | '--dh-color-accent-key-focus-bg'\n  | '--dh-color-negative-bg'\n  | '--dh-color-loading-spinner-primary'\n  | '--dh-color-loading-spinner-secondary'\n  | '--dh-color-bg'\n  | '--dh-color-fg'\n  | '--dh-color-input-bg'\n  | '--dh-color-input-fg'\n  | '--dh-color-input-disabled-bg'\n  | '--dh-color-input-border'\n  | '--dh-color-input-placeholder'\n  | '--dh-color-input-focus-border'\n  | '--dh-color-text-highlight'\n  | '--dh-color-login-form-bg'\n  | '--dh-color-login-status-message'\n  | '--dh-color-login-logo-bg'\n  | '--dh-color-login-footer-fg'\n  | '--dh-color-random-area-plot-animation-fg-fill'\n  | '--dh-color-random-area-plot-animation-fg-stroke'\n  | '--dh-color-random-area-plot-animation-bg'\n  | '--dh-color-random-area-plot-animation-grid';\n\nexport type ThemeIconsRequiringManualColorChanges =\n  | '--dh-svg-icon-select-indicator'\n  | '--dh-svg-icon-select-indicator-hover'\n  | '--dh-svg-icon-select-indicator-disabled'\n  | '--dh-svg-icon-error';\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\nexport const PARENT_THEME_KEY = 'parent-theme' as const;\nexport const PARENT_THEME_REQUEST = 'io.deephaven.message.ParentTheme.request';\nexport const THEME_KEY_OVERRIDE_QUERY_PARAM = 'theme' as const;\n\n// Hex versions of some of the default dark theme color palette needed for\n// preload defaults.\nexport const DEFAULT_DARK_THEME_PALETTE = {\n  blue: {\n    500: '#2f5bc0',\n    400: '#254ba4',\n    600: '#3b6bda', // accent color\n    700: '#4c7dee',\n  },\n  red: {\n    600: '#c73f61',\n  },\n  gray: {\n    50: '#1a171a',\n    75: '#211f22',\n    300: '#373438',\n    400: '#403e41',\n    500: '#5b5a5c',\n    600: '#929192',\n    700: '#c0bfbf',\n    800: '#f0f0ee',\n    900: '#fcfcfa',\n  },\n} as const;\n\n// Css properties that are used in preload data with default values.\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport const DEFAULT_PRELOAD_DATA_VARIABLES: Record<\n  ThemePreloadColorVariable,\n  string\n> = {\n  '--dh-color-accent-contrast': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-accent-bg': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-accent-hover-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-accent-down-bg': DEFAULT_DARK_THEME_PALETTE.blue[400],\n  '--dh-color-accent-key-focus-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-negative-bg': DEFAULT_DARK_THEME_PALETTE.red[600],\n  '--dh-color-loading-spinner-primary': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-loading-spinner-secondary': `${DEFAULT_DARK_THEME_PALETTE.gray[800]}80`, // 50% opacity\n  '--dh-color-bg': DEFAULT_DARK_THEME_PALETTE.gray[50],\n  '--dh-color-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-bg': DEFAULT_DARK_THEME_PALETTE.gray[500],\n  '--dh-color-input-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-disabled-bg': DEFAULT_DARK_THEME_PALETTE.gray[300],\n  '--dh-color-input-border': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-placeholder': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-focus-border': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}d9`, // 85% opacity\n  '--dh-color-text-highlight': `${DEFAULT_DARK_THEME_PALETTE.blue[700]}4d`, // 30% opacity\n  '--dh-color-login-form-bg': DEFAULT_DARK_THEME_PALETTE.gray[400],\n  '--dh-color-login-status-message': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-login-logo-bg': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-login-footer-fg': DEFAULT_DARK_THEME_PALETTE.gray[700],\n  '--dh-color-random-area-plot-animation-fg-fill': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}14`, // .08 opacity\n  '--dh-color-random-area-plot-animation-fg-stroke': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}33`, // .2 opacity\n  '--dh-color-random-area-plot-animation-bg':\n    DEFAULT_DARK_THEME_PALETTE.gray[75],\n  '--dh-color-random-area-plot-animation-grid':\n    DEFAULT_DARK_THEME_PALETTE.gray[300],\n};\n\nexport const TRANSPARENT_PRELOAD_DATA_VARIABLES: Partial<\n  Record<ThemePreloadColorVariable, string>\n> = {\n  '--dh-color-bg': 'transparent',\n  '--dh-color-loading-spinner-primary': 'transparent',\n  '--dh-color-loading-spinner-secondary': 'transparent',\n};\n\n/**\n * Some inline SVGs require manually updating their fill color via\n * `updateSVGFillColors`. This object maps these variables to their respective\n * fill color variables.\n */\nexport const SVG_ICON_MANUAL_COLOR_MAP: Record<\n  ThemeIconsRequiringManualColorChanges,\n  string\n> = {\n  '--dh-svg-icon-select-indicator': '--dh-color-selector-fg',\n  '--dh-svg-icon-select-indicator-hover': '--dh-color-selector-hover-fg',\n  '--dh-svg-icon-select-indicator-disabled': '--dh-color-selector-disabled-fg',\n  '--dh-svg-icon-error': '--dh-color-form-control-error',\n};\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: CssVariableStyleContent;\n}\n\nexport interface ThemeData {\n  baseThemeKey?: BaseThemeKey;\n  themeKey: string;\n  name: string;\n  styleContent: string;\n}\n\nexport interface ThemeRegistrationData {\n  base: ThemeData[];\n  custom: ThemeData[];\n}\n\nexport interface ParentThemeData {\n  baseThemeKey?: BaseThemeKey;\n  name: string;\n  cssVars: Record<ThemeCssColorVariableName, string>;\n}\n"],"mappings":"AAMA;AACA;AACA;AACA;AACA;AAkCA,OAAO,IAAMA,sBAAsB,GAAG,cAAqC;AAC3E,OAAO,IAAMC,uBAAuB,GAAG,eAAsC;AAC7E,OAAO,IAAMC,gBAAgB,GAAG,cAAuB;AACvD,OAAO,IAAMC,oBAAoB,GAAG,0CAA0C;AAC9E,OAAO,IAAMC,8BAA8B,GAAG,OAAgB;;AAE9D;AACA;AACA,OAAO,IAAMC,0BAA0B,GAAG;EACxCC,IAAI,EAAE;IACJ,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE;EACP,CAAC;EACDC,GAAG,EAAE;IACH,GAAG,EAAE;EACP,CAAC;EACDC,IAAI,EAAE;IACJ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE;EACP;AACF,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,8BAGZ,GAAG;EACF,4BAA4B,EAAEJ,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAClE,sBAAsB,EAAEH,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC;EAC5D,4BAA4B,EAAED,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC;EAClE,2BAA2B,EAAED,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC;EACjE,gCAAgC,EAAED,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC;EACtE,wBAAwB,EAAED,0BAA0B,CAACE,GAAG,CAAC,GAAG,CAAC;EAC7D,oCAAoC,EAAEF,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC;EAC1E,sCAAsC,KAAAI,MAAA,CAAKL,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC,OAAI;EAAE;EACrF,eAAe,EAAEH,0BAA0B,CAACG,IAAI,CAAC,EAAE,CAAC;EACpD,eAAe,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EACrD,qBAAqB,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAC3D,qBAAqB,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAC3D,8BAA8B,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EACpE,yBAAyB,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAC/D,8BAA8B,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EACpE,+BAA+B,KAAAE,MAAA,CAAKL,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC,OAAI;EAAE;EAC9E,2BAA2B,KAAAI,MAAA,CAAKL,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC,OAAI;EAAE;EAC1E,0BAA0B,EAAED,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAChE,iCAAiC,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EACvE,0BAA0B,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAChE,4BAA4B,EAAEH,0BAA0B,CAACG,IAAI,CAAC,GAAG,CAAC;EAClE,+CAA+C,KAAAE,MAAA,CAAKL,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC,OAAI;EAAE;EAC9F,iDAAiD,KAAAI,MAAA,CAAKL,0BAA0B,CAACC,IAAI,CAAC,GAAG,CAAC,OAAI;EAAE;EAChG,0CAA0C,EACxCD,0BAA0B,CAACG,IAAI,CAAC,EAAE,CAAC;EACrC,4CAA4C,EAC1CH,0BAA0B,CAACG,IAAI,CAAC,GAAG;AACvC,CAAC;AAED,OAAO,IAAMG,kCAEZ,GAAG;EACF,eAAe,EAAE,aAAa;EAC9B,oCAAoC,EAAE,aAAa;EACnD,sCAAsC,EAAE;AAC1C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,yBAGZ,GAAG;EACF,gCAAgC,EAAE,wBAAwB;EAC1D,sCAAsC,EAAE,8BAA8B;EACtE,yCAAyC,EAAE,iCAAiC;EAC5E,qBAAqB,EAAE;AACzB,CAAC;AAED,OAAO,IAAMC,6BAA6B,GAAG,sBAAsB"}

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9E,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAMjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,YAAY,EACpB,oBAAqD,EACrD,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkFzC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9E,OAAO,kBAAkB,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAMjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,YAAY,EACpB,oBAAqD,EACrD,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiGzC;AAED,eAAe,aAAa,CAAC"}

package/dist/theme/ThemeProvider.js

@@ -4,6 +4,7 @@ import { DEFAULT_PRELOAD_DATA_VARIABLES } from "./ThemeModel.js";
 import { calculatePreloadStyleContent, getActiveThemes, getDefaultBaseThemes, setThemePreloadData, overrideSVGFillColors, getDefaultSelectedThemeKey } from "./ThemeUtils.js";
 import { SpectrumThemeProvider } from "./SpectrumThemeProvider.js";
 import "./theme-svg.css";
+import useParentWindowTheme from "./useParentWindowTheme.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -16,14 +17,27 @@ export function ThemeProvider(_ref) {
     children
   } = _ref;
   var baseThemes = useMemo(() => getDefaultBaseThemes(), []);
+  var {
+    isPending: isPendingParentTheme,
+    themeData: parentThemeData
+  } = useParentWindowTheme();
   var [value, setValue] = useState(null);
   var [selectedThemeKey, setSelectedThemeKey] = useState(getDefaultSelectedThemeKey);
 
   // Calculate active themes once a non-null themes array is provided.
-  var activeThemes = useMemo(() => customThemes == null ? null : getActiveThemes(selectedThemeKey, {
-    base: baseThemes,
-    custom: customThemes !== null && customThemes !== void 0 ? customThemes : []
-  }), [baseThemes, selectedThemeKey, customThemes]);
+  var activeThemes = useMemo(() => {
+    if (customThemes == null || isPendingParentTheme) {
+      return null;
+    }
+    var custom = [...customThemes];
+    if (parentThemeData != null) {
+      custom.push(parentThemeData);
+    }
+    return getActiveThemes(selectedThemeKey, {
+      base: baseThemes,
+      custom
+    });
+  }, [customThemes, isPendingParentTheme, parentThemeData, selectedThemeKey, baseThemes]);
   var themes = useMemo(() => [...baseThemes, ...(customThemes !== null && customThemes !== void 0 ? customThemes : [])], [baseThemes, customThemes]);
   useEffect(function updateThemePreloadData() {
     // Don't update preload data until themes have been loaded and activated

package/dist/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_PRELOAD_DATA_VARIABLES","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","setThemePreloadData","overrideSVGFillColors","getDefaultSelectedThemeKey","SpectrumThemeProvider","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","ThemeContext","ThemeProvider","_ref","themes","customThemes","defaultPreloadValues","children","baseThemes","value","setValue","selectedThemeKey","setSelectedThemeKey","activeThemes","base","custom","updateThemePreloadData","preloadStyleContent","debug2","active","map","theme","themeKey","styleContent","Provider"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_PRELOAD_DATA_VARIABLES, type ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  setThemePreloadData,\n  overrideSVGFillColors,\n  getDefaultSelectedThemeKey,\n} from './ThemeUtils';\nimport { SpectrumThemeProvider } from './SpectrumThemeProvider';\nimport './theme-svg.scss';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  themes: ThemeData[];\n  setSelectedThemeKey: (themeKey: string) => void;\n}\n\nconst log = Log.module('ThemeProvider');\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  /*\n   * Additional themes to load in addition to the base themes. If no additional\n   * themes are to be loaded, this must be set to an empty array in order to\n   * tell the provider to activate the base themes.\n   */\n  themes: ThemeData[] | null;\n  defaultPreloadValues?: Record<string, string>;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes: customThemes,\n  defaultPreloadValues = DEFAULT_PRELOAD_DATA_VARIABLES,\n  children,\n}: ThemeProviderProps): JSX.Element | null {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [value, setValue] = useState<ThemeContextValue | null>(null);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    getDefaultSelectedThemeKey\n  );\n\n  // Calculate active themes once a non-null themes array is provided.\n  const activeThemes = useMemo(\n    () =>\n      customThemes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: customThemes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, customThemes]\n  );\n\n  const themes = useMemo(\n    () => [...baseThemes, ...(customThemes ?? [])],\n    [baseThemes, customThemes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      // Don't update preload data until themes have been loaded and activated\n      if (activeThemes == null || customThemes == null) {\n        return;\n      }\n\n      // Override fill color for certain inline SVGs (the originals are provided\n      // by theme-svg.scss)\n      overrideSVGFillColors(defaultPreloadValues);\n\n      const preloadStyleContent =\n        calculatePreloadStyleContent(defaultPreloadValues);\n\n      log.debug2('updateThemePreloadData:', {\n        active: activeThemes.map(theme => theme.themeKey),\n        custom: customThemes.map(theme => theme.themeKey),\n        preloadStyleContent,\n        selectedThemeKey,\n      });\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent,\n      });\n    },\n    [activeThemes, selectedThemeKey, customThemes, defaultPreloadValues]\n  );\n\n  useEffect(() => {\n    setValue({\n      activeThemes,\n      selectedThemeKey,\n      themes,\n      setSelectedThemeKey,\n    });\n  }, [activeThemes, selectedThemeKey, themes]);\n\n  return (\n    <>\n      {activeThemes == null ? null : (\n        <>\n          {activeThemes.map(theme => (\n            <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n              {theme.styleContent}\n            </style>\n          ))}\n        </>\n      )}\n      {value == null ? null : (\n        <ThemeContext.Provider value={value}>\n          <SpectrumThemeProvider>{children}</SpectrumThemeProvider>\n        </ThemeContext.Provider>\n      )}\n    </>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_PRELOAD_DATA_VARIABLES","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","setThemePreloadData","overrideSVGFillColors","getDefaultSelectedThemeKey","SpectrumThemeProvider","useParentWindowTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","ThemeContext","ThemeProvider","_ref","themes","customThemes","defaultPreloadValues","children","baseThemes","isPending","isPendingParentTheme","themeData","parentThemeData","value","setValue","selectedThemeKey","setSelectedThemeKey","activeThemes","custom","push","base","updateThemePreloadData","preloadStyleContent","debug2","active","map","theme","themeKey","styleContent","Provider"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_PRELOAD_DATA_VARIABLES, type ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  setThemePreloadData,\n  overrideSVGFillColors,\n  getDefaultSelectedThemeKey,\n} from './ThemeUtils';\nimport { SpectrumThemeProvider } from './SpectrumThemeProvider';\nimport './theme-svg.scss';\nimport useParentWindowTheme from './useParentWindowTheme';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  themes: ThemeData[];\n  setSelectedThemeKey: (themeKey: string) => void;\n}\n\nconst log = Log.module('ThemeProvider');\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  /*\n   * Additional themes to load in addition to the base themes. If no additional\n   * themes are to be loaded, this must be set to an empty array in order to\n   * tell the provider to activate the base themes.\n   */\n  themes: ThemeData[] | null;\n  defaultPreloadValues?: Record<string, string>;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes: customThemes,\n  defaultPreloadValues = DEFAULT_PRELOAD_DATA_VARIABLES,\n  children,\n}: ThemeProviderProps): JSX.Element | null {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const { isPending: isPendingParentTheme, themeData: parentThemeData } =\n    useParentWindowTheme();\n\n  const [value, setValue] = useState<ThemeContextValue | null>(null);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    getDefaultSelectedThemeKey\n  );\n\n  // Calculate active themes once a non-null themes array is provided.\n  const activeThemes = useMemo(() => {\n    if (customThemes == null || isPendingParentTheme) {\n      return null;\n    }\n\n    const custom = [...customThemes];\n\n    if (parentThemeData != null) {\n      custom.push(parentThemeData);\n    }\n\n    return getActiveThemes(selectedThemeKey, {\n      base: baseThemes,\n      custom,\n    });\n  }, [\n    customThemes,\n    isPendingParentTheme,\n    parentThemeData,\n    selectedThemeKey,\n    baseThemes,\n  ]);\n\n  const themes = useMemo(\n    () => [...baseThemes, ...(customThemes ?? [])],\n    [baseThemes, customThemes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      // Don't update preload data until themes have been loaded and activated\n      if (activeThemes == null || customThemes == null) {\n        return;\n      }\n\n      // Override fill color for certain inline SVGs (the originals are provided\n      // by theme-svg.scss)\n      overrideSVGFillColors(defaultPreloadValues);\n\n      const preloadStyleContent =\n        calculatePreloadStyleContent(defaultPreloadValues);\n\n      log.debug2('updateThemePreloadData:', {\n        active: activeThemes.map(theme => theme.themeKey),\n        custom: customThemes.map(theme => theme.themeKey),\n        preloadStyleContent,\n        selectedThemeKey,\n      });\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent,\n      });\n    },\n    [activeThemes, selectedThemeKey, customThemes, defaultPreloadValues]\n  );\n\n  useEffect(() => {\n    setValue({\n      activeThemes,\n      selectedThemeKey,\n      themes,\n      setSelectedThemeKey,\n    });\n  }, [activeThemes, selectedThemeKey, themes]);\n\n  return (\n    <>\n      {activeThemes == null ? null : (\n        <>\n          {activeThemes.map(theme => (\n            <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n              {theme.styleContent}\n            </style>\n          ))}\n        </>\n      )}\n      {value == null ? null : (\n        <ThemeContext.Provider value={value}>\n          <SpectrumThemeProvider>{children}</SpectrumThemeProvider>\n        </ThemeContext.Provider>\n      )}\n    </>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"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"}

package/dist/theme/ThemeUtils.d.ts

@@ -1,8 +1,10 @@
-import { type ThemeData, type ThemePreloadData, type CssVariableStyleContent, type ThemeRegistrationData, type ThemeCssVariableName } from './ThemeModel';
+import { type BaseThemeKey, type ThemeData, type ThemePreloadData, type CssVariableStyleContent, type ThemeRegistrationData, type ThemeCssVariableName, type ParentThemeData, type ThemeCssColorVariableName } from './ThemeModel';
 export declare const CSS_VAR_EXPRESSION_PREFIX = "var(--";
+export declare const DH_VAR_PREFIX = "--dh-color-";
 export declare const TMP_CSS_PROP_PREFIX = "dh-tmp";
 export declare const NON_WHITESPACE_REGEX: RegExp;
 export declare const WHITESPACE_REGEX: RegExp;
+export declare const DH_CSS_VAR_NAME_REGEXP: RegExp;
 export type VarExpressionResolver = (varExpression: string) => string;
 /**
  * Resolves the current values of CSS variables we want to preload. Preloading
@@ -88,6 +90,31 @@ export declare function getThemePreloadData(): ThemePreloadData | null;
  * @returns An array of [start, end] index pairs for each expression
  */
 export declare function getExpressionRanges(value: string): [number, number][];
+/**
+ * Request parent theme data from the parent window.
+ * @returns A promise that resolves to the parent theme data
+ * @throws Error if the response is not a valid `ParentThemeData`
+ */
+export declare function requestParentThemeData(): Promise<ParentThemeData>;
+export declare function isValidColorVar(name: string, value: string): name is ThemeCssColorVariableName;
+export declare function parseParentThemeData({ baseThemeKey, name, cssVars, }: ParentThemeData): ThemeData;
+/**
+ * Check if the current URL specifies a parent theme key override.
+ * @returns True if the parent theme key override is set, false otherwise
+ */
+export declare function hasParentThemeKey(): boolean;
+/**
+ * Check if the given theme key is one of the base themes.
+ * @param themeKey The theme key to check
+ * @returns True if the theme key is a base theme key, false otherwise
+ */
+export declare function isBaseThemeKey(themeKey: string): themeKey is BaseThemeKey;
+/**
+ * Determine if a given object is a `ParentThemeData` object.
+ * @param maybeParentThemeData An object that may or may not be a `ParentThemeData`
+ * @returns True if the object is a `ParentThemeData`, false otherwise
+ */
+export declare function isParentThemeData(maybeParentThemeData: unknown): maybeParentThemeData is ParentThemeData;
 /**
  * Replace the `fill='...'` attribute in the given SVG content with the given
  * color string.

package/dist/theme/ThemeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAE5B,KAAK,qBAAqB,EAG1B,KAAK,oBAAoB,EAG1B,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAClD,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,QAAO,CAAC;AACzC,eAAO,MAAM,gBAAgB,QAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAC1C,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3C,uBAAuB,CAazB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,CAgB3C;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,iBAAiB,MAAM,EAAE,EAC7B,mBAAmB,EAAE,uBAAuB,GAC3C,IAAI,CAKN;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAcb;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAgBlD;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAMnD;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAGnD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAiCrE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAKR;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,EAC1C,eAAe,UAAQ,GACtB,CAAC,CAyDH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAyBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,oBAAoB,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAkC,GAC5E,IAAI,CAyBN;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,IAAI,CAkBN"}
+{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"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"}

package/dist/theme/ThemeUtils.js

@@ -1,13 +1,17 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 import Log from '@deephaven/log';
-import { assertNotNull, ColorUtils } from '@deephaven/utils';
+import { assertNotNull, ColorUtils, requestParentResponse } from '@deephaven/utils';
 import { themeDark } from "./theme-dark/index.js";
 import { themeLight } from "./theme-light/index.js";
-import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY, SVG_ICON_MANUAL_COLOR_MAP, THEME_KEY_OVERRIDE_QUERY_PARAM } from "./ThemeModel.js";
+import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY, SVG_ICON_MANUAL_COLOR_MAP, THEME_KEY_OVERRIDE_QUERY_PARAM, PARENT_THEME_KEY, PARENT_THEME_REQUEST, TRANSPARENT_PRELOAD_DATA_VARIABLES } from "./ThemeModel.js";
 var log = Log.module('ThemeUtils');
 export var CSS_VAR_EXPRESSION_PREFIX = 'var(--';
+export var DH_VAR_PREFIX = '--dh-color-';
 export var TMP_CSS_PROP_PREFIX = 'dh-tmp';
 export var NON_WHITESPACE_REGEX = /\S/;
 export var WHITESPACE_REGEX = /\s/;
+export var DH_CSS_VAR_NAME_REGEXP = /^--dh-color-[a-z0-9_-]+$/;
 /**
  * Resolves the current values of CSS variables we want to preload. Preloading
  * happens before themes are fully loaded so that we can style things like the
@@ -205,6 +209,77 @@ export function getExpressionRanges(value) {
   return ranges;
 }
 
+/**
+ * Request parent theme data from the parent window.
+ * @returns A promise that resolves to the parent theme data
+ * @throws Error if the response is not a valid `ParentThemeData`
+ */
+export function requestParentThemeData() {
+  return _requestParentThemeData.apply(this, arguments);
+}
+function _requestParentThemeData() {
+  _requestParentThemeData = _asyncToGenerator(function* () {
+    var result = yield requestParentResponse(PARENT_THEME_REQUEST);
+    if (!isParentThemeData(result)) {
+      throw new Error("Unexpected parent theme data response: ".concat(JSON.stringify(result)));
+    }
+    return result;
+  });
+  return _requestParentThemeData.apply(this, arguments);
+}
+export function isValidColorVar(name, value) {
+  return DH_CSS_VAR_NAME_REGEXP.test(name) && CSS.supports('color', value);
+}
+export function parseParentThemeData(_ref3) {
+  var {
+    baseThemeKey = DEFAULT_DARK_THEME_KEY,
+    name,
+    cssVars
+  } = _ref3;
+  var toExpression = _ref4 => {
+    var [varName, varValue] = _ref4;
+    return isValidColorVar(varName, varValue) ? "".concat(varName, ":").concat(varValue) : null;
+  };
+  var sanitized = Object.entries(cssVars).map(toExpression).filter(str => str != null);
+  var styleContent = ":root{".concat(sanitized.length === 0 ? '' : sanitized.join(';'), ";}");
+  return {
+    baseThemeKey,
+    themeKey: PARENT_THEME_KEY,
+    name,
+    styleContent
+  };
+}
+
+/**
+ * Check if the current URL specifies a parent theme key override.
+ * @returns True if the parent theme key override is set, false otherwise
+ */
+export function hasParentThemeKey() {
+  var searchParams = new URLSearchParams(window.location.search);
+  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM) === PARENT_THEME_KEY;
+}
+
+/**
+ * Check if the given theme key is one of the base themes.
+ * @param themeKey The theme key to check
+ * @returns True if the theme key is a base theme key, false otherwise
+ */
+export function isBaseThemeKey(themeKey) {
+  return [DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY].includes(themeKey);
+}
+
+/**
+ * Determine if a given object is a `ParentThemeData` object.
+ * @param maybeParentThemeData An object that may or may not be a `ParentThemeData`
+ * @returns True if the object is a `ParentThemeData`, false otherwise
+ */
+export function isParentThemeData(maybeParentThemeData) {
+  if (typeof maybeParentThemeData !== 'object' || maybeParentThemeData == null) {
+    return false;
+  }
+  return 'name' in maybeParentThemeData && typeof maybeParentThemeData.name === 'string' && 'cssVars' in maybeParentThemeData && maybeParentThemeData.cssVars != null;
+}
+
 /**
  * Replace the `fill='...'` attribute in the given SVG content with the given
  * color string.
@@ -244,8 +319,8 @@ export function resolveCssVariablesInRecord(record) {
   var tmpPropEl = document.createElement('div');
   tmpPropEl.style.display = 'none';
   var recordArray = Object.entries(record);
-  recordArray.forEach((_ref3, i) => {
-    var [, value] = _ref3;
+  recordArray.forEach((_ref5, i) => {
+    var [, value] = _ref5;
     tmpPropEl.style.setProperty("--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i), value);
     // faster to create these now all at once, even if we don't use them all
     // since the parent isn't added yet to the DOM
@@ -260,8 +335,8 @@ export function resolveCssVariablesInRecord(record) {
   targetElement.appendChild(tmpPropEl);
   var tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);
   var result = {};
-  recordArray.forEach((_ref4, i) => {
-    var [key, value] = _ref4;
+  recordArray.forEach((_ref6, i) => {
+    var [key, value] = _ref6;
     // resolves any variables in the expression
     var resolved = tempPropElComputedStyle.getPropertyValue("--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i));
     var containsCssVar = value.includes(CSS_VAR_EXPRESSION_PREFIX);
@@ -297,8 +372,8 @@ export function resolveCssVariablesInRecord(record) {
 export function resolveCssVariablesInString(resolver, value) {
   var result = [];
   var i = 0;
-  getExpressionRanges(value).forEach(_ref5 => {
-    var [start, end] = _ref5;
+  getExpressionRanges(value).forEach(_ref7 => {
+    var [start, end] = _ref7;
     if (i < start) {
       result.push(value.substring(i, start));
       i += start - i;
@@ -337,6 +412,12 @@ export function getThemeKey(pluginName, themeName) {
 export function preloadTheme() {
   var _getThemePreloadData2;
   var defaultPreloadValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_PRELOAD_DATA_VARIABLES;
+  // If theme=PARENT_THEME_KEY preload colors as transparent so that parent
+  // container will show until the `postMessage` handshake is complete.
+  if (hasParentThemeKey()) {
+    createPreloadStyleElement('theme-preload-transparent', calculatePreloadStyleContent(TRANSPARENT_PRELOAD_DATA_VARIABLES));
+    return;
+  }
   var previousPreloadStyleContent = (_getThemePreloadData2 = getThemePreloadData()) === null || _getThemePreloadData2 === void 0 ? void 0 : _getThemePreloadData2.preloadStyleContent;
   var defaultPreloadStyleContent = calculatePreloadStyleContent(defaultPreloadValues);
   log.debug('Preloading theme content:', {
@@ -370,8 +451,8 @@ export function preloadTheme() {
  */
 export function overrideSVGFillColors(defaultValues) {
   var resolveVar = createCssVariableResolver(document.body, defaultValues);
-  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref6 => {
-    var [key, value] = _ref6;
+  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref8 => {
+    var [key, value] = _ref8;
     // Clear any previous override so that our variables get resolved against the
     // actual svg content provided by the active themes and not from a previous
     // override

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","THEME_KEY_OVERRIDE_QUERY_PARAM","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","defaultPreloadValues","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","defaultValues","computedStyle","getComputedStyle","cssVariableResolver","varName","_defaultValues","value","getPropertyValue","createPreloadStyleElement","id","preloadStyleContent","style","createElement","innerHTML","head","appendChild","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getDefaultSelectedThemeKey","_ref2","_getThemeKeyOverride","_getThemePreloadData","getThemeKeyOverride","getThemePreloadData","searchParams","URLSearchParams","window","location","search","get","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","display","recordArray","entries","_ref3","setProperty","backgroundColor","tempPropElComputedStyle","result","_ref4","resolved","containsCssVar","isColor","CSS","supports","children","color","normalizeCssColor","remove","resolveCssVariablesInString","resolver","_ref5","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData2","previousPreloadStyleContent","defaultPreloadStyleContent","overrideSVGFillColors","_ref6","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  type ThemeData,\n  type ThemePreloadData,\n  type CssVariableStyleContent,\n  type ThemePreloadColorVariable,\n  type ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  type ThemeCssVariableName,\n  type ThemeIconsRequiringManualColorChanges,\n  THEME_KEY_OVERRIDE_QUERY_PARAM,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n * @defaultPreloadValues Default values to use if a preload variable is not set.\n */\nexport function calculatePreloadStyleContent(\n  defaultPreloadValues: Record<string, string>\n): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(\n    document.body,\n    defaultPreloadValues\n  );\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(defaultPreloadValues).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * `defaultValues` for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function createCssVariableResolver(\n  el: Element,\n  defaultValues: Record<string, string>\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return defaultValues[varName as ThemePreloadColorVariable] ?? '';\n  };\n}\n\n/**\n * Create a style tag containing preload css variables and add to the head.\n * @param id The id of the style tag\n * @param preloadStyleContent The css variable content to add to the style tag\n */\nexport function createPreloadStyleElement(\n  id: `theme-preload-${string}`,\n  preloadStyleContent: CssVariableStyleContent\n): void {\n  const style = document.createElement('style');\n  style.id = id;\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the default selected theme key. Precedence is:\n * 1. Theme key override query parameter\n * 2. Theme key from preload data\n * 3. Default dark theme key\n * @returns The default selected theme key\n */\nexport function getDefaultSelectedThemeKey(): string {\n  return (\n    getThemeKeyOverride() ??\n    getThemePreloadData()?.themeKey ??\n    DEFAULT_DARK_THEME_KEY\n  );\n}\n\n/**\n * A theme key override can be set via a query parameter to force a specific\n * theme selection. Useful for embedded widget scenarios that don't expose the\n * theme selector.\n */\nexport function getThemeKeyOverride(): string | null {\n  const searchParams = new URLSearchParams(window.location.search);\n  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM);\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  tmpPropEl.style.display = 'none';\n\n  const recordArray = Object.entries(record);\n  recordArray.forEach(([, value], i) => {\n    tmpPropEl.style.setProperty(`--${TMP_CSS_PROP_PREFIX}-${i}`, value);\n    // faster to create these now all at once, even if we don't use them all\n    // since the parent isn't added yet to the DOM\n    const el = document.createElement('div');\n    // use background color instead of color to avoid inherited values\n    el.style.backgroundColor = value;\n    tmpPropEl.appendChild(el);\n  });\n\n  // append only once to avoid multiple re-layouts\n  // must be part of DOM to get computed color\n  targetElement.appendChild(tmpPropEl);\n  const tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);\n\n  const result = {} as T;\n  recordArray.forEach(([key, value], i) => {\n    // resolves any variables in the expression\n    let resolved = tempPropElComputedStyle.getPropertyValue(\n      `--${TMP_CSS_PROP_PREFIX}-${i}`\n    );\n\n    const containsCssVar = value.includes(CSS_VAR_EXPRESSION_PREFIX);\n    const isColor = CSS.supports('color', resolved);\n\n    if (\n      // only try to normalize non-hex strings that are valid colors\n      // otherwise non-colors will be made #00000000\n      isColor &&\n      !/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(resolved)\n    ) {\n      // getting the computed background color is necessary\n      // because resolved can still contain a color-mix() function\n      const el = tmpPropEl.children[i] as HTMLDivElement;\n      const computedStyle = window.getComputedStyle(el);\n      const color = computedStyle.getPropertyValue('background-color');\n      // convert color to hex, which is what monaco and plotly require\n      resolved = ColorUtils.normalizeCssColor(color, isAlphaOptional);\n    }\n    (result as Record<string, string>)[key] =\n      containsCssVar || isColor ? resolved : value;\n  });\n\n  // Remove the temporary div\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n * @defaultPreloadValues Optional default values to use if a preload variable is not set.\n */\nexport function preloadTheme(\n  defaultPreloadValues: Record<string, string> = DEFAULT_PRELOAD_DATA_VARIABLES\n): void {\n  const previousPreloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent;\n\n  const defaultPreloadStyleContent =\n    calculatePreloadStyleContent(defaultPreloadValues);\n\n  log.debug('Preloading theme content:', {\n    defaultPreloadStyleContent,\n    previousPreloadStyleContent,\n  });\n\n  createPreloadStyleElement(\n    'theme-preload-defaults',\n    defaultPreloadStyleContent\n  );\n\n  // Any preload variables that were saved by last theme load should override\n  // the defaults\n  if (previousPreloadStyleContent != null) {\n    createPreloadStyleElement(\n      'theme-preload-previous',\n      previousPreloadStyleContent\n    );\n  }\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function overrideSVGFillColors(\n  defaultValues: Record<string, string>\n): void {\n  const resolveVar = createCssVariableResolver(document.body, defaultValues);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","requestParentResponse","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","THEME_KEY_OVERRIDE_QUERY_PARAM","PARENT_THEME_KEY","PARENT_THEME_REQUEST","TRANSPARENT_PRELOAD_DATA_VARIABLES","log","module","CSS_VAR_EXPRESSION_PREFIX","DH_VAR_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","DH_CSS_VAR_NAME_REGEXP","calculatePreloadStyleContent","defaultPreloadValues","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","defaultValues","computedStyle","getComputedStyle","cssVariableResolver","varName","_defaultValues","value","getPropertyValue","createPreloadStyleElement","id","preloadStyleContent","style","createElement","innerHTML","head","appendChild","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getDefaultSelectedThemeKey","_ref2","_getThemeKeyOverride","_getThemePreloadData","getThemeKeyOverride","getThemePreloadData","searchParams","URLSearchParams","window","location","search","get","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","requestParentThemeData","_requestParentThemeData","apply","arguments","_asyncToGenerator","result","isParentThemeData","Error","stringify","isValidColorVar","CSS","supports","parseParentThemeData","_ref3","cssVars","toExpression","_ref4","varValue","sanitized","entries","filter","str","hasParentThemeKey","isBaseThemeKey","maybeParentThemeData","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","display","recordArray","_ref5","setProperty","backgroundColor","tempPropElComputedStyle","_ref6","resolved","containsCssVar","isColor","children","color","normalizeCssColor","remove","resolveCssVariablesInString","resolver","_ref7","setThemePreloadData","preloadData","setItem","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData2","previousPreloadStyleContent","defaultPreloadStyleContent","overrideSVGFillColors","_ref8","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport {\n  assertNotNull,\n  ColorUtils,\n  requestParentResponse,\n} from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  type BaseThemeKey,\n  type ThemeData,\n  type ThemePreloadData,\n  type CssVariableStyleContent,\n  type ThemePreloadColorVariable,\n  type ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  type ThemeCssVariableName,\n  type ThemeIconsRequiringManualColorChanges,\n  THEME_KEY_OVERRIDE_QUERY_PARAM,\n  PARENT_THEME_KEY,\n  type ParentThemeData,\n  PARENT_THEME_REQUEST,\n  type ThemeCssColorVariableName,\n  TRANSPARENT_PRELOAD_DATA_VARIABLES,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const DH_VAR_PREFIX = '--dh-color-';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport const DH_CSS_VAR_NAME_REGEXP = /^--dh-color-[a-z0-9_-]+$/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n * @defaultPreloadValues Default values to use if a preload variable is not set.\n */\nexport function calculatePreloadStyleContent(\n  defaultPreloadValues: Record<string, string>\n): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(\n    document.body,\n    defaultPreloadValues\n  );\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(defaultPreloadValues).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * `defaultValues` for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function createCssVariableResolver(\n  el: Element,\n  defaultValues: Record<string, string>\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return defaultValues[varName as ThemePreloadColorVariable] ?? '';\n  };\n}\n\n/**\n * Create a style tag containing preload css variables and add to the head.\n * @param id The id of the style tag\n * @param preloadStyleContent The css variable content to add to the style tag\n */\nexport function createPreloadStyleElement(\n  id: `theme-preload-${string}`,\n  preloadStyleContent: CssVariableStyleContent\n): void {\n  const style = document.createElement('style');\n  style.id = id;\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the default selected theme key. Precedence is:\n * 1. Theme key override query parameter\n * 2. Theme key from preload data\n * 3. Default dark theme key\n * @returns The default selected theme key\n */\nexport function getDefaultSelectedThemeKey(): string {\n  return (\n    getThemeKeyOverride() ??\n    getThemePreloadData()?.themeKey ??\n    DEFAULT_DARK_THEME_KEY\n  );\n}\n\n/**\n * A theme key override can be set via a query parameter to force a specific\n * theme selection. Useful for embedded widget scenarios that don't expose the\n * theme selector.\n */\nexport function getThemeKeyOverride(): string | null {\n  const searchParams = new URLSearchParams(window.location.search);\n  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM);\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Request parent theme data from the parent window.\n * @returns A promise that resolves to the parent theme data\n * @throws Error if the response is not a valid `ParentThemeData`\n */\nexport async function requestParentThemeData(): Promise<ParentThemeData> {\n  const result = await requestParentResponse(PARENT_THEME_REQUEST);\n\n  if (!isParentThemeData(result)) {\n    throw new Error(\n      `Unexpected parent theme data response: ${JSON.stringify(result)}`\n    );\n  }\n\n  return result;\n}\n\nexport function isValidColorVar(\n  name: string,\n  value: string\n): name is ThemeCssColorVariableName {\n  return DH_CSS_VAR_NAME_REGEXP.test(name) && CSS.supports('color', value);\n}\n\nexport function parseParentThemeData({\n  baseThemeKey = DEFAULT_DARK_THEME_KEY,\n  name,\n  cssVars,\n}: ParentThemeData): ThemeData {\n  const toExpression = ([varName, varValue]: [string, string]) =>\n    isValidColorVar(varName, varValue) ? `${varName}:${varValue}` : null;\n\n  const sanitized = Object.entries(cssVars)\n    .map(toExpression)\n    .filter((str): str is string => str != null);\n\n  const styleContent = `:root{${\n    sanitized.length === 0 ? '' : sanitized.join(';')\n  };}`;\n\n  return {\n    baseThemeKey,\n    themeKey: PARENT_THEME_KEY,\n    name,\n    styleContent,\n  };\n}\n\n/**\n * Check if the current URL specifies a parent theme key override.\n * @returns True if the parent theme key override is set, false otherwise\n */\nexport function hasParentThemeKey(): boolean {\n  const searchParams = new URLSearchParams(window.location.search);\n  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM) === PARENT_THEME_KEY;\n}\n\n/**\n * Check if the given theme key is one of the base themes.\n * @param themeKey The theme key to check\n * @returns True if the theme key is a base theme key, false otherwise\n */\nexport function isBaseThemeKey(themeKey: string): themeKey is BaseThemeKey {\n  return [DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY].includes(themeKey);\n}\n\n/**\n * Determine if a given object is a `ParentThemeData` object.\n * @param maybeParentThemeData An object that may or may not be a `ParentThemeData`\n * @returns True if the object is a `ParentThemeData`, false otherwise\n */\nexport function isParentThemeData(\n  maybeParentThemeData: unknown\n): maybeParentThemeData is ParentThemeData {\n  if (\n    typeof maybeParentThemeData !== 'object' ||\n    maybeParentThemeData == null\n  ) {\n    return false;\n  }\n\n  return (\n    'name' in maybeParentThemeData &&\n    typeof maybeParentThemeData.name === 'string' &&\n    'cssVars' in maybeParentThemeData &&\n    maybeParentThemeData.cssVars != null\n  );\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  tmpPropEl.style.display = 'none';\n\n  const recordArray = Object.entries(record);\n  recordArray.forEach(([, value], i) => {\n    tmpPropEl.style.setProperty(`--${TMP_CSS_PROP_PREFIX}-${i}`, value);\n    // faster to create these now all at once, even if we don't use them all\n    // since the parent isn't added yet to the DOM\n    const el = document.createElement('div');\n    // use background color instead of color to avoid inherited values\n    el.style.backgroundColor = value;\n    tmpPropEl.appendChild(el);\n  });\n\n  // append only once to avoid multiple re-layouts\n  // must be part of DOM to get computed color\n  targetElement.appendChild(tmpPropEl);\n  const tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);\n\n  const result = {} as T;\n  recordArray.forEach(([key, value], i) => {\n    // resolves any variables in the expression\n    let resolved = tempPropElComputedStyle.getPropertyValue(\n      `--${TMP_CSS_PROP_PREFIX}-${i}`\n    );\n\n    const containsCssVar = value.includes(CSS_VAR_EXPRESSION_PREFIX);\n    const isColor = CSS.supports('color', resolved);\n\n    if (\n      // only try to normalize non-hex strings that are valid colors\n      // otherwise non-colors will be made #00000000\n      isColor &&\n      !/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(resolved)\n    ) {\n      // getting the computed background color is necessary\n      // because resolved can still contain a color-mix() function\n      const el = tmpPropEl.children[i] as HTMLDivElement;\n      const computedStyle = window.getComputedStyle(el);\n      const color = computedStyle.getPropertyValue('background-color');\n      // convert color to hex, which is what monaco and plotly require\n      resolved = ColorUtils.normalizeCssColor(color, isAlphaOptional);\n    }\n    (result as Record<string, string>)[key] =\n      containsCssVar || isColor ? resolved : value;\n  });\n\n  // Remove the temporary div\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n * @defaultPreloadValues Optional default values to use if a preload variable is not set.\n */\nexport function preloadTheme(\n  defaultPreloadValues: Record<string, string> = DEFAULT_PRELOAD_DATA_VARIABLES\n): void {\n  // If theme=PARENT_THEME_KEY preload colors as transparent so that parent\n  // container will show until the `postMessage` handshake is complete.\n  if (hasParentThemeKey()) {\n    createPreloadStyleElement(\n      'theme-preload-transparent',\n      calculatePreloadStyleContent(TRANSPARENT_PRELOAD_DATA_VARIABLES)\n    );\n    return;\n  }\n\n  const previousPreloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent;\n\n  const defaultPreloadStyleContent =\n    calculatePreloadStyleContent(defaultPreloadValues);\n\n  log.debug('Preloading theme content:', {\n    defaultPreloadStyleContent,\n    previousPreloadStyleContent,\n  });\n\n  createPreloadStyleElement(\n    'theme-preload-defaults',\n    defaultPreloadStyleContent\n  );\n\n  // Any preload variables that were saved by last theme load should override\n  // the defaults\n  if (previousPreloadStyleContent != null) {\n    createPreloadStyleElement(\n      'theme-preload-previous',\n      previousPreloadStyleContent\n    );\n  }\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function overrideSVGFillColors(\n  defaultValues: Record<string, string>\n): void {\n  const resolveVar = createCssVariableResolver(document.body, defaultValues);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -7,5 +7,6 @@ export * from './ThemeUtils';
 export * from './useTheme';
 export * from './Logo';
 export * from './colorUtils';
+export * from './useParentWindowTheme';
 export * from './useSpectrumThemeProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}

package/dist/theme/index.js

@@ -7,5 +7,6 @@ export * from "./ThemeUtils.js";
 export * from "./useTheme.js";
 export * from "./Logo.js";
 export * from "./colorUtils.js";
+export * from "./useParentWindowTheme.js";
 export * from "./useSpectrumThemeProvider.js";
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useSpectrumThemeProvider';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useParentWindowTheme';\nexport * from './useSpectrumThemeProvider';\n"],"mappings":""}

package/dist/theme/useParentWindowTheme.d.ts

@@ -0,0 +1,12 @@
+import { type ThemeData } from './ThemeModel';
+export interface UseParentWindowThemeResult {
+    isPending: boolean;
+    themeData?: ThemeData;
+}
+/**
+ * If parent theme is configured via `theme=PARENT_THEME_KEY` query param, handle
+ * `postMessage` communication to retrieve the theme data from the parent window.
+ */
+export declare function useParentWindowTheme(): UseParentWindowThemeResult;
+export default useParentWindowTheme;
+//# sourceMappingURL=useParentWindowTheme.d.ts.map

package/dist/theme/useParentWindowTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParentWindowTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useParentWindowTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,0BAA0B,CA2BjE;AAED,eAAe,oBAAoB,CAAC"}

package/dist/theme/useParentWindowTheme.js

@@ -0,0 +1,31 @@
+import { useEffect, useRef, useState } from 'react';
+import Log from '@deephaven/log';
+import { hasParentThemeKey, parseParentThemeData, requestParentThemeData } from "./ThemeUtils.js";
+var logger = Log.module('useParentWindowTheme');
+/**
+ * If parent theme is configured via `theme=PARENT_THEME_KEY` query param, handle
+ * `postMessage` communication to retrieve the theme data from the parent window.
+ */
+export function useParentWindowTheme() {
+  var [result, setResult] = useState(() => ({
+    isPending: hasParentThemeKey()
+  }));
+  var isEnabledRef = useRef(result.isPending);
+  useEffect(() => {
+    if (!isEnabledRef.current) {
+      return;
+    }
+    requestParentThemeData().then(parseParentThemeData).then(themeData => setResult({
+      isPending: false,
+      themeData
+    })).catch(err => {
+      logger.error(err);
+      setResult({
+        isPending: false
+      });
+    });
+  }, []);
+  return result;
+}
+export default useParentWindowTheme;
+//# sourceMappingURL=useParentWindowTheme.js.map

package/dist/theme/useParentWindowTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParentWindowTheme.js","names":["useEffect","useRef","useState","Log","hasParentThemeKey","parseParentThemeData","requestParentThemeData","logger","module","useParentWindowTheme","result","setResult","isPending","isEnabledRef","current","then","themeData","catch","err","error"],"sources":["../../src/theme/useParentWindowTheme.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { type ThemeData } from './ThemeModel';\nimport {\n  hasParentThemeKey,\n  parseParentThemeData,\n  requestParentThemeData,\n} from './ThemeUtils';\n\nconst logger = Log.module('useParentWindowTheme');\nexport interface UseParentWindowThemeResult {\n  isPending: boolean;\n  themeData?: ThemeData;\n}\n\n/**\n * If parent theme is configured via `theme=PARENT_THEME_KEY` query param, handle\n * `postMessage` communication to retrieve the theme data from the parent window.\n */\nexport function useParentWindowTheme(): UseParentWindowThemeResult {\n  const [result, setResult] = useState<UseParentWindowThemeResult>(() => ({\n    isPending: hasParentThemeKey(),\n  }));\n\n  const isEnabledRef = useRef(result.isPending);\n\n  useEffect(() => {\n    if (!isEnabledRef.current) {\n      return;\n    }\n\n    requestParentThemeData()\n      .then(parseParentThemeData)\n      .then(themeData =>\n        setResult({\n          isPending: false,\n          themeData,\n        })\n      )\n      .catch(err => {\n        logger.error(err);\n        setResult({ isPending: false });\n      });\n  }, []);\n\n  return result;\n}\n\nexport default useParentWindowTheme;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SAG/BC,iBAAiB,EACjBC,oBAAoB,EACpBC,sBAAsB;AAGxB,IAAMC,MAAM,GAAGJ,GAAG,CAACK,MAAM,CAAC,sBAAsB,CAAC;AAMjD;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAA,EAA+B;EACjE,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAA6B,OAAO;IACtEU,SAAS,EAAER,iBAAiB,CAAC;EAC/B,CAAC,CAAC,CAAC;EAEH,IAAMS,YAAY,GAAGZ,MAAM,CAACS,MAAM,CAACE,SAAS,CAAC;EAE7CZ,SAAS,CAAC,MAAM;IACd,IAAI,CAACa,YAAY,CAACC,OAAO,EAAE;MACzB;IACF;IAEAR,sBAAsB,CAAC,CAAC,CACrBS,IAAI,CAACV,oBAAoB,CAAC,CAC1BU,IAAI,CAACC,SAAS,IACbL,SAAS,CAAC;MACRC,SAAS,EAAE,KAAK;MAChBI;IACF,CAAC,CACH,CAAC,CACAC,KAAK,CAACC,GAAG,IAAI;MACZX,MAAM,CAACY,KAAK,CAACD,GAAG,CAAC;MACjBP,SAAS,CAAC;QAAEC,SAAS,EAAE;MAAM,CAAC,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,MAAM;AACf;AAEA,eAAeD,oBAAoB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.107.2",
+  "version": "0.107.3-alpha-parent-theme.11+87d8516d",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.38.0",
-    "@deephaven/icons": "^0.107.0",
-    "@deephaven/log": "^0.107.0",
-    "@deephaven/react-hooks": "^0.107.1",
-    "@deephaven/utils": "^0.107.1",
+    "@deephaven/icons": "^0.107.3-alpha-parent-theme.11+87d8516d",
+    "@deephaven/log": "^0.107.3-alpha-parent-theme.11+87d8516d",
+    "@deephaven/react-hooks": "^0.107.3-alpha-parent-theme.11+87d8516d",
+    "@deephaven/utils": "^0.107.3-alpha-parent-theme.11+87d8516d",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@internationalized/date": "^3.5.5",
@@ -60,8 +60,8 @@
     "react-is": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.107.0",
-    "@deephaven/test-utils": "^0.107.0",
+    "@deephaven/mocks": "^0.107.3-alpha-parent-theme.11+87d8516d",
+    "@deephaven/test-utils": "^0.107.3-alpha-parent-theme.11+87d8516d",
     "react-redux": "^7.2.4"
   },
   "files": [
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "25336701042e5818a9fe4bdc2145fc6ae5d9049d"
+  "gitHead": "87d8516dc3369bdd9be968eef348265e02a0634b"
 }